WhatsApp Native E-Commerce: Meta Commerce Catalogs, Product Messages & In-Chat Cart Ingestion

{
  "messaging_product": "whatsapp",
  "recipient_type": "individual",
  "to": "923001234567",
  "type": "interactive",
  "interactive": {
    "type": "product_list",
    "header": { "type": "text", "text": "Featured Summer Collection" },
    "body": { "text": "Check out our top-selling luxury lawn suits currently in stock:" },
    "footer": { "text": "Free Delivery on Orders Over PKR 5,000" },
    "action": {
      "catalog_id": "catalog_9812401928",
      "sections": [
        {
          "title": "Luxury Unstitched",
          "product_items": [
            { "product_retailer_id": "SKU-LAWN-001" },
            { "product_retailer_id": "SKU-LAWN-002" }
          ]
        },
        {
          "title": "Ready-to-Wear Pret",
          "product_items": [
            { "product_retailer_id": "SKU-PRET-104" }
          ]
        }
      ]
    }
  }
}

export async function handleWhatsAppOrderWebhook(message: any) {
  const order = message.order;
  const customerPhone = message.from;

  console.log(`Received WhatsApp Cart from ${customerPhone}:`, {
    catalogId: order.catalog_id,
    items: order.product_items,
    text: order.text,
  });

  // Calculate cart total
  let totalAmount = 0;
  for (const item of order.product_items) {
    totalAmount += item.item_price * item.quantity;
  }

  // Create order in CRM and trigger instant WhatsApp confirmation
  await createCrmOrder({
    customerPhone,
    items: order.product_items,
    totalAmount,
    status: 'pending_payment',
  });
}