@magiclabs.ai/magicbook-client 0.7.1 → 0.7.2

package/index.cjs

@@ -4224,11 +4224,9 @@ var DesignRequestOptions = {
   textStickerLevel: textStickerLevels
 };
 var DesignRequest = class {
-  // eslint-disable-next-line no-unused-vars
   constructor(parentId, client, designRequestProps) {
-    this.client = client;
     this.parentId = parentId;
-    this.webSocket = new WebSocket(`${this.client.webSocketHost}/?book_id=${this.parentId}`);
+    this.client = client;
     this.state = designRequestProps?.state || states[0];
     this.title = designRequestProps?.title || "";
     this.subtitle = designRequestProps?.subtitle;
@@ -4244,9 +4242,7 @@ var DesignRequest = class {
     this.images = new Images(this.client, this.parentId);
     this.userId = designRequestProps?.userId;
   }
-  webSocket;
   state;
-  parentId;
   title;
   subtitle;
   occasion;
@@ -4259,6 +4255,7 @@ var DesignRequest = class {
   embellishmentLevel;
   textStickerLevel;
   images;
+  webSocket;
   userId;
   guid;
   timeout;
@@ -4280,6 +4277,7 @@ var DesignRequest = class {
       throw new Error("Design request already submitted");
     } else {
       submitDesignRequestProps && Object.assign(this, submitDesignRequestProps);
+      this.webSocket = new WebSocket(`${this.client.webSocketHost}/?book_id=${this.parentId}`);
       this.updateDesignRequest(
         (await this.client.engineAPI.books.update(this.parentId, this.toBook())).toDesignRequestProps()
       );
@@ -4328,7 +4326,7 @@ var DesignRequest = class {
   async eventHandler(detail, type = "MagicBook.designRequestUpdated") {
     const customEvent = new CustomEvent(type, { detail });
     if (statesToCloseWS.includes(detail.slug)) {
-      this.webSocket.close();
+      this.webSocket?.close();
       if (statesToReport.includes(detail.slug)) {
         await this.client.engineAPI.books.report(this.parentId, {
           error: detail.slug === "error" ? "design" : "timeout",
@@ -4349,16 +4347,18 @@ var DesignRequest = class {
     }
   }
   async getProgress() {
-    let timeout;
-    this.webSocket.onmessage = async (event) => {
-      const detail = JSON.parse(event.data);
-      if (this.state !== detail.slug) {
-        timeout && clearTimeout(timeout);
-        timeout = this.timeoutHandler();
-        await this.eventHandler(detail);
-      }
-    };
-    this.webSocket.onclose = () => clearTimeout(timeout);
+    if (this.webSocket) {
+      let timeout;
+      this.webSocket.onmessage = async (event) => {
+        const detail = JSON.parse(event.data);
+        if (this.state !== detail.slug) {
+          timeout && clearTimeout(timeout);
+          timeout = this.timeoutHandler();
+          await this.eventHandler(detail);
+        }
+      };
+      this.webSocket.onclose = () => clearTimeout(timeout);
+    }
   }
   toBook() {
     const designRequest = { ...this };