Respuestas rápidas y acciones de envío

información detallada de las acciones: https://developers.facebook.com/docs/messenger-platform/send-messages/sender-actions/

Cuanto caracteres se muestran en el chat con el mensaje de “quick_replies”? Conocen alguna forma de que se muestren esas opciones con el 100% de ancho del chat o que tenga la propiedad display:block; de css?

function defaultMessage(senderId) {
    const messageData = {
        "recipient": {
            "id": senderId
        },
        "message": {
            "text": "Hola soy un bot de messenger y te invito a utilizar nuestro menu",
            "quick_replies": [
                {
                    "content_type": "text",
                    "title": "¿Quieres una Pizza?",
                    "payload": "PIZZAS_PAYLOAD"
                },
                {
                    "content_type": "text",
                    "title": "Acerca de",
                    "payload": "ABOUT_PAYLOAD"
                }
            ]
        }
    }
    senderActions(senderId);
    callSendApi(messageData);
}

/*capturando los postback*/
function handlePostback(senderId, payload) {
    switch (payload) {
        case "GET_STARTED_PUGPIZZA":
            console.log(payload);
        break;
    }
  
}

/* funcion para el envio de acciones */

function senderActions(senderId) {
    const messageData = {
        "recipient": {
            "id": senderId
        },
        "sender_action": "typing_on"
    }
    callSendApi(messageData);
}

Hola!!
Alguien sabe como hacer que el bot siga una conversación?
Ya que los mensajes que responde el usuario no tienen PAYLOAD y el bot no sabe que responder

Para quienes no les devuelve las respuestas rápidas, había un error de escritura en quick_rplies en lugar de quick_replies, de esta forma me funciono correctamente.

<function defaultMessage(senderId){
  const messageData = {
    "recipient":{
      "id": senderId
    },
    "message": {
      "text": "Hola soy un robot de mesenger y quiero qeu veas las rutas ",
      "quick_replies":[
        {
          "content_type": "text",
          "title": "Quieres ver una ruta?",
          "payload": "RUTAS_PAYLOAD"
        },
        {
          "content_type": "text",
          "title": "Acerca de",
          "payload": "ABOUT_PAYLOAD"
        }
      ]
    }
  }
  senderActions(senderId);
  callSendApi(messageData);
}>

Se puede aumentar el tiempo de visibilidad del typing_on por lo menos 2 segundos?

Recomiendo adicionar tiempo de typing de la siguiente manera:

    // senderActions(senderId);
    // callSendApi(messageData);
    senderActions(senderId);
    setTimeout(function(){ callSendApi(messageData); }, 3000);

El código lo copie de un compañero de este curso.
Lo implemente usando funciones flecha de JavaScript.

    senderActions(senderId); //Envía el "Typing" hasta que se envié otro mensaje.
    setTimeout(() => {
        callSendApi(messageData);
    }, 3000); //Envía el mensaje después de 3000 milisegundos.

¡Hola!
Si no le aparecen las opciones de las respuestas rapidas se debe a un error en el codigo del profesor
Alli dice “quick_rplies”, pero deberia de ser “quick_replies”

"quick_rplies": [
                {
                    "content_type": "text",
                    "title": "¿Pueden ayudarme?",
                    "payload": "HELP_PAYLOAD"
                },
                {
                    "content_type": "text",
                    "title": "Acerca de...",
                    "payload": "ABOUT_PAYLOAD"
                }
            ]

Pueden cambiarlo por este 😃

"quick_replies": [
                {
                    "content_type": "text",
                    "title": "¿Pueden ayudarme?",
                    "payload": "HELP_PAYLOAD"
                },
                {
                    "content_type": "text",
                    "title": "Acerca de...",
                    "payload": "ABOUT_PAYLOAD"
                }
            ]