@mohasinac/appkit 4.53.1 → 4.54.0-next.0

package/dist/features/orders/components/MarketplaceOrderCard.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { Package } from "lucide-react";
-import { BaseListingCard, Button, Caption, Row, Span, Stack, StatusBadge, Text, TextLink, Div } from "../../../ui/index.js";
-import { formatCurrency, formatDate } from "../../../utils/index.js";
-import { OrderStatusValues } from "../schemas/index.js";
-import { useLongPress } from "../../../react/hooks/useLongPress.js";
-const CLS_ACTION_BUTTON = "min-w-0 flex-1 px-[var(--appkit-space-2)] text-[length:var(--appkit-text-xs)]";
-const STATUS_MAP = {
-    pending: "pending",
-    confirmed: "info",
-    shipped: "info",
-    delivered: "success",
-    cancelled: "danger",
-    returned: "danger",
-};
-const DEFAULT_LABELS = {
-    orderNumber: "Order",
-    placedOn: "Placed on",
-    items: "Items",
-    trackOrder: "Track",
-    writeReview: "Review",
-    viewOrder: "View",
-};
-function defaultNavigate(href) {
-    if (typeof window !== "undefined") {
-        window.location.assign(href);
-    }
-}
-export function MarketplaceOrderCard({ order, links, labels, className = "", variant = "grid", selectable = false, isSelected = false, onSelect, onNavigate, }) {
-    const mergedLabels = { ...DEFAULT_LABELS, ...labels };
-    const navigate = onNavigate ?? defaultNavigate;
-    const orderId = order.id ?? "";
-    const shortId = `#${orderId.slice(0, 8).toUpperCase()}`;
-    const status = STATUS_MAP[order.status] ?? "pending";
-    const statusLabel = order.status.charAt(0).toUpperCase() + order.status.slice(1);
-    const isDelivered = order.status === OrderStatusValues.DELIVERED;
-    const isShipped = order.status === OrderStatusValues.SHIPPED;
-    const detailHref = links?.detailHref(order) ?? `/orders/${order.id}`;
-    const trackHref = links?.trackHref?.(order);
-    const reviewHref = links?.reviewHref?.(order);
-    const handleSelect = useCallback((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        onSelect?.(orderId, !isSelected);
-    }, [orderId, isSelected, onSelect]);
-    const longPress = useLongPress(() => onSelect?.(orderId, !isSelected));
-    const isListVariant = variant === "list";
-    const itemCount = order.items?.length ?? 0;
-    const infoBlock = (_jsxs(_Fragment, { children: [_jsx(Row, { className: "h-10 w-10 flex-shrink-0", surface: "subtle", align: "center", justify: "center", rounded: "lg", children: _jsx(Package, { className: "h-5 w-5 text-[var(--appkit-color-text-muted)] text-[var(--appkit-color-text-muted)]" }) }), _jsxs(Stack, { className: "min-w-0", gap: "xs", children: [_jsx(TextLink, { href: detailHref, className: "leading-tight", children: _jsx(Text, { weight: "semibold", className: "truncate", children: order.productTitle ?? shortId }) }), _jsxs(Caption, { className: "font-mono", children: [mergedLabels.orderNumber, " ", shortId] }), _jsxs(Caption, { children: [mergedLabels.placedOn, " ", formatDate(order.orderDate)] }), itemCount > 1 && (_jsxs(Caption, { children: [mergedLabels.items, ": ", _jsx(Span, { weight: "medium", children: itemCount })] }))] })] }));
-    const statusPriceBlock = (_jsxs(_Fragment, { children: [_jsx(StatusBadge, { status: status, label: statusLabel }), _jsx(Text, { weight: "semibold", className: "tabular-nums", children: formatCurrency(order.totalPrice, order.currency) })] }));
-    const actionsRow = (_jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [(isShipped || isDelivered) &&
-                trackHref &&
-                order.trackingNumber && (_jsx(Button, { variant: "ghost", size: "sm", className: CLS_ACTION_BUTTON, onClick: () => navigate(trackHref), children: mergedLabels.trackOrder })), isDelivered && reviewHref && (_jsx(Button, { variant: "outline", size: "sm", className: CLS_ACTION_BUTTON, onClick: () => navigate(reviewHref), children: mergedLabels.writeReview })), _jsx(Button, { variant: "secondary", size: "sm", className: CLS_ACTION_BUTTON, onClick: () => navigate(detailHref), children: mergedLabels.viewOrder })] }));
-    return (_jsxs(Div, { rounded: "xl", border: "subtle", shadow: "hover-md", className: `group relative overflow-hidden bg-[var(--appkit-color-surface)] transition-all duration-200 ${isSelected ? "ring-2 ring-primary-500 dark:ring-primary-400" : ""} ${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, onTouchCancel: onSelect && !isSelected ? longPress.onTouchCancel : undefined, "data-section": "marketplaceordercard-div-411", children: [onSelect && (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: handleSelect, label: isSelected ? "Deselect order" : "Select order", position: "top-2 left-2", className: selectable || isSelected ? "opacity-100" : "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-opacity" })), isListVariant ? (_jsxs(Row, { align: "center", justify: "between", gap: "md", padding: "md", "data-section": "marketplaceordercard-div-412", children: [_jsx(Div, { layout: "flex", align: "start", gap: "3", paddingX: selectable ? "l-xl" : undefined, className: "min-w-0 flex-1", "data-section": "marketplaceordercard-div-413", children: infoBlock }), _jsxs(Row, { align: "center", gap: "md", className: "flex-shrink-0", "data-section": "marketplaceordercard-div-416", children: [_jsx(Row, { align: "center", gap: "md", "data-section": "marketplaceordercard-div-417", children: statusPriceBlock }), actionsRow] })] })) : (_jsxs(Stack, { gap: "md", padding: "md", "data-section": "marketplaceordercard-div-412", children: [_jsx(Div, { layout: "flex", align: "start", gap: "3", paddingX: selectable ? "l-xl" : undefined, "data-section": "marketplaceordercard-div-413", children: infoBlock }), _jsxs(Stack, { gap: "3", "data-section": "marketplaceordercard-div-416", children: [_jsx(Row, { wrap: true, align: "center", justify: "between", gap: "3", "data-section": "marketplaceordercard-div-417", children: statusPriceBlock }), actionsRow] })] }))] }));
-}

package/dist/features/stores/components/StoreWhatsAppGuideView.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export type StoreWhatsAppGuideViewProps = Record<string, never>;
-export declare function StoreWhatsAppGuideView(_props: StoreWhatsAppGuideViewProps): React.JSX.Element;

package/dist/features/stores/components/StoreWhatsAppGuideView.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowLeft } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Section, Span, Stack, Text, TextLink, Ul } from "../../../ui/index.js";
-import { ROUTES } from "../../../next/routing/route-map.js";
-function GuideSection({ title, children, }) {
-    return (_jsxs(Section, { className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", rounded: "xl", shadow: "sm", padding: "lg", children: [_jsx(Heading, { level: 2, className: "mb-4 text-[var(--appkit-color-text)]", size: "lg", weight: "semibold", children: title }), children] }));
-}
-const LIST_DISC = "list-disc leading-relaxed";
-const TEXT_MUTED = "leading-relaxed text-[var(--appkit-color-text-muted)]";
-export function StoreWhatsAppGuideView(_props) {
-    return (_jsxs(Stack, { gap: "lg", padding: "b-2xl", children: [_jsxs(TextLink, { variant: "bare", href: String(ROUTES.STORE.GUIDE), size: "sm", layout: "inline-flex", align: "center", gap: "sm", className: "text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)]", size: "2xl", weight: "bold", children: "WhatsApp Catalog Sync" }), _jsx(Text, { className: "mt-1 text-[var(--appkit-color-text-muted)]", size: "sm", children: "Push your product catalog to Meta's Commerce Manager for WhatsApp catalog messages and Facebook/Instagram Shops \u2014 and import products back the other way." })] }), _jsx(GuideSection, { title: "1. Create a Commerce Manager catalog", children: _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsxs(Li, { className: LIST_DISC, textSize: "sm", color: "muted", children: ["At ", _jsx(Span, { weight: "bold", children: "business.facebook.com/commerce" }), ", create a new catalog for the store (or use an existing one)."] }), _jsxs(Li, { className: LIST_DISC, textSize: "sm", color: "muted", children: ["Note the ", _jsx(Span, { weight: "bold", children: "Catalog ID" }), " shown in the catalog's settings."] })] }) }), _jsx(GuideSection, { title: "2. Generate a catalog-scoped access token", children: _jsxs(Text, { className: TEXT_MUTED, size: "sm", children: ["You need a Meta access token with ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "catalog_management" }), " permission, scoped to that catalog. This is generated the same way as the platform-level WhatsApp System User token (ask your admin \u2014 Admin Guide \u2192 WhatsApp Integration, step 3) but assigned to the ", _jsx(Span, { weight: "bold", children: "catalog" }), " asset instead of the WhatsApp Business Account asset."] }) }), _jsxs(GuideSection, { title: "3. Enter credentials in the seller dashboard", children: [_jsxs(Text, { className: "mb-2 leading-relaxed text-[var(--appkit-color-text-muted)]", size: "sm", children: [_jsx(Span, { weight: "bold", children: "Store \u2192 WhatsApp" }), " settings page:"] }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsx(Li, { className: LIST_DISC, textSize: "sm", color: "muted", children: "Catalog ID" }), _jsx(Li, { className: LIST_DISC, textSize: "sm", color: "muted", children: "Access Token" })] }), _jsxs(Text, { className: "mt-3 leading-relaxed text-[var(--appkit-color-text-muted)]", size: "sm", children: ["This is a store capability \u2014 it must be enabled for the store (", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "whatsapp_catalog_sync" }), " capability) before the settings page and sync actions are available."] })] }), _jsx(GuideSection, { title: "4. Push products to the catalog", children: _jsxs(Text, { className: TEXT_MUTED, size: "sm", children: ["Once connected, trigger a sync that batches published ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "standard" }), "-listing products (up to 50 per API call) to the Meta catalog via the Commerce API ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "items_batch" }), " endpoint \u2014 title, description, price, image, availability, and condition."] }) }), _jsx(GuideSection, { title: "5. Import products from the catalog", children: _jsxs(Text, { className: TEXT_MUTED, size: "sm", children: ["The reverse flow fetches products already in the Meta catalog and creates them as local ", _jsx(Span, { weight: "bold", children: "draft" }), " listings, deduplicating against existing products by slug/retailer-id matching."] }) }), _jsxs(Alert, { variant: "info", children: ["This is unrelated to the platform-level WhatsApp order-notification credentials \u2014 those are for sending order-status messages to buyers, not catalog sync. Only published ", _jsx(Span, { weight: "bold", children: "standard" }), " listings sync \u2014 auctions, pre-orders, and other listing types are not included."] })] }));
-}

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

@@ -1,12 +0,0 @@
-/**
- * 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

@@ -1,38 +0,0 @@
-/**
- * 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/index.js";
-import { normalizeError } from "../../../../errors/normalize.js";
-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) {
-        void normalizeError(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

@@ -1,12 +0,0 @@
-/**
- * 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

@@ -1,43 +0,0 @@
-/**
- * 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/index.js";
-import { normalizeError } from "../../../../errors/normalize.js";
-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) {
-        void normalizeError(error);
-        return NextResponse.json({
-            success: false,
-            error: error instanceof Error ? error.message : "Internal server error",
-        }, { status: 500 });
-    }
-}

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

@@ -1,6 +0,0 @@
-import React from "react";
-export interface SellerWhatsAppSettingsViewProps {
-    /** Whether this store has the whatsapp_catalog_sync capability */
-    hasCapability: boolean;
-}
-export declare function SellerWhatsAppSettingsView({ hasCapability }: SellerWhatsAppSettingsViewProps): React.JSX.Element;

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

@@ -1,270 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useApiMutation, useBulkEvent, RTDB_PATHS } from "@mohasinac/appkit/client";
-import React from "react";
-import { normalizeError } from "../../../errors/normalize.js";
-import { toUserMessage } from "../../../errors/error-display-map.js";
-const __P = {
-    p3: "p-[var(--appkit-space-3)]",
-};
-const __O = {
-    hidden: "overflow-hidden",
-};
-const CLS_SECTION_CARD = "border border-[var(--appkit-color-border)] rounded-xl p-[var(--appkit-space-5)]";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Alert, Badge, Button, Div, Heading, Input, Row, Section, Span, Stack, Text, Toggle, useToast } from "../../../ui/index.js";
-import { apiClient } from "../../../http/index.js";
-import { WHATSAPP_SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
-import { buildPurchaseAnnouncementMessage } from "../helpers/whatsapp.js";
-import { whatsappConnectionSchema, } from "../../admin/schemas/admin-user-form.js";
-import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues, } from "../../shell/index.js";
-import { useFormShellState, FormShellContext } from "../../../ui/forms/index.js";
-import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";
-import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
-// ---------------------------------------------------------------------------
-// Sub-components
-// ---------------------------------------------------------------------------
-/**
- * What the server sends in place of a stored access token. It is a SENTINEL,
- * not a value — the real token never leaves the server.
- */
-const MASKED_TOKEN = "••••••";
-function MaskedTokenInput({ label, value, onChange, placeholder, helperText, }) {
-    const [revealed, setRevealed] = React.useState(false);
-    /*
-     * There is nothing to reveal while the field still holds the sentinel: the
-     * button used to un-mask six bullet characters, which reads as "the token is
-     * literally ••••••". Offer it only once the seller has typed something, which
-     * is the only case where the field contains a real value.
-     */
-    const isSentinel = value === MASKED_TOKEN;
-    return (_jsxs(Div, { className: "relative", children: [_jsx(Input, { label: label, value: value, onChange: (e) => onChange(e.target.value), type: revealed && !isSentinel ? "text" : "password", placeholder: placeholder, helperText: isSentinel
-                    ? "A token is saved. Type a new one to replace it — the stored value is never sent back."
-                    : helperText }), !isSentinel && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setRevealed((r) => !r), className: "absolute right-3 top-8 text-[length:var(--appkit-text-xs)]", children: revealed ? "Hide" : "Reveal" }))] }));
-}
-const STEPS = [
-    {
-        n: 1,
-        title: "Create a Meta Business Account",
-        body: "Go to business.facebook.com and create (or use) a Meta Business Manager account.",
-        checkKey: undefined,
-    },
-    {
-        n: 2,
-        title: "Set up a WhatsApp Business App",
-        body: "In Meta for Developers, create an App → add the WhatsApp product → note your Phone Number ID and WABA ID from the API Setup page.",
-        checkKey: "wabaId",
-    },
-    {
-        n: 3,
-        title: "Generate a System User access token",
-        body: 'In Meta Business Manager → System Users → create a System User → assign "WhatsApp Business Management" + "WhatsApp Business Messaging" permissions → generate a token.',
-        checkKey: "accessToken",
-    },
-    {
-        n: 4,
-        title: "Create a WhatsApp Catalog",
-        body: "In Meta Commerce Manager → Catalogs → create a catalog → copy the Catalog ID.",
-        checkKey: "catalogId",
-    },
-    {
-        n: 5,
-        title: "Paste credentials below and save",
-        body: "Fill the form below and click Save & Connect. Once connected, you can sync your products.",
-        checkKey: "connected",
-    },
-];
-const STATUS_VARIANT = {
-    success: "success",
-    partial: "warning",
-    failed: "danger",
-};
-// ---------------------------------------------------------------------------
-// Sample catalog items for preview
-// ---------------------------------------------------------------------------
-const SAMPLE_CATALOG_ITEMS = [
-    { id: "1", emoji: "🃏", name: "Charizard PSA 9 Base Set", price: "₹4,500" },
-    { id: "2", emoji: "🚗", name: "Hot Wheels Redline Vintage", price: "₹1,200" },
-    { id: "3", emoji: "🤖", name: "Gundam HG RX-78-2 1/144", price: "₹2,800" },
-    { id: "4", emoji: "🪀", name: "Beyblade Burst Storm Pegasus", price: "₹650" },
-];
-// ---------------------------------------------------------------------------
-// Main component
-// ---------------------------------------------------------------------------
-export function SellerWhatsAppSettingsView({ hasCapability }) {
-    const queryClient = useQueryClient();
-    const { showToast } = useToast();
-    const { data, isLoading } = useQuery({
-        queryKey: ["store", "whatsapp-settings"],
-        queryFn: async () => {
-            const res = await apiClient.get(WHATSAPP_SELLER_ENDPOINTS.SETTINGS);
-            return (res?.whatsappConfig ?? null);
-        },
-    });
-    const cfg = data ?? null;
-    // Connection form state
-    const [draft, setDraft] = React.useState({
-        phoneNumber: "",
-        wabaId: "",
-        catalogId: "",
-        accessToken: "",
-    });
-    const [syncEnabled, setSyncEnabled] = React.useState(false);
-    React.useEffect(() => {
-        if (!cfg)
-            return;
-        setDraft({
-            phoneNumber: cfg.phoneNumber ?? "",
-            wabaId: cfg.wabaId ?? "",
-            catalogId: cfg.catalogId ?? "",
-            accessToken: cfg.accessToken ?? "",
-        });
-        setSyncEnabled(cfg.catalogSyncEnabled ?? false);
-    }, [cfg]);
-    /*
-     * The access token needs a renderer: it is a `text` field to the schema, and
-     * the control is a masked input with a reveal that must stay suppressed while
-     * the field still holds the server's sentinel.
-     */
-    const sections = React.useMemo(() => buildSectionsFromSchema(whatsappConnectionSchema, {
-        renderers: {
-            accessToken: ({ values, onChange }) => (_jsx(MaskedTokenInput, { label: "System User Access Token", value: values.accessToken ?? "", onChange: (v) => onChange({ accessToken: v }), placeholder: "EAAxxxxxxxx\u2026", helperText: "Long-lived token with WhatsApp Business permissions" })),
-        },
-    }), []);
-    const nav = useSectionFormNav(sections, draft, { scope: "store:whatsapp" });
-    const form = useFormShellState(whatsappConnectionSchema, {
-        sections: nav.sectionMeta,
-        onGoToSection: nav.goToSection,
-        fieldToSectionIndex: nav.fieldToSectionIndex,
-    });
-    /*
-     * The CONNECTION form. Credentials only.
-     *
-     * 🛑 It used to also send `catalogSyncEnabled` — the one key it sent
-     * unconditionally — while the toggle for it lives in Section 3, outside this
-     * form and below its Save button. A seller flipped the sync toggle, saw it
-     * move, pressed the Sync button beside it, and the setting was never
-     * persisted: the only control that saved it was "Save & Connect", two cards
-     * up and labelled for credentials.
-     *
-     * The toggle now owns its own write (`syncToggleMutation`), so the control
-     * and the thing that persists it are in the same place.
-     */
-    const saveMutation = useApiMutation({
-        errorMessage: "Failed to save settings.",
-        mutationFn: async () => {
-            const v = visibleValues(whatsappConnectionSchema, draft);
-            const payload = {};
-            if (v.phoneNumber)
-                payload.phoneNumber = v.phoneNumber;
-            if (v.wabaId)
-                payload.wabaId = v.wabaId;
-            if (v.catalogId)
-                payload.catalogId = v.catalogId;
-            // Only send accessToken if user has typed a new value (not the masked placeholder)
-            if (v.accessToken && v.accessToken !== MASKED_TOKEN)
-                payload.accessToken = v.accessToken;
-            return apiClient.put(WHATSAPP_SELLER_ENDPOINTS.SETTINGS, payload);
-        },
-        onSuccess: () => {
-            showToast("WhatsApp settings saved", "success");
-            void queryClient.invalidateQueries({ queryKey: ["store", "whatsapp-settings"] });
-        },
-    });
-    /** Persists the catalog-sync toggle on flip — see the note above. */
-    const syncToggleMutation = useApiMutation({
-        errorMessage: "Could not change the catalog-sync setting.",
-        mutationFn: async (next) => apiClient.put(WHATSAPP_SELLER_ENDPOINTS.SETTINGS, { catalogSyncEnabled: next }),
-        onSuccess: () => {
-            void queryClient.invalidateQueries({ queryKey: ["store", "whatsapp-settings"] });
-        },
-        onError: () => {
-            // Put the switch back where the server still has it.
-            setSyncEnabled((prev) => !prev);
-        },
-    });
-    const handleSyncToggle = (next) => {
-        setSyncEnabled(next);
-        syncToggleMutation.mutate(next);
-    };
-    // Catalog sync mutation (push: site → WhatsApp)
-    const syncMutation = useApiMutation({
-        errorMessage: "Catalog sync failed.",
-        mutationFn: async () => apiClient.post(WHATSAPP_SELLER_ENDPOINTS.CATALOG_SYNC, {}),
-        onSuccess: (res) => {
-            const r = res ?? {};
-            showToast(`Synced ${r.successCount ?? 0} product${(r.successCount ?? 0) !== 1 ? "s" : ""} to WhatsApp catalog`, "success");
-            void queryClient.invalidateQueries({ queryKey: ["store", "whatsapp-settings"] });
-        },
-    });
-    // Catalog import (pull: WhatsApp → site). Runs as the `whatsappCatalogImport`
-    // async job — the route only enqueues, so the result arrives over the
-    // useBulkEvent RTDB channel rather than in the POST response.
-    const bulkEvent = useBulkEvent({ rtdbPath: RTDB_PATHS.BULK_EVENTS });
-    const [importing, setImporting] = React.useState(false);
-    const startImport = async () => {
-        setImporting(true);
-        try {
-            const res = (await apiClient.post(WHATSAPP_SELLER_ENDPOINTS.CATALOG_IMPORT, {}));
-            const { jobId, customToken } = res.data ?? {};
-            if (jobId && customToken) {
-                bulkEvent.subscribe(jobId, customToken);
-            }
-            else {
-                setImporting(false);
-                showToast("Failed to start catalog import.", "error");
-            }
-        }
-        catch (err) {
-            const e = normalizeError(err);
-            setImporting(false);
-            showToast(toUserMessage(e.code, undefined, { fallback: "Failed to start catalog import." }), "error");
-        }
-    };
-    React.useEffect(() => {
-        if (bulkEvent.status === "success") {
-            setImporting(false);
-            const summary = bulkEvent.result?.summary;
-            const imported = summary?.succeeded ?? 0;
-            const skipped = summary?.skipped ?? 0;
-            showToast(`Imported ${imported} product${imported !== 1 ? "s" : ""} from WhatsApp (${skipped} already synced)`, "success");
-            void queryClient.invalidateQueries({ queryKey: ["store", "whatsapp-settings"] });
-            void queryClient.invalidateQueries({ queryKey: ["store", "products"] });
-        }
-        else if (bulkEvent.status === "failed" || bulkEvent.status === "timeout") {
-            setImporting(false);
-            showToast(bulkEvent.error ?? "Catalog import failed.", "error");
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [bulkEvent.status]);
-    if (!hasCapability) {
-        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", 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(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-[var(--appkit-color-surface-elevated)] text-[var(--appkit-color-text-muted)] dark:text-[var(--appkit-color-text-faint)]"}`, 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(FormShellContext.Provider, { value: form.shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: draft, onChange: (partial) => setDraft((d) => ({ ...d, ...partial })), onSubmit: () => {
-                                    // SectionForm scrolls to the first bad section and then submits
-                                    // regardless, so the guard lives here.
-                                    form.clearErrors();
-                                    const parsed = whatsappConnectionSchema.safeParse(visibleValues(whatsappConnectionSchema, draft));
-                                    if (!parsed.success) {
-                                        applyZodIssues(parsed.error.issues, form.setFieldError);
-                                        return;
-                                    }
-                                    saveMutation.mutate();
-                                }, onValidationChange: () => form.validate(draft), schema: whatsappConnectionSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, submitLabel: ACTIONS.STORE["whatsapp-connect"].label, isLoading: saveMutation.isPending })] })] }), _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: handleSyncToggle, disabled: !cfg?.connected || syncToggleMutation.isPending })] }), 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: () => void startImport(), isLoading: importing, disabled: !cfg?.connected || !syncEnabled || importing, variant: "secondary", children: importing ? "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: 4500,
-                            orderId: "order-3-20260510-a1b2c3",
-                        }) })] }), _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-[var(--appkit-color-whatsapp-bg)] bg-[var(--appkit-color-surface-elevated)] ${__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-[var(--appkit-color-whatsapp)]", 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-[var(--appkit-color-whatsapp)] 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-warning mt-2", size: "xs", children: "Connect your WhatsApp Business account above to enable the catalog." }))] })] }));
-}

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

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

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link.js";
-const CLS_WA_BTN = "inline-flex items-center gap-[var(--appkit-space-2)] rounded-lg bg-success-solid px-[var(--appkit-space-4)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] font-semibold text-success-on-solid transition-colors hover:brightness-110";
-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/components/index.d.ts

@@ -1,3 +0,0 @@
-export { WhatsAppChatButton } from "./WhatsAppChatButton";
-export { SellerWhatsAppSettingsView } from "./SellerWhatsAppSettingsView";
-export type { SellerWhatsAppSettingsViewProps } from "./SellerWhatsAppSettingsView";

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

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

package/dist/features/whatsapp-bot/helpers/payment-proof-message.d.ts

@@ -1,14 +0,0 @@
-import type { PaymentProofReviewMessageInput } from "../types";
-/**
- * Tier PP — message for the payment-proof fast-review WhatsApp push (sent
- * to every `whatsappAdminNotifyNumbers` number when a buyer uploads proof)
- * and for the buyer/seller "share for review" wa.me link (same message,
- * routed through `buildGroupShareLink` instead of the Cloud API push).
- *
- * Pure string builder — deliberately kept in its own file, isolated from
- * `./whatsapp.ts` (which has a top-level `import { createHmac } from
- * "crypto"`), so it can be safely exported from the client-safe barrel.
- * The buyer/seller share-link caller (order payment page) needs this
- * client-side; the crypto-importing sibling functions never can be.
- */
-export declare function buildPaymentProofReviewMessage(input: PaymentProofReviewMessageInput): string;

package/dist/features/whatsapp-bot/helpers/payment-proof-message.js

@@ -1,17 +0,0 @@
-/**
- * Tier PP — message for the payment-proof fast-review WhatsApp push (sent
- * to every `whatsappAdminNotifyNumbers` number when a buyer uploads proof)
- * and for the buyer/seller "share for review" wa.me link (same message,
- * routed through `buildGroupShareLink` instead of the Cloud API push).
- *
- * Pure string builder — deliberately kept in its own file, isolated from
- * `./whatsapp.ts` (which has a top-level `import { createHmac } from
- * "crypto"`), so it can be safely exported from the client-safe barrel.
- * The buyer/seller share-link caller (order payment page) needs this
- * client-side; the crypto-importing sibling functions never can be.
- */
-export function buildPaymentProofReviewMessage(input) {
-    const { orderId, buyerName, productTitle, totalAmount, reviewUrl } = input;
-    const amount = totalAmount.toLocaleString("en-IN");
-    return `💳 Payment proof submitted! ${buyerName} uploaded proof for "${productTitle}" (₹${amount}). Order #${orderId}. Please review within 2 hours or it auto-confirms: ${reviewUrl}`;
-}

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

@@ -1,52 +0,0 @@
-import type { CheckoutMessageInput, StatusNotificationInput, WebhookVerifyInput, IncomingWebhookPayload, SendWhatsAppInput, StatusMessageInput, WaBusinessSendInput, WaBusinessTemplateSendInput, CatalogSyncInput, CatalogSyncResult, PurchaseAnnouncementInput } 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 a WhatsApp message via Meta WhatsApp Business Cloud API.
- * Distinct from the Twilio-based sendWhatsAppMessage — used for server-initiated
- * platform announcements. Returns true on success, false on any failure.
- */
-export declare function sendWhatsAppBusinessMessage(input: WaBusinessSendInput): Promise<boolean>;
-/**
- * Send a pre-approved Meta message TEMPLATE via WhatsApp Business Cloud API.
- * Required for business-initiated sends outside the 24h customer-service
- * window (proactive order/status notifications) — Meta rejects free-form
- * `sendWhatsAppBusinessMessage` `type: "text"` sends in that case. Returns
- * true on success, false on any failure (including a missing/unapproved
- * template — Meta returns a 4xx with an error body, not a network failure).
- */
-export declare function sendWhatsAppTemplateMessage(input: WaBusinessTemplateSendInput): Promise<boolean>;
-/**
- * Sync a store's products to a Meta Commerce Catalog via items_batch API.
- * Batches at 50 items per call (Meta limit). Returns aggregate results.
- */
-export declare function syncProductsToCatalog(input: CatalogSyncInput): Promise<CatalogSyncResult>;
-/**
- * Build a plain-text purchase announcement message for WhatsApp.
- * Sent to admin numbers and store owner when a new order is placed.
- */
-export declare function buildPurchaseAnnouncementMessage(input: PurchaseAnnouncementInput): string;
-/**
- * Build a wa.me share link with a pre-filled message.
- * Opens WhatsApp contact picker — user selects group manually.
- * This is the only API-compliant way to target a WhatsApp group.
- */
-export declare function buildGroupShareLink(message: string): string;
-export { buildPaymentProofReviewMessage } from "./payment-proof-message";
-/**
- * Send an outbound WhatsApp message via Twilio REST API.
- * Returns true on success, false on failure.
- */
-export declare function sendWhatsAppMessage(input: SendWhatsAppInput): Promise<boolean>;