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

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,
+  canResubmitDesignRequest: () => canResubmitDesignRequest,
   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 canResubmitDesignRequest = (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" },
@@ -260,6 +262,10 @@ var styles = {
   6144: { slug: "seasonal-year-in-review-sfly" },
   6143: { slug: "wanderlust-gallery-sfly" },
   6146: { slug: "wedding-elopement-gallery-sfly" },
+  6148: { slug: "love-wins-sfly" },
+  6151: { slug: "adventures-in-mexico-sfly" },
+  6152: { slug: "generations-of-love-sfly" },
+  6153: { slug: "cheerful-patterns-sfly" },
   6062: { slug: "create-your-own-sfly" },
   6075: { slug: "together-again-sfly" },
   6078: { slug: "everyday-boho-by-umaiana-studio-sfly" },
@@ -4086,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;
@@ -4108,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() {
@@ -4126,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 (!canResubmitDesignRequest(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({
@@ -4239,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;
@@ -4261,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(
@@ -4273,16 +4292,17 @@ var DesignRequest = class {
     return options;
   }
   async submit(submitDesignRequestProps) {
-    if (isDesignRequestSubmitted(this.state)) {
-      throw new Error("Design request already submitted");
+    if (!canResubmitDesignRequest(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];
+      this.updateDesignRequest({ state: states[1] });
       return this;
     }
   }
@@ -4305,10 +4325,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;
     }
@@ -4334,7 +4354,7 @@ var DesignRequest = class {
         });
       }
     }
-    this.state = detail.slug;
+    this.updateDesignRequest({ state: detail.slug });
     window.dispatchEvent(customEvent);
   }
   timeoutHandler() {
@@ -4361,10 +4381,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;
@@ -4499,6 +4522,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({
@@ -4951,6 +4984,7 @@ var MagicBookClient = class {
   bookDesignRequestSchema,
   bookPropsSchema,
   bookSizes,
+  canResubmitDesignRequest,
   cancelledEventDetail,
   canvasSchema,
   coverTypes,