The JWT access token for the Web ASAP Help Widget will expire in one hour. Please ensure the JWT token in the provided code snippet is valid and up-to-date. It's important to note that after the token expires, it should only be generated and utilized on the server by the customer. Implementing the token on the client side may result in potential data leaks.

Code snippets to Authenticate users via the JWT mechanism on the old and new versions of ASAP

Web

ASAP 1.0 (Older version)

1. let getJwtTokenCallback = (successCallback, failureCallback) => {
       // Fetch the JWT token from your server or authentication service
       fetch('/api/get-jwt-token') // replace with your actual endpoint
           .then(response => response.json())
           .then(data => {
               // Pass the JWT token to the success callback
               successCallback(data.token);
           })
           .catch(error => {
               // Handle any errors and pass the error to the failure callback
               failureCallback(error);
           });
   }
    
   // Invoke login with JWT token retrieval
   window.ZohoDeskAsapReady( () => {
       ZohoDeskAsap.invoke('login', getJwtTokenCallback);
   })
   

We need a callback on the first-page load to get the JWT token. After that, there's no need to pass the callback in the login API for subsequent loads.

1. function handleLogin() {
       window.ZohoDeskAsapReady( () => {
           ZohoDeskAsap.invoke('login', getJwtTokenCallback);
       })
   }
   // Example usage: attach this function to a login button
   document.getElementById('loginButton').addEventListener('click', handleLogin);
   

1. function handleLogout() {
       window.ZohoDeskAsapReady( () => {
           ZohoDeskAsap.invoke('logout');
       })
   }
   // Example usage: attach this function to a logout button
   document.getElementById('logoutButton').addEventListener('click', handleLogout);
   

1. // Function to retrieve the JWT token
   let getJwtTokenCallback = (successCallback, failureCallback) => {
       fetch('/api/get-jwt-token') // replace with your actual endpoint
           .then(response => response.json())
           .then(data => {
               successCallback(data.token);
           })
           .catch(error => {
               failureCallback(error);
           });
   };
    
   // Login dynamically on page load
   window.onload = function() {
           //load this API after ASAP script
           window.ZohoDeskAsapReady( () => {
               ZohoDeskAsap.invoke('login', getJwtTokenCallback);
           })
   };
    
   // Manual login trigger (e.g., on button click)
   document.getElementById('loginButton').addEventListener('click', () => {
           window.ZohoDeskAsapReady( () => {
               ZohoDeskAsap.invoke('login', getJwtTokenCallback);
        })
   });
    
   // Logout handler
   document.getElementById('logoutButton').addEventListener('click', () => {
           window.ZohoDeskAsapReady( () => {
               ZohoDeskAsap.invoke('logout');
           })
   });