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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "23.0.6-alpha.1",
+  "version": "23.0.6-alpha.2",
   "main": "build/dist/lib/index.js",
   "types": "build/src/javascripts/index.d.ts",
   "exports": {
@@ -126,5 +126,6 @@
     "test:e2e": "playwright test",
     "test:e2e:coverage": "yarn nyc report --reporter cobertura --reporter html",
     "prepare": "husky install"
-  }
+  },
+  "packageManager": "yarn@1.22.22"
 }

package/src/javascripts/api/index.ts

@@ -382,6 +382,8 @@ export 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: any) {
@@ -465,17 +467,19 @@ export class API {
     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(),
-    )
+    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
-    })
+      this.conversation.onConnection(({ connected, ready }) => {
+        this.connected = connected
+        this.#ready = ready
+      })
+    }
 
     return conversationInitialState
   }

package/src/javascripts/lib/external-api/index.js

@@ -12,7 +12,7 @@ class ExternalApi {
   constructor(appConfig) {
     this._waitingActions = []
     this._instances = {}
-    this._timeoutId = undefined
+    this.timeoutId = undefined
     this.appConfig = appConfig
     this.context = {}
   }
@@ -124,8 +124,8 @@ 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(() => {
+      window.clearTimeout(this.timeoutId)
+      this.timeoutId = window.setTimeout(() => {
         instance.render()
       }, 60)
     }