@mohasinac/appkit 4.53.2 → 4.54.0

package/dist/features/account/components/NotificationPreferencesPanel.js

@@ -30,7 +30,7 @@ export function NotificationPreferencesPanel({ fetchUrl = ACCOUNT_ENDPOINTS.NOTI
     const { showToast } = useToast();
     const { data: settings } = useSiteSettings();
     const adminChannels = settings?.notificationChannels;
-    const [channels, setChannels] = useState({ email: true, whatsapp: true, sms: true });
+    const [channels, setChannels] = useState({ email: true, sms: true });
     const [types, setTypes] = useState({
         orderUpdates: true, bids: true, promotions: true,
         system: true, reviews: true, messages: true, offers: true,
@@ -92,8 +92,7 @@ export function NotificationPreferencesPanel({ fetchUrl = ACCOUNT_ENDPOINTS.NOTI
     }
     // Which channels are admin-enabled (only show those toggles to the user)
     const emailAdminEnabled = adminChannels?.email?.enabled ?? false;
-    const whatsappAdminEnabled = adminChannels?.whatsapp?.enabled ?? false;
     const smsAdminEnabled = adminChannels?.sms?.enabled ?? false;
-    const anyChannelEnabled = emailAdminEnabled || whatsappAdminEnabled || smsAdminEnabled;
-    return (_jsxs(Stack, { gap: "lg", children: [_jsx(SectionCard, { title: "In-app notifications", children: _jsxs(Row, { align: "center", justify: "between", gap: "md", padding: "y-sm", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text)]", size: "sm", weight: "medium", children: "In-app notifications" }), _jsx(Text, { variant: "secondary", className: "mt-0.5", size: "xs", children: "Always on \u2014 displayed in the notification bell and inbox" })] }), _jsx(Row, { className: "h-5 w-9 bg-[var(--appkit-color-primary)] px-[0.125rem]", align: "center", justify: "end", rounded: "full", "aria-label": "Always on", children: _jsx(Span, { className: "h-4 w-4", rounded: "full", surface: "default", shadow: "default" }) })] }) }), anyChannelEnabled && (_jsxs(SectionCard, { title: "Notification channels", children: [emailAdminEnabled && (_jsx(ToggleRow, { label: "Email", description: "Receive notifications by email", checked: channels.email !== false, onChange: (v) => setChannel("email", v) })), whatsappAdminEnabled && (_jsx(ToggleRow, { label: "WhatsApp", description: "Receive notifications on WhatsApp", checked: channels.whatsapp !== false, onChange: (v) => setChannel("whatsapp", v) })), smsAdminEnabled && (_jsx(ToggleRow, { label: "SMS", description: "Receive SMS text notifications", checked: channels.sms !== false, onChange: (v) => setChannel("sms", v) }))] })), _jsx(SectionCard, { title: "Notification types", children: TYPE_ROWS.map((row) => (_jsx(ToggleRow, { label: row.label, description: row.description, checked: types[row.key] !== false, onChange: (v) => setType(row.key, v) }, row.key))) }), _jsxs(Row, { justify: "end", gap: "sm", children: [saved && (_jsx(Text, { className: "text-[var(--appkit-color-success)] self-center", size: "sm", children: "Preferences saved \u2713" })), _jsx(Button, { onClick: handleSave, isLoading: saving, size: "sm", children: "Save preferences" })] })] }));
+    const anyChannelEnabled = emailAdminEnabled || smsAdminEnabled;
+    return (_jsxs(Stack, { gap: "lg", children: [_jsx(SectionCard, { title: "In-app notifications", children: _jsxs(Row, { align: "center", justify: "between", gap: "md", padding: "y-sm", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text)]", size: "sm", weight: "medium", children: "In-app notifications" }), _jsx(Text, { variant: "secondary", className: "mt-0.5", size: "xs", children: "Always on \u2014 displayed in the notification bell and inbox" })] }), _jsx(Row, { className: "h-5 w-9 bg-[var(--appkit-color-primary)] px-[0.125rem]", align: "center", justify: "end", rounded: "full", "aria-label": "Always on", children: _jsx(Span, { className: "h-4 w-4", rounded: "full", surface: "default", shadow: "default" }) })] }) }), anyChannelEnabled && (_jsxs(SectionCard, { title: "Notification channels", children: [emailAdminEnabled && (_jsx(ToggleRow, { label: "Email", description: "Receive notifications by email", checked: channels.email !== false, onChange: (v) => setChannel("email", v) })), smsAdminEnabled && (_jsx(ToggleRow, { label: "SMS", description: "Receive SMS text notifications", checked: channels.sms !== false, onChange: (v) => setChannel("sms", v) }))] })), _jsx(SectionCard, { title: "Notification types", children: TYPE_ROWS.map((row) => (_jsx(ToggleRow, { label: row.label, description: row.description, checked: types[row.key] !== false, onChange: (v) => setType(row.key, v) }, row.key))) }), _jsxs(Row, { justify: "end", gap: "sm", children: [saved && (_jsx(Text, { className: "text-[var(--appkit-color-success)] self-center", size: "sm", children: "Preferences saved \u2713" })), _jsx(Button, { onClick: handleSave, isLoading: saving, size: "sm", children: "Save preferences" })] })] }));
 }

package/dist/features/account/components/UserOrdersView.js

@@ -11,7 +11,23 @@ import { OrderCard } from "../../orders/components/OrdersList.js";
 import { useOrderScope } from "../../orders/components/OrderScopeTabs.js";
 import { useSearchParams } from "next/navigation.js";
 const CANCELLABLE_STATUSES = new Set(["pending", "confirmed", "processing"]);
-const TRACKABLE_STATUSES = new Set(["shipped"]);
+/*
+ * 🛑 Every PRE-DELIVERY status, not just "shipped".
+ *
+ * It was `["shipped"]` alone, so a buyer whose order was pending, confirmed
+ * or processing had no "where is it" link at all — which is precisely when
+ * they most want one. The timeline on the track page reads correctly for all
+ * of these: it shows the stages reached and the stages still ahead.
+ *
+ * Delivered, cancelled, refunded and returned are excluded because tracking a
+ * finished order is the order detail page's job, not a courier's.
+ */
+const TRACKABLE_STATUSES = new Set([
+    "pending",
+    "confirmed",
+    "processing",
+    "shipped",
+]);
 const SORT_OPTIONS = [
     { value: sortBy("createdAt", "DESC"), label: "Newest first" },
     { value: sortBy("createdAt", "ASC"), label: "Oldest first" },
@@ -77,12 +93,15 @@ export function UserOrdersView({ onOrderClick }) {
         portal: "user",
         title: "My Orders",
         search: {
-            placeholder: "Search by order id…",
-            // `/api/user/orders` filters in memory on `o.id` and nothing else — not
-            // the product titles the rows display, which is what a buyer would try
-            // first. Saying "order id" is the honest promise until the route can
-            // match more.
-            fields: ["id"],
+            placeholder: "Search by item or order id…",
+            /*
+             * The route now matches product titles as well as the order id, so the
+             * placeholder can promise it. It said "order id" because that was all
+             * the route could do, with a comment calling that "the honest promise
+             * until the route can match more" — this is the promise catching up,
+             * not a widened claim.
+             */
+            fields: ["id", "productTitle"],
         },
         emptyLabel: emptyMessage,
         filterKeys: ["status", "orderType"],

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

@@ -75,8 +75,6 @@ export interface UserAddress {
 export interface NotificationChannelPrefs {
     /** Disable all email notifications for this user (default: true = enabled). */
     email?: boolean;
-    /** Disable all WhatsApp notifications for this user. */
-    whatsapp?: boolean;
     /** Disable all SMS notifications for this user. */
     sms?: boolean;
 }

package/dist/features/addresses/utils/postal-autofill.d.ts

@@ -0,0 +1,39 @@
+interface CityState {
+    city: string;
+    state: string;
+}
+/**
+ * What the last autofill wrote, so a later one can tell its own output apart
+ * from a human's typing. A field is absent when the helper declined to write
+ * it — which makes it the human's, and untouchable.
+ */
+export type PostalAutofillMemo = Partial<CityState>;
+/**
+ * Merge `resolved` into `prev`, returning the new values and an updated memo.
+ *
+ * ── 🛑 THE BUG THIS EXISTS TO FIX ─────────────────────────────────────────
+ *
+ * Both address forms used `prev.city.trim() ? prev.city : city` — fill only
+ * an EMPTY field. That intent is right and is preserved here: correcting an
+ * address someone deliberately typed is a bug they cannot report, because
+ * they watch their own input vanish with no idea what did it.
+ *
+ * But "empty" cannot tell WHO filled the field. After the first lookup the
+ * city is non-empty — written by the autofill itself — so every subsequent
+ * lookup is refused. Enter 413001, get Solapur/Maharashtra; correct the PIN
+ * to 500005 (Hyderabad) and the form still shows Solapur. The PIN and the
+ * city now disagree, the form validates, and the parcel ships to the wrong
+ * city — worse than never autofilling at all.
+ *
+ * ── The rule ──────────────────────────────────────────────────────────────
+ *
+ * A field is ours to overwrite when it is EMPTY, or when it still holds
+ * exactly what we last wrote into it. The moment a human edits it, it stops
+ * matching the memo and becomes untouchable again — the original guarantee,
+ * now actually enforceable rather than approximated by "is it blank".
+ */
+export declare function applyPostalAutofill<T extends CityState>(prev: T, resolved: Partial<CityState>, memo: PostalAutofillMemo): {
+    next: T;
+    memo: PostalAutofillMemo;
+};
+export {};

package/dist/features/addresses/utils/postal-autofill.js

@@ -0,0 +1,54 @@
+/*
+ * WHY: A postal lookup must fill the city/state it knows WITHOUT overwriting
+ *      what the person typed — and the obvious test for that ("is the field
+ *      empty?") silently breaks every lookup after the first.
+ * WHAT: `applyPostalAutofill` — merge a resolved city/state into form values,
+ *       overwriting only values this helper itself wrote earlier.
+ *
+ * EXPORTS: applyPostalAutofill, type PostalAutofillMemo
+ *
+ * @tag domain:addresses
+ * @tag layer:utils
+ * @tag pattern:pure
+ * @tag sideEffects:none
+ */
+/**
+ * Merge `resolved` into `prev`, returning the new values and an updated memo.
+ *
+ * ── 🛑 THE BUG THIS EXISTS TO FIX ─────────────────────────────────────────
+ *
+ * Both address forms used `prev.city.trim() ? prev.city : city` — fill only
+ * an EMPTY field. That intent is right and is preserved here: correcting an
+ * address someone deliberately typed is a bug they cannot report, because
+ * they watch their own input vanish with no idea what did it.
+ *
+ * But "empty" cannot tell WHO filled the field. After the first lookup the
+ * city is non-empty — written by the autofill itself — so every subsequent
+ * lookup is refused. Enter 413001, get Solapur/Maharashtra; correct the PIN
+ * to 500005 (Hyderabad) and the form still shows Solapur. The PIN and the
+ * city now disagree, the form validates, and the parcel ships to the wrong
+ * city — worse than never autofilling at all.
+ *
+ * ── The rule ──────────────────────────────────────────────────────────────
+ *
+ * A field is ours to overwrite when it is EMPTY, or when it still holds
+ * exactly what we last wrote into it. The moment a human edits it, it stops
+ * matching the memo and becomes untouchable again — the original guarantee,
+ * now actually enforceable rather than approximated by "is it blank".
+ */
+export function applyPostalAutofill(prev, resolved, memo) {
+    const nextMemo = {};
+    const merge = (field) => {
+        const current = prev[field];
+        const incoming = resolved[field];
+        const ours = current.trim() === "" || current === memo[field];
+        if (!ours || !incoming)
+            return current; // human's value, or nothing to say
+        nextMemo[field] = incoming;
+        return incoming;
+    };
+    return {
+        next: { ...prev, city: merge("city"), state: merge("state") },
+        memo: nextMemo,
+    };
+}

package/dist/features/admin/actions/notification-actions.d.ts

@@ -11,12 +11,8 @@ export declare function getUnreadNotificationCount(userId: string): Promise<numb
 export interface SendNotificationInput extends NotificationCreateInput {
     /** User's email — used by the email channel when enabled. */
     userEmail?: string;
-    /** User's phone with country code, digits only — used by WhatsApp channel. */
-    userPhone?: string;
     /** Pre-rendered email HTML — falls back to a plain-text <p> when absent. */
     emailHtml?: string;
-    /** Buyer paid the ₹10 WhatsApp order-updates addon — enables WhatsApp channel for this notification even when the user has no standing WhatsApp subscription. */
-    orderWhatsappAddonPaid?: boolean;
     /**
      * Which portal the recipient reads this in — decides where `actionUrl`
      * points when the caller does not supply one.
@@ -52,17 +48,15 @@ export interface SendNotificationInput extends NotificationCreateInput {
 export interface SendNotificationResult {
     notification: NotificationDocument;
     email: "sent" | "skipped" | "failed";
-    /** WhatsApp dispatch is now async (enqueued as a `whatsappNotify` job) — "queued" replaces "sent" as the immediate outcome; the real delivery result lands on `notification.whatsappStatus`. */
-    whatsapp: "queued" | "skipped" | "failed";
 }
 /**
  * Create an in-app notification and fan out to enabled external channels.
  *
- * In-app is always written.  Email / WhatsApp are sent only when:
+ * In-app is always written. Email is sent only when:
  *   1. The channel is enabled in siteSettings.notificationChannels
  *   2. Notification priority meets the channel's minPriority threshold
  *   3. The optional `types` filter includes this notification type (or is absent)
- *   4. The contact field (userEmail / userPhone) is supplied by the caller
+ *   4. The contact field (userEmail) is supplied by the caller
  *   5. The required credentials are set in siteSettings.credentials
  */
 export declare function sendNotification(input: SendNotificationInput): Promise<SendNotificationResult>;

package/dist/features/admin/actions/notification-actions.js

@@ -4,11 +4,11 @@ import { siteSettingsRepository } from "../repository/site-settings.repository.j
 import { userRepository } from "../../auth/repository/user.repository.js";
 import { createResendProvider } from "../../../providers/email-resend/provider.js";
 import { isChannelHealthy, withChannelRetry } from "../../../_internal/server/notifications/channel-health.js";
-import { enqueueJob } from "../../jobs/actions/enqueue-job.js";
 import { serverLogger } from "../../../monitoring/index.js";
 import { resolveNotificationActionUrl, TYPE_AUDIENCE, } from "../../../_internal/shared/features/notifications/action-url.js";
 import { isEmailEligible } from "../../../_internal/shared/features/notifications/email-eligibility.js";
 import { renderNotificationEmail } from "../../email/notification-templates.js";
+import { DEFAULT_NOTIFICATION_CHANNELS, meetsMinPriority, } from "../schemas/firestore.js";
 /**
  * A notification's `actionUrl` is a site-relative path — correct for the
  * in-app bell, useless in an email, where a bare `/user/orders/x` is not a
@@ -31,56 +31,6 @@ function absoluteActionUrl(path) {
     const base = process.env.NEXT_PUBLIC_APP_URL?.replace(/\/+$/, "");
     return base ? `${base}${path}` : path;
 }
-import { DEFAULT_NOTIFICATION_CHANNELS, meetsMinPriority, } from "../schemas/firestore.js";
-/**
- * Notification types whose WhatsApp send is gated behind the buyer's
- * per-order ₹10 WhatsApp-updates addon (`OrderDocument.whatsappNotifyAddon`)
- * — see `orderWhatsappAddonPaid` on `SendNotificationInput`. Every other
- * type (bid_won, offers, scam reports, support tickets, admin alerts, …)
- * keeps the original two-gate behavior (admin channel enabled + user hasn't
- * opted out) unchanged.
- */
-const ORDER_GATED_TYPES = new Set([
-    "order_placed",
-    "order_confirmed",
-    "order_shipped",
-    "order_delivered",
-    "order_cancelled",
-    "refund_initiated",
-]);
-/**
- * Notification type → the flat `SiteSettingsCredentials` field holding its
- * approved Meta template name.
- *
- * 🛑 **`Partial` here is CORRECT and is not the `typeToPrefsKey` mistake.**
- *
- * The distinction is what a missing key MEANS. A missing `typeToPrefsKey`
- * entry silently ignored a user's opt-out — a real setting that read as
- * honoured and was not. A missing entry here means "no Meta-approved template
- * exists for this type", which is a fact about the Meta account, not a bug:
- * six of the 28 types have one, and the rest legitimately fall back to
- * free-form (which Meta accepts inside the 24-hour customer-service window
- * and rejects outside it — the runner already logs that rejection).
- *
- * Getting six approved templates is a Meta Business review process, not a
- * code change, so listing all 28 here with empty values would be a
- * `Record<…>` that lies about coverage.
- *
- * The six that ARE approved are the order lifecycle, which is also the set
- * gated behind the buyer's ₹10 addon above — the two lists agree on purpose.
- */
-const WHATSAPP_TEMPLATE_FIELD = {
-    order_placed: "whatsappTemplateOrderPlaced",
-    order_confirmed: "whatsappTemplateOrderConfirmed",
-    order_shipped: "whatsappTemplateOrderShipped",
-    order_delivered: "whatsappTemplateOrderDelivered",
-    order_cancelled: "whatsappTemplateOrderCancelled",
-    refund_initiated: "whatsappTemplateRefundInitiated",
-};
-function resolveWhatsAppTemplateName(type, creds) {
-    const field = WHATSAPP_TEMPLATE_FIELD[type];
-    return (field ? creds[field] : undefined)?.trim() ?? "";
-}
 export async function markNotificationRead(id) {
     await notificationRepository.markAsRead(id);
 }
@@ -103,15 +53,15 @@ export async function getUnreadNotificationCount(userId) {
 /**
  * Create an in-app notification and fan out to enabled external channels.
  *
- * In-app is always written.  Email / WhatsApp are sent only when:
+ * In-app is always written. Email is sent only when:
  *   1. The channel is enabled in siteSettings.notificationChannels
  *   2. Notification priority meets the channel's minPriority threshold
  *   3. The optional `types` filter includes this notification type (or is absent)
- *   4. The contact field (userEmail / userPhone) is supplied by the caller
+ *   4. The contact field (userEmail) is supplied by the caller
  *   5. The required credentials are set in siteSettings.credentials
  */
 export async function sendNotification(input) {
-    const { userEmail, userPhone, emailHtml, audience, eligibilityOverride, ...notifInput } = input;
+    const { userEmail, emailHtml, audience, eligibilityOverride, ...notifInput } = input;
     /*
      * Fill `actionUrl` when the caller did not.
      *
@@ -153,12 +103,12 @@ export async function sendNotification(input) {
      * suppresses the emailed/messaged COPY, not the notification.
      *
      * One map gates both channels deliberately. If a type is ever genuinely
-     * WhatsApp-worthy but not email-worthy, split the map then rather than
+     * worth a channel of its own, split the map then rather than
      * loosening this early return.
      */
     if (!isEmailEligible(notifInput.type) &&
         eligibilityOverride !== "staff_requested") {
-        return { notification, email: "skipped", whatsapp: "skipped" };
+        return { notification, email: "skipped" };
     }
     // Load channel config + credentials (one Firestore read).
     let settings;
@@ -168,7 +118,7 @@ export async function sendNotification(input) {
     catch (err) {
         void normalizeError(err);
         serverLogger.warn("sendNotification: could not load siteSettings — skipping external channels", { err });
-        return { notification, email: "skipped", whatsapp: "skipped" };
+        return { notification, email: "skipped" };
     }
     const channels = settings.notificationChannels ?? DEFAULT_NOTIFICATION_CHANNELS;
     const creds = settings.credentials ?? {};
@@ -200,7 +150,6 @@ export async function sendNotification(input) {
         ? userRepository.revealUser(fetchedUserDoc)
         : null;
     const resolvedEmail = userEmail ?? fetchedUserPlain?.email ?? undefined;
-    const resolvedPhone = userPhone ?? fetchedUserPlain?.phoneNumber ?? undefined;
     // Map NotificationType to a NotificationTypePrefs key.
     /*
      * 🛑 COMPLETE and compile-checked: `Record<NotificationType, …>`, not
@@ -263,7 +212,7 @@ export async function sendNotification(input) {
     const typeKey = typeToPrefsKey[type];
     // If the user has explicitly disabled this notification type, skip all external channels.
     if (typeKey && userTypePrefs[typeKey] === false) {
-        return { notification, email: "skipped", whatsapp: "skipped" };
+        return { notification, email: "skipped" };
     }
     // Email channel — admin enabled AND user hasn't opted out
     let emailStatus = "skipped";
@@ -310,54 +259,10 @@ export async function sendNotification(input) {
             }
         }
     }
-    // WhatsApp channel — admin enabled AND user hasn't opted out AND (for
-    // order-lifecycle types) the buyer paid the per-order WhatsApp addon.
-    let whatsappStatus = "skipped";
-    if (channels.whatsapp.enabled &&
-        userChannelPrefs.whatsapp !== false &&
-        resolvedPhone &&
-        meetsMinPriority(priority, channels.whatsapp.minPriority) &&
-        (!channels.whatsapp.types?.length || channels.whatsapp.types.includes(type)) &&
-        (!ORDER_GATED_TYPES.has(type) || input.orderWhatsappAddonPaid === true)) {
-        const phoneNumberId = creds.whatsappPhoneNumberId?.trim() ?? "";
-        const accessToken = creds.whatsappCloudApiToken?.trim() ?? "";
-        if (phoneNumberId && accessToken) {
-            try {
-                const { jobId } = await enqueueJob({
-                    jobType: "whatsappNotify",
-                    payload: {
-                        toPhone: resolvedPhone,
-                        title,
-                        message,
-                        type,
-                        templateName: resolveWhatsAppTemplateName(type, creds),
-                        templateLanguage: creds.whatsappTemplateLanguage ?? "en",
-                        notificationId: notification.id,
-                        phoneNumberId,
-                        accessToken,
-                    },
-                    requestedBy: input.userId,
-                });
-                whatsappStatus = "queued";
-                await notificationRepository
-                    .update(notification.id, { whatsappStatus: "queued", whatsappJobId: jobId })
-                    .catch((err) => {
-                    void normalizeError(err);
-                    serverLogger.warn("sendNotification: failed to write whatsappJobId onto notification doc", { notificationId: notification.id });
-                });
-            }
-            catch (err) {
-                void normalizeError(err);
-                serverLogger.error("sendNotification: WhatsApp job enqueue failed", { userId: input.userId, err });
-                whatsappStatus = "failed";
-            }
-        }
-    }
     serverLogger.info("sendNotification: dispatched", {
         userId: input.userId,
         type,
         email: emailStatus,
-        whatsapp: whatsappStatus,
     });
-    return { notification, email: emailStatus, whatsapp: whatsappStatus };
+    return { notification, email: emailStatus };
 }

package/dist/features/admin/components/AdminGuideHubView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Users, Package, Store, ShoppingBag, FileText, Settings, Shield, BarChart2, AlertTriangle, BookOpen, MessageSquare, CreditCard, } from "lucide-react";
+import { Users, Package, Store, ShoppingBag, FileText, Settings, Shield, BarChart2, AlertTriangle, BookOpen, CreditCard, } from "lucide-react";
 import { Alert, Div, Grid, Heading, Row, Section, Stack, Text, TextLink } from "../../../ui/index.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 const CLS_WARN_PANEL = "rounded-2xl border border-amber-200 bg-warning-surface dark:border-amber-800 p-[var(--appkit-space-6)]";
@@ -69,13 +69,6 @@ const GUIDE_CARDS = [
         href: String(ROUTES.ADMIN.GUIDE_TRUST),
         permission: "admin:moderation:read",
     },
-    {
-        Icon: MessageSquare,
-        title: "WhatsApp Integration",
-        description: "Connect Meta's WhatsApp Business Cloud API — Business Manager setup, phone registration, access tokens, and message templates.",
-        href: String(ROUTES.ADMIN.GUIDE_WHATSAPP),
-        permission: "admin:site:read",
-    },
     {
         Icon: CreditCard,
         title: "Payments (Razorpay)",

package/dist/features/admin/components/AdminOrderEditorView.d.ts

@@ -32,7 +32,7 @@ export interface AdminOrderEditorViewProps {
     paymentReviewOutcome?: string;
     /**
      * Paid add-ons + applied coupon for this order. Operational, not decorative:
-     * `whatsappNotifyAddon` is who a status change should message, and the
+     * `giftWrapAddon` tells the packer to wrap the parcel, and the
      * coupon is what an admin needs when reconciling a discounted order.
      */
     addons?: OrderAddonBadgesOrder;

package/dist/features/admin/components/AdminOrdersView.js

@@ -198,8 +198,6 @@ export function AdminOrdersView({ children, ...props }) {
                 // Straight off the order document — the admin list route returns
                 // raw docs, so these need no serializer entry (cf. Root Cause #38).
                 addons: {
-                    whatsappNotifyAddon: Boolean(item.whatsappNotifyAddon),
-                    whatsappNotifyFee: Number(item.whatsappNotifyFee ?? 0) || undefined,
                     giftWrapAddon: Boolean(item.giftWrapAddon),
                     giftWrapFee: Number(item.giftWrapFee ?? 0) || undefined,
                     giftWrapMessage: toStringValue(item.giftWrapMessage) || undefined,

package/dist/features/admin/components/AdminSectionsView.js

@@ -6,7 +6,8 @@ import React from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { ProductInlineSelect } from "../../seller/components/ProductInlineSelect.js";
 import { CategoryInlineSelect } from "../../seller/components/CategoryInlineSelect.js";
-import { Button, Checkbox, Div, Input, Modal, Row, Select, Stack, Text, Textarea, useToast } from "../../../ui/index.js";
+import { Button, Checkbox, Div, Input, Modal, PaginatedSelect, Row, Select, Stack, Text, Textarea, useToast } from "../../../ui/index.js";
+import { ICON_KEY_OPTIONS } from "./sections/icon-options.js";
 import { FormErrorSummary, applyZodIssues } from "../../../ui/forms/index.js";
 import { homepageSectionFormSchema, } from "../schemas/homepage-section-form.js";
 import { SectionForm, useSectionFormNav } from "../../shell/index.js";
@@ -753,7 +754,7 @@ export function AdminSectionsView({ children }) {
         return (_jsxs(Div, { className: CLS_SECTION_PANEL, children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: "Welcome Section Builder" }), _jsx(Input, { label: "Headline (h1)", value: welcomeBuilder.h1, onChange: (e) => setWelcomeBuilder((prev) => ({ ...prev, h1: e.target.value })) }), _jsx(Input, { label: "Subtitle", value: welcomeBuilder.subtitle, onChange: (e) => setWelcomeBuilder((prev) => ({ ...prev, subtitle: e.target.value })) }), _jsx(Textarea, { label: "Description", value: welcomeBuilder.description, onChange: (e) => setWelcomeBuilder((prev) => ({ ...prev, description: e.target.value })), rows: 3 }), _jsx(Checkbox, { checked: welcomeBuilder.showCTA, label: "Show CTA button", onChange: (e) => setWelcomeBuilder((prev) => ({ ...prev, showCTA: e.target.checked })) }), welcomeBuilder.showCTA ? (_jsxs(_Fragment, { children: [_jsx(Input, { label: "CTA text", value: welcomeBuilder.ctaText, onChange: (e) => setWelcomeBuilder((prev) => ({ ...prev, ctaText: e.target.value })) }), _jsx(Input, { label: "CTA link", value: welcomeBuilder.ctaLink, onChange: (e) => setWelcomeBuilder((prev) => ({ ...prev, ctaLink: e.target.value })), placeholder: String(ROUTES.PUBLIC.PRODUCTS) })] })) : null] }));
     }
     function renderTrustIndicatorsBuilder() {
-        return (_jsxs(Div, { className: CLS_SECTION_PANEL, children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: "Trust Indicators Builder" }), _jsx(Input, { label: "Section title", value: trustIndicatorsBuilder.title, onChange: (e) => setTrustIndicatorsBuilder((prev) => ({ ...prev, title: e.target.value })) }), trustIndicatorsBuilder.indicators.map((ind, index) => (_jsxs(Stack, { className: `${__P.p3}`, gap: "sm", rounded: "md", border: "default", children: [_jsxs(Row, { align: "center", justify: "between", children: [_jsxs(Text, { className: "tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: ["Indicator ", index + 1] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setTrustIndicatorsBuilder((prev) => ({ ...prev, indicators: prev.indicators.filter((_, i) => i !== index) })), children: "Remove" })] }), _jsx(Input, { label: "Icon (emoji or text)", value: ind.icon, onChange: (e) => setTrustIndicatorsBuilder((prev) => { const next = [...prev.indicators]; next[index] = { ...next[index], icon: e.target.value }; return { ...prev, indicators: next }; }) }), _jsx(Input, { label: "Title", value: ind.title, onChange: (e) => setTrustIndicatorsBuilder((prev) => { const next = [...prev.indicators]; next[index] = { ...next[index], title: e.target.value }; return { ...prev, indicators: next }; }) }), _jsx(Input, { label: "Description", value: ind.description, onChange: (e) => setTrustIndicatorsBuilder((prev) => { const next = [...prev.indicators]; next[index] = { ...next[index], description: e.target.value }; return { ...prev, indicators: next }; }) })] }, ind.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setTrustIndicatorsBuilder((prev) => ({ ...prev, indicators: [...prev.indicators, { id: `ti-${Date.now()}`, icon: "✨", title: "", description: "" }] })), children: "+ Add indicator" })] }));
+        return (_jsxs(Div, { className: CLS_SECTION_PANEL, children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: "Trust Indicators Builder" }), _jsx(Input, { label: "Section title", value: trustIndicatorsBuilder.title, onChange: (e) => setTrustIndicatorsBuilder((prev) => ({ ...prev, title: e.target.value })) }), trustIndicatorsBuilder.indicators.map((ind, index) => (_jsxs(Stack, { className: `${__P.p3}`, gap: "sm", rounded: "md", border: "default", children: [_jsxs(Row, { align: "center", justify: "between", children: [_jsxs(Text, { className: "tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: ["Indicator ", index + 1] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setTrustIndicatorsBuilder((prev) => ({ ...prev, indicators: prev.indicators.filter((_, i) => i !== index) })), children: "Remove" })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { color: "muted", size: "xs", weight: "semibold", children: "Icon" }), _jsx(PaginatedSelect, { options: ICON_KEY_OPTIONS, value: ind.icon || null, ariaLabel: `Icon for indicator ${index + 1}`, placeholder: "Choose an icon", onChange: (value) => setTrustIndicatorsBuilder((prev) => { const next = [...prev.indicators]; next[index] = { ...next[index], icon: value ?? "" }; return { ...prev, indicators: next }; }) })] }), _jsx(Input, { label: "Title", value: ind.title, onChange: (e) => setTrustIndicatorsBuilder((prev) => { const next = [...prev.indicators]; next[index] = { ...next[index], title: e.target.value }; return { ...prev, indicators: next }; }) }), _jsx(Input, { label: "Description", value: ind.description, onChange: (e) => setTrustIndicatorsBuilder((prev) => { const next = [...prev.indicators]; next[index] = { ...next[index], description: e.target.value }; return { ...prev, indicators: next }; }) })] }, ind.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setTrustIndicatorsBuilder((prev) => ({ ...prev, indicators: [...prev.indicators, { id: `ti-${Date.now()}`, icon: "verify", title: "", description: "" }] })), children: "+ Add indicator" })] }));
     }
     function renderCategoriesBuilder() {
         return (_jsxs(Div, { className: CLS_SECTION_PANEL, children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: "Categories Section Builder" }), _jsx(Input, { label: "Section title", value: categoriesBuilder.title, onChange: (e) => setCategoriesBuilder((prev) => ({ ...prev, title: e.target.value })) }), _jsx(Input, { label: LBL_VIEW_MORE, value: categoriesBuilder.viewMoreLabel, onChange: (e) => setCategoriesBuilder((prev) => ({ ...prev, viewMoreLabel: e.target.value })), placeholder: PH_VIEW_MORE, helperText: HELP_VIEW_MORE }), _jsx(Input, { label: "Max categories (4\u201312)", type: "number", min: 4, max: 12, value: String(categoriesBuilder.maxCategories), onChange: (e) => setCategoriesBuilder((prev) => ({ ...prev, maxCategories: Math.min(12, Math.max(4, Number(e.target.value) || 4)) })) }), _jsx(Checkbox, { checked: categoriesBuilder.autoScroll, label: "Auto-scroll", onChange: (e) => setCategoriesBuilder((prev) => ({ ...prev, autoScroll: e.target.checked })) }), _jsx(Input, { label: LBL_SCROLL_INTERVAL, type: "number", min: 1000, step: 500, value: String(categoriesBuilder.scrollInterval), onChange: (e) => setCategoriesBuilder((prev) => ({ ...prev, scrollInterval: Math.max(1000, Number(e.target.value) || 1000) })) }), _jsx(Checkbox, { checked: categoriesBuilder.loop, label: "Loop carousel", onChange: (e) => setCategoriesBuilder((prev) => ({ ...prev, loop: e.target.checked })) })] }));