@seamly/web-ui 22.3.2 → 22.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "22.3.2",
+  "version": "22.3.4",
   "main": "build/dist/lib/index.js",
   "types": "build/src/javascripts/index.d.ts",
   "module": "",
@@ -134,4 +134,4 @@
     "test:e2e:coverage": "yarn nyc report --reporter cobertura --reporter html",
     "prepare": "husky install"
   }
-}
+}

package/src/javascripts/api/conversation-connector.ts

@@ -46,11 +46,22 @@ export default class ConversationConnector {
     this.channelTopic = channelTopic
     const { url: splittedUrl, params } = splitUrlParams(this.url)
 
-    if (!this.socket?.isConnected()) {
+    if (!this.socket) {
       this.socket = new Socket(splittedUrl, {
         params: { ...params, v: apiVersion },
+        reconnectAfterMs: (tries) => {
+          // Calculate the backoff time based on the number of tries.
+          const backoff = 2 ** tries * 250
+
+          // Limit the backoff time to 10 seconds.
+          return Math.min(backoff, 10000)
+        },
       })
+    }
 
+    // Checks if the socket is not already connected before attempting a connection.
+    // This prevents multiple connection attempts during server reconnects, network switches or SPA route changes.
+    if (!this.socket.isConnected()) {
       this.socket.connect()
     }
 

package/src/javascripts/ui/hooks/use-notifications.ts

@@ -22,7 +22,7 @@ const useNotification = () => {
   const showNotifications = useSelector(selectShowNotifications)
 
   const requestPermission = useCallback(async () => {
-    if (Notification && permission !== 'granted') {
+    if (hasNotificationSupport && permission !== 'granted') {
       const notificationPermission = await Notification.requestPermission()
       setPermission(notificationPermission)
     }