@seamly/web-ui 20.8.0-beta.2 → 20.8.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "20.8.0-beta.2",
+  "version": "20.8.0-beta.4",
   "main": "build/dist/lib/index.js",
   "types": "build/src/javascripts/index.d.ts",
   "module": "",

package/src/javascripts/ui/hooks/use-seamly-chat.js

@@ -7,10 +7,11 @@ import { useDispatch, useSelector } from 'react-redux'
 import { selectShowInlineView } from '../../domains/visibility/selectors'
 import { useLiveRegion } from './live-region-hooks'
 import { useSeamlyHasConversation } from './seamly-api-hooks'
-import { useSeamlyLayoutMode } from './seamly-state-hooks'
+import { useEvents, useSeamlyLayoutMode } from './seamly-state-hooks'
 import useSeamlyCommands from './use-seamly-commands'
 
 const useSeamlyChat = () => {
+  const events = useEvents()
   const { t } = useI18n()
   const { isInline, isWindow } = useSeamlyLayoutMode()
   const { isOpen, isVisible, setVisibility } = useVisibility()
@@ -63,6 +64,18 @@ const useSeamlyChat = () => {
     }
   }, [dispatch])
 
+  useEffect(() => {
+    if (events.length) {
+      spinnerTimeout.current = setTimeout(() => {
+        dispatch(setIsLoading(false))
+      }, 5000)
+    }
+
+    return () => {
+      clearTimeout(spinnerTimeout.current)
+    }
+  }, [events, dispatch])
+
   useEffect(() => {
     // This is needed to reset the ref to allow connect and start to happen again.
     // Mostly due to Interrupt situations and a reset being called.