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

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

@@ -5341,6 +5341,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) {
@@ -5409,14 +5411,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) {
@@ -5577,7 +5581,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(),
@@ -22906,6 +22910,7 @@ class ExternalApi {
   constructor(appConfig) {
     this._waitingActions = [];
     this._instances = {};
+    this.timeoutId = undefined;
     this.appConfig = appConfig;
     this.context = {};
   }
@@ -23015,7 +23020,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) {