JSFiddle - React, Tailwind, and code Playground

by Milan Gladiš

HTML

<script src="https://dev.zopim.com/web-sdk/latest/web-sdk.js"></script>
<!-- Start of vectary Zendesk Widget script -->
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=180150ed-d9fd-4605-94d3-9c7146355178"> </script>
<!-- End of vectary Zendesk Widget script -->

JavaScript

zChat.init({
    account_key: '180150ed-d9fd-4605-94d3-9c7146355178'
});

zChat.on('connection_update', function(status) {
var account_status = zChat.getAccountStatus();
  console.log(account_status);


console.log('asdf');
  if (status === 'connected') {
    console.log(zChat.getServingAgentsInfo());
  }
});

zChat.on('account_status', function(event_data) {
  console.log('asdf');
});


var handler = function(conn_status) {
console.log(conn_status);
};
// Register an event handler to the connection_update event
zChat.on('connection_update', handler);