@seamly/web-ui 23.0.6-alpha.1 → 23.0.6

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.6-alpha.1",
+      clientVersion: "23.0.6",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -22906,7 +22910,7 @@ class ExternalApi {
   constructor(appConfig) {
     this._waitingActions = [];
     this._instances = {};
-    this._timeoutId = undefined;
+    this.timeouts = {};
     this.appConfig = appConfig;
     this.context = {};
   }
@@ -23016,10 +23020,7 @@ 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 = {};
-      window.clearTimeout(this._timeoutId);
-      this._timeoutId = window.setTimeout(() => {
-        instance.render();
-      }, 60);
+      this.debouncedRender(instance, config.namespace);
     }
   }
   handleDestroy(actionObj) {
@@ -23046,6 +23047,17 @@ class ExternalApi {
   createInstance(config) {
     return new Engine(config, this);
   }
+
+  /**
+   * @param {Engine} instance
+   * @param {string} namespace
+   */
+  debouncedRender(instance, namespace) {
+    window.clearTimeout(this.timeouts[namespace]);
+    this.timeouts[namespace] = window.setTimeout(() => {
+      instance.render();
+    }, 100);
+  }
   destroy(instance) {
     if (!instance) {
       Object.entries(this._instances).forEach(([namespace, _instance]) => {