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

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

@@ -4003,7 +4003,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.#layoutMode,
-      clientVersion: "24.0.0-beta.2",
+      clientVersion: "24.0.0-beta.4",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -12648,7 +12648,8 @@ const useSeamlyChat = () => {
   (0,hooks_.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.
-    if (!apiConfigReady || !apiConnected) {
+    // Only do this in case both are `false` (reset does this), because the websocket itself will automatically try to reconnect.
+    if (!apiConfigReady && !apiConnected) {
       connectCalled.current = false;
     }
   }, [apiConfigReady, apiConnected]);
@@ -16809,28 +16810,6 @@ const SeamlyEventSubscriber = () => {
   const {
     emitEvent
   } = use_seamly_commands();
-  (0,hooks_.useEffect)(() => {
-    if (conversation.socket) {
-      const {
-        onError,
-        onOpen
-      } = conversation;
-      onError(err => {
-        const seamlyOfflineError = new SeamlyOfflineError(err);
-        dispatch(setInterrupt({
-          name: seamlyOfflineError.name,
-          message: seamlyOfflineError.message,
-          langKey: seamlyOfflineError.langKey,
-          originalEvent: seamlyOfflineError.originalEvent,
-          originalError: seamlyOfflineError.originalError
-        }));
-        dispatch(clearEvents());
-      });
-      onOpen(() => {
-        dispatch(clearInterrupt());
-      });
-    }
-  }, [conversation, conversation.socket, dispatch]);
   (0,hooks_.useEffect)(() => {
     if (conversation.socket) {
       conversation.onConnection(({
@@ -16850,6 +16829,20 @@ const SeamlyEventSubscriber = () => {
         }
         return false;
       });
+      conversation.onError(err => {
+        const seamlyOfflineError = new SeamlyOfflineError(err);
+        dispatch(setInterrupt({
+          name: seamlyOfflineError.name,
+          message: seamlyOfflineError.message,
+          langKey: seamlyOfflineError.langKey,
+          originalEvent: seamlyOfflineError.originalEvent,
+          originalError: seamlyOfflineError.originalError
+        }));
+        dispatch(clearEvents());
+      });
+      conversation.onOpen(() => {
+        dispatch(clearInterrupt());
+      });
     }
   }, [conversation, conversation.socket, dispatch]);
   (0,hooks_.useEffect)(() => {