@magiclabs.ai/magicbook-client 0.7.1-canary → 0.7.2-canary

package/index.d.cts

@@ -996,10 +996,9 @@ type DesignRequestEventDetail = {
 };
 type DesignRequestEvent = CustomEvent<DesignRequestEventDetail>;
 declare class DesignRequest {
+    private readonly parentId;
     private readonly client;
-    private webSocket;
     state: State;
-    parentId: string;
     title: string;
     subtitle?: string;
     occasion: Occasion;
@@ -1012,6 +1011,7 @@ declare class DesignRequest {
     embellishmentLevel: EmbellishmentLevel;
     textStickerLevel: TextStickerLevel;
     images: Images;
+    private webSocket?;
     userId?: string;
     guid?: string;
     timeout?: number;

package/index.d.ts

@@ -996,10 +996,9 @@ type DesignRequestEventDetail = {
 };
 type DesignRequestEvent = CustomEvent<DesignRequestEventDetail>;
 declare class DesignRequest {
+    private readonly parentId;
     private readonly client;
-    private webSocket;
     state: State;
-    parentId: string;
     title: string;
     subtitle?: string;
     occasion: Occasion;
@@ -1012,6 +1011,7 @@ declare class DesignRequest {
     embellishmentLevel: EmbellishmentLevel;
     textStickerLevel: TextStickerLevel;
     images: Images;
+    private webSocket?;
     userId?: string;
     guid?: string;
     timeout?: number;

package/index.js

@@ -4157,11 +4157,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;
@@ -4177,9 +4175,7 @@ var DesignRequest = class {
     this.images = new Images(this.client, this.parentId);
     this.userId = designRequestProps?.userId;
   }
-  webSocket;
   state;
-  parentId;
   title;
   subtitle;
   occasion;
@@ -4192,6 +4188,7 @@ var DesignRequest = class {
   embellishmentLevel;
   textStickerLevel;
   images;
+  webSocket;
   userId;
   guid;
   timeout;
@@ -4213,6 +4210,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()
       );
@@ -4261,7 +4259,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",
@@ -4282,16 +4280,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 };