@seamly/web-ui 22.3.2 → 22.3.4

package/build/dist/lib/style-guide.js

@@ -1989,7 +1989,6 @@ class ConversationConnector {
     _ConversationConnector_connectionListeners.set(this, []);
   }
   connect(url, channelName, channelTopic, accessToken) {
-    var _a;
     return __awaiter(this, void 0, void 0, function* () {
       this.url = url;
       this.accessToken = accessToken;
@@ -1999,12 +1998,22 @@ class ConversationConnector {
         url: splittedUrl,
         params
       } = split_url_params(this.url);
-      if (!((_a = this.socket) === null || _a === void 0 ? void 0 : _a.isConnected())) {
+      if (!this.socket) {
         this.socket = new Socket(splittedUrl, {
           params: Object.assign(Object.assign({}, params), {
             v: apiVersion
-          })
+          }),
+          reconnectAfterMs: tries => {
+            // Calculate the backoff time based on the number of tries.
+            const backoff = Math.pow(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();
       }
       this.channel = this.socket.channel(this.channelTopic, {
@@ -2622,7 +2631,7 @@ _API_ready = new WeakMap(), _API_externalId = new WeakMap(), _API_conversationAu
   return {
     clientName: "@seamly/web-ui",
     clientVariant: api_classPrivateFieldGet(this, _API_layoutMode, "f"),
-    clientVersion: "22.3.2",
+    clientVersion: "22.3.4",
     currentUrl: window.location.toString(),
     screenResolution: `${window.screen.width}x${window.screen.height}`,
     timezone: getTimeZone(),
@@ -17918,7 +17927,7 @@ const useNotification = () => {
   const [visibilityState, setVisibilityState] = (0,hooks_.useState)(document.visibilityState);
   const showNotifications = useSelector_useSelector(selectShowNotifications);
   const requestPermission = (0,hooks_.useCallback)(() => use_notifications_awaiter(void 0, void 0, void 0, function* () {
-    if (Notification && permission !== 'granted') {
+    if (hasNotificationSupport && permission !== 'granted') {
       const notificationPermission = yield Notification.requestPermission();
       setPermission(notificationPermission);
     }