Tidio Chat GTM Event Listener

<!-- GTM Custom HTML Tag: Tidio Listener -->
<script>
(function() {
  function tidioPush(action, extra) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(Object.assign({
      'event': 'Tidio_chat_interaction',
      'chatAction': action
    }, extra || {}));
  }

  document.addEventListener('tidioChat-ready', function() {
    tidioChatApi.on('open', function() { tidioPush('chat widget opened'); });
    tidioChatApi.on('close', function() { tidioPush('chat widget closed'); });
    tidioChatApi.on('messageFromVisitor', function(data) {
      tidioPush('message sent', { chatMessage: data.message });
    });
    tidioChatApi.on('messageFromOperator', function(data) {
      tidioPush('message received', { chatMessage: data.message });
    });
    tidioChatApi.on('visitorDataUpdated', function(data) {
      if (data.email) tidioPush('email captured', { visitorEmail: data.email });
    });
    tidioChatApi.on('botStart', function() { tidioPush('chatbot triggered'); });
    tidioChatApi.on('botEnd', function() { tidioPush('chatbot response'); });
    tidioChatApi.on('operatorAssigned', function() { tidioPush('operator joins'); });
    tidioChatApi.on('prechatSurveySubmitted', function() { tidioPush('pre-chat survey submitted'); });
  });
})();
</script>

{
  "event": "Tidio_chat_interaction",
  "chatAction": "email captured",
  "visitorEmail": "customer@example.com"
}