Acciones de WebChat

¿Qué es el marco de acciones?

El marco de acciones permite implementar cambios de programación en la interfaz de usuario de Flex WebChat que se activan en determinados eventos. Puedes registrar eventos antes o después de que se desencadene una acción o puedes reemplazar el comportamiento de una acción.

¿Qué se puede hacer con el marco de acciones?

• Reemplazar acciones nativas
• Invocar acciones desde los componentes personalizados
• Utilizar los eventos de acciones before (antes) y after (después)
• Registrar tus acciones personalizadas y utilizarlas en tus componentes personalizados

Obtén más información sobre el marco de acciones en Interfaz de usuario de Flex: Marco de acciones

Acciones de WebChat

General

• StartEngagement (carga útil: {formData?: any}): envía los datos del formulario a la url de startEngagement para avanzar al estado de interacción en curso.
• RestartEngagement: elimina al usuario del canal de chat y vuelve a una fase previa a la interacción.
• ToggleChatVisibility: permite alternar la visibilidad del widget de chat entre la vista minimizada y la vista expandida.
• MinimizeChat: minimiza el widget de chat

Chat

Estas acciones necesitan el parámetro channel o channelSid.

• SendMessage (carga útil: {channel?: ChannelState, channelSid?: string, body: string, messageAttributes?: any}): envía un mensaje con cuerpo al canal definido por ChannelState.
• SetInputText (carga útil: {channel?: ChannelState, channelSid?: string, body: string}): establece el campo de edición del mensaje en el cuerpo de la interfaz de usuario del chat para el ChannelState del canal.
• SendTyping (carga útil: {channel?: ChannelState, channelSid?: string}): envía la ejecución del indicador de escritura a otra parte del canal.

Ejemplo de uso de un evento de acción "after"

Se envía un mensaje al chat en nombre del usuario, una vez iniciada la conversación, mediante la ejecución del evento de acción posterior a StartEngagement:

FlexWebChat.Actions.on("afterStartEngagement", (payload) => {
  const { channelSid } = manager.store.getState().flex.session;
  manager.chatClient.getChannelBySid(channelSid)
    .then(channel => {
      channel.sendMessage("My awesome message");
    })
})