Added event handling for agent list request on fullscreen widgets

Author: wojciechdudek-livechat

pages/helpdesk/fullscreen.tsx

@@ -25,20 +25,24 @@ function HelpDeskFullscreen() {
   }, [fullscreenWidget, notificationsCount])
 
   useEffect(() => {
-    if (developerApp) {
+    if (developerApp && developerApp.authorization?.data) {
       fetch(`${developerApp.urls.liveChatApi}/configuration/action/list_agents`, {
         method: 'POST',
         body: '{}',
         headers: {
           'Content-Type': 'application/json',
-          Authorization: `${developerApp.authorization?.data?.token_type} ${developerApp.authorization?.data?.access_token}`,
+          Authorization: `${developerApp.authorization.data.token_type} ${developerApp.authorization.data.access_token}`,
         },
       })
         .then(async (response) => {
+          const data = await response.json();
+
           if (response.ok) {
-            return await response.json()
+            return data
           }
 
+          await developerApp.features.reporting.sendError("4xx", `Problem with agent list request [${data.error?.message ?? response.status}]`)
+
           return []
         })
         .then(setAgents)

pages/livechat/fullscreen.tsx

@@ -25,20 +25,24 @@ function LiveChatFullscreen() {
   }, [fullscreenWidget, notificationsCount])
 
   useEffect(() => {
-    if (developerApp) {
+    if (developerApp && developerApp.authorization?.data) {
       fetch(`${developerApp.urls.liveChatApi}/configuration/action/list_agents`, {
         method: 'POST',
         body: '{}',
         headers: {
           'Content-Type': 'application/json',
-          Authorization: `${developerApp.authorization?.data?.token_type} ${developerApp.authorization?.data?.access_token}`,
+          Authorization: `${developerApp.authorization.data.token_type} ${developerApp.authorization.data.access_token}`,
         },
       })
         .then(async (response) => {
+          const data = await response.json();
+
           if (response.ok) {
-            return await response.json()
+            return data
           }
 
+          await developerApp.features.reporting.sendError("4xx", `Problem with agent list request [${data.error?.message ?? response.status}]`)
+
           return []
         })
         .then(setAgents)