@magiclabs.ai/magicbook-client 0.7.3 → 0.7.4

package/README.md

@@ -79,6 +79,7 @@ window.addEventListener('Magicbook.designRequestUpdated', async ((designRequestE
 ```
 
 Submit the design request. Again, the argument object can receive additional or updated design parameters.
+You can submit multiple design requests by calling this function after receiving the **"ready"** event from the previous one.
 
 ```ts
 await designRequest.submit({

package/index.cjs

@@ -32,6 +32,7 @@ __export(src_exports, {
   bookDesignRequestSchema: () => bookDesignRequestSchema,
   bookPropsSchema: () => bookPropsSchema,
   bookSizes: () => bookSizes,
+  canSubmitDesignRequest: () => canSubmitDesignRequest,
   cancelledEventDetail: () => cancelledEventDetail,
   canvasSchema: () => canvasSchema,
   coverTypes: () => coverTypes,
@@ -85,6 +86,7 @@ var states = [
 var statesToCloseWS = ["error", "timeout", "ready", "cancelled"];
 var statesToReport = ["error", "timeout"];
 var isDesignRequestSubmitted = (state) => !["new", "ingesting"].includes(state);
+var canSubmitDesignRequest = (state) => ["new", "ingesting", "ready"].includes(state);
 var occasions = [
   "baby",
   "birthday",
@@ -248,7 +250,7 @@ var styles = {
   6116: { slug: "boho-baby-sfly" },
   6117: { slug: "simply-gallery-sfly" },
   6118: { slug: "this-is-love-sfly" },
-  6120: { slug: "wedding-gallery-sfly" },
+  6120: { slug: "wedding-photo-album-sfly" },
   6121: { slug: "watercolorwashes-sfly" },
   6124: { slug: "graduation-photo-album-sfly" },
   6125: { slug: "modern-year-in-review-photo-album-sfly" },
@@ -4090,11 +4092,13 @@ var bookPropsSchema = z.object({
   guid: z.string().optional(),
   cancelled_at: z.string().optional(),
   mb_client_timeout: z.number().optional(),
-  user_id: z.string().optional()
+  user_id: z.string().optional(),
+  revision: z.number().optional()
 });
 var Book = class {
   id;
   title;
+  revision;
   subtitle;
   design_request;
   state;
@@ -4112,11 +4116,13 @@ var Book = class {
     this.cancelled_at = props.cancelled_at;
     this.timeout = props.mb_client_timeout ? props.mb_client_timeout * 1e3 : void 0;
     this.user_id = props.user_id;
+    this.revision = props.revision;
   }
   toDesignRequestProps() {
     const props = { ...this, ...this.design_request };
     props.style = getStyleIdBySlug(props.style);
     delete props.design_request;
+    delete props.revision;
     return snakeCaseObjectKeysToCamelCase(props);
   }
   toBookProps() {
@@ -4130,22 +4136,28 @@ var Book = class {
 // ../../core/models/design-request/image.ts
 var Images = class {
   // eslint-disable-next-line no-unused-vars
-  constructor(client, parentId) {
+  constructor(client, parentId, designRequestState) {
     this.client = client;
     this.parentId = parentId;
     this.images = [];
     this.length = this.images.length;
+    this.designRequestState = designRequestState;
   }
   parentId;
   images;
   length;
+  designRequestState;
   async add(image) {
-    this.images.push(image);
-    this.length = this.images.length;
-    await this.client.engineAPI.images.addToBook(this.parentId, new ImageServer(image));
-    return new Promise((resolve) => {
-      resolve(this.length);
-    });
+    if (!canSubmitDesignRequest(this.designRequestState)) {
+      throw new Error("You need to wait for the current design request to be ready before adding new images.");
+    } else {
+      this.images.push(image);
+      this.length = this.images.length;
+      await this.client.engineAPI.images.addToBook(this.parentId, new ImageServer(image));
+      return new Promise((resolve) => {
+        resolve(this.length);
+      });
+    }
   }
 };
 var imageServerSchema = z.object({
@@ -4243,7 +4255,7 @@ var DesignRequest = class {
     this.imageFilteringLevel = designRequestProps?.imageFilteringLevel || imageFilteringLevels[0];
     this.embellishmentLevel = designRequestProps?.embellishmentLevel || embellishmentLevels[0];
     this.textStickerLevel = designRequestProps?.textStickerLevel || textStickerLevels[0];
-    this.images = new Images(this.client, this.parentId);
+    this.images = new Images(this.client, this.parentId, this.state);
     this.userId = designRequestProps?.userId;
   }
   state;
@@ -4265,6 +4277,9 @@ var DesignRequest = class {
   timeout;
   updateDesignRequest(designRequestProps) {
     Object.assign(this, designRequestProps);
+    if (designRequestProps.state) {
+      this.images.designRequestState = designRequestProps.state;
+    }
   }
   async getOptions(imageCount) {
     const options = designOptionsSchema.parse(snakeCaseObjectKeysToCamelCase(
@@ -4277,16 +4292,16 @@ var DesignRequest = class {
     return options;
   }
   async submit(submitDesignRequestProps) {
-    if (isDesignRequestSubmitted(this.state)) {
-      throw new Error("Design request already submitted");
+    if (!canSubmitDesignRequest(this.state)) {
+      throw new Error("You need to wait for the current design request to be ready before submitting a new one");
     } else {
-      submitDesignRequestProps && Object.assign(this, submitDesignRequestProps);
+      submitDesignRequestProps && this.updateDesignRequest(submitDesignRequestProps);
       this.webSocket = new WebSocket(`${this.client.webSocketHost}/?book_id=${this.parentId}`);
+      await this.client.engineAPI.books.update(this.parentId, this.toBook());
       this.updateDesignRequest(
-        (await this.client.engineAPI.books.update(this.parentId, this.toBook())).toDesignRequestProps()
+        (await this.client.engineAPI.books.design(this.parentId)).toDesignRequestProps()
       );
       this.getProgress();
-      this.state = states[1];
       return this;
     }
   }
@@ -4309,10 +4324,10 @@ var DesignRequest = class {
     } else if (!isDesignRequestSubmitted(this.state)) {
       throw new Error("Design request not submitted");
     } else {
-      this.updateDesignRequest(
-        (await this.client.engineAPI.books.cancel(this.parentId)).toDesignRequestProps()
-      );
-      this.state = "cancelled";
+      this.updateDesignRequest({
+        ...(await this.client.engineAPI.books.cancel(this.parentId)).toDesignRequestProps(),
+        state: "cancelled"
+      });
       await this.eventHandler(cancelledEventDetail);
       return this;
     }
@@ -4338,7 +4353,7 @@ var DesignRequest = class {
         });
       }
     }
-    this.state = detail.slug;
+    this.updateDesignRequest({ state: detail.slug });
     window.dispatchEvent(customEvent);
   }
   timeoutHandler() {
@@ -4355,7 +4370,7 @@ var DesignRequest = class {
       let timeout;
       this.webSocket.onmessage = async (event) => {
         const detail = JSON.parse(event.data);
-        if (this.state !== detail.slug) {
+        if (this.state !== detail.slug || detail.slug === "submitted") {
           timeout && clearTimeout(timeout);
           timeout = this.timeoutHandler();
           await this.eventHandler(detail);
@@ -4365,10 +4380,13 @@ var DesignRequest = class {
     }
   }
   toBook() {
-    const designRequest = { ...this };
-    delete designRequest["client"];
-    delete designRequest["images"]["client"];
-    delete designRequest["webSocket"];
+    const designRequest = {
+      ...this,
+      images: this.images["images"]
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    };
+    delete designRequest.client;
+    delete designRequest.webSocket;
     const styleSlug = styles[this.style].slug;
     const bookDesignRequest = camelCaseObjectKeysToSnakeCase(cleanJSON(designRequest));
     bookDesignRequest.style = styleSlug;
@@ -4503,6 +4521,16 @@ var BooksEndpoints = class {
       return new Book(res);
     });
   }
+  design(bookId) {
+    return handleAsyncFunction(async () => {
+      const res = await this.engineAPI.fetcher.call({
+        path: `/v1/books/${bookId}/design`,
+        options: { method: "POST" }
+      });
+      bookPropsSchema.safeParse(res);
+      return new Book(res);
+    });
+  }
   cancel(bookId) {
     return handleAsyncFunction(async () => {
       const res = await this.engineAPI.fetcher.call({
@@ -4955,6 +4983,7 @@ var MagicBookClient = class {
   bookDesignRequestSchema,
   bookPropsSchema,
   bookSizes,
+  canSubmitDesignRequest,
   cancelledEventDetail,
   canvasSchema,
   coverTypes,