@seamly/web-ui 23.0.5 → 23.0.6-alpha.2

package/build/dist/lib/index.debug.js

@@ -674,6 +674,8 @@ class API {
       });
       const body = await response.json();
       this.#updateUrls(body);
+      // Do not use the socket link from the config endpoint, as this is incomplete and will always fail if used
+      delete this.URLS.socket;
       this.configReady = true;
       return body.config;
     } catch (error) {
@@ -742,14 +744,16 @@ class API {
   async connect() {
     this.connected = false;
     const conversationInitialState = await this.#createConversation();
-    this.conversation.connect(`${this.#getUrlPrefix('ws')}${this.URLS.socket}`, this.#config.context.channelName, this.#getChannelTopic(), this.#getAccessToken());
-    this.conversation.onConnection(({
-      connected,
-      ready
-    }) => {
-      this.connected = connected;
-      this.#ready = ready;
-    });
+    if (this.URLS.socket) {
+      this.conversation.connect(`${this.#getUrlPrefix('ws')}${this.URLS.socket}`, this.#config.context.channelName, this.#getChannelTopic(), this.#getAccessToken());
+      this.conversation.onConnection(({
+        connected,
+        ready
+      }) => {
+        this.connected = connected;
+        this.#ready = ready;
+      });
+    }
     return conversationInitialState;
   }
   uploadFile(file, progressCallback, successCallback, errorCallback) {
@@ -910,7 +914,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.#layoutMode,
-      clientVersion: "23.0.5",
+      clientVersion: "23.0.6-alpha.2",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -4818,6 +4822,7 @@ class ExternalApi {
   constructor(appConfig) {
     this._waitingActions = [];
     this._instances = {};
+    this.timeoutId = undefined;
     this.appConfig = appConfig;
     this.context = {};
   }
@@ -4927,7 +4932,10 @@ class ExternalApi {
       this._instances[config.namespace] = instance;
       // Clear the context after creating the instance, so we do not reuse it for the next
       this.context = {};
-      instance.render();
+      window.clearTimeout(this.timeoutId);
+      this.timeoutId = window.setTimeout(() => {
+        instance.render();
+      }, 60);
     }
   }
   handleDestroy(actionObj) {