WhatsApp Food Delivery Templates

{
  "destination": "254720000000",
  "template_id": "FOOD_ORDER_CONFIRMED_TEMPLATE_ID",
  "phone_number_id": "46646XXXXXXX268",
  "component_list": {
    "components": [
      {
        "component_type": "BODY",
        "fields": [
          { "name": "1", "value": "Amina" },
          { "name": "2", "value": "Soko Bistro" },
          { "name": "3", "value": "FD-10482" },
          { "name": "4", "value": "KES 1,240" },
          { "name": "5", "value": "Westlands" },
          { "name": "6", "value": "1:35 PM" },
          { "name": "7", "value": "Soko Bistro" }
        ]
      },
      {
        "component_type": "BUTTONS",
        "fields": [
          { "name": "button:0", "value": "FD-10482" }
        ]
      }
    ]
  }
}

const templates = {
  orderConfirmed: "FOOD_ORDER_CONFIRMED_TEMPLATE_ID",
  paymentRequest: "FOOD_PAYMENT_REQUEST_TEMPLATE_ID",
  riderAssigned: "FOOD_RIDER_ASSIGNED_TEMPLATE_ID",
  outForDelivery: "FOOD_OUT_FOR_DELIVERY_TEMPLATE_ID",
  deliveryFeedback: "FOOD_DELIVERY_FEEDBACK_TEMPLATE_ID",
  reorderOffer: "FOOD_REORDER_OFFER_TEMPLATE_ID",
};
 
async function sendWhatsAppTemplate({ destination, templateId, phoneNumberId, bodyFields, buttonFields = [] }) {
  const components = [
    {
      component_type: "BODY",
      fields: bodyFields.map((value, index) => ({
        name: String(index + 1),
        value,
      })),
    },
  ];
 
  if (buttonFields.length > 0) {
    components.push({
      component_type: "BUTTONS",
      fields: buttonFields,
    });
  }
 
  const response = await fetch("https://whatsapp.smsleopard.com/v1/whatsapp/send", {
    method: "POST",
    headers: {
      Authorization: `Basic ${btoa(`${process.env.SMSLEOPARD_API_KEY}:${process.env.SMSLEOPARD_API_SECRET}`)}`,
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      destination,
      template_id: templateId,
      phone_number_id: phoneNumberId,
      component_list: { components },
    }),
  });
 
  if (!response.ok) {
    throw new Error(`WhatsApp send failed: ${response.status}`);
  }
 
  return response.json();
}
 
async function onOrderCreated(order) {
  return sendWhatsAppTemplate({
    destination: order.customer.phone,
    templateId: templates.orderConfirmed,
    phoneNumberId: process.env.WHATSAPP_PHONE_NUMBER_ID,
    bodyFields: [
      order.customer.firstName,
      order.store.name,
      order.number,
      order.totalFormatted,
      order.deliveryArea,
      order.etaFormatted,
      order.store.name,
    ],
    buttonFields: [{ name: "button:0", value: order.trackingToken }],
  });
}