Webflow V2 migration

components/webflow/actions/create-collection-item/create-collection-item.mjs → components/webflow_v2/actions/create-collection-item/create-collection-item.mjs

@@ -1,44 +1,38 @@
-import webflow from "../../webflow.app.mjs";
+import app from "../../webflow_v2.app.mjs";
 
 export default {
-  key: "webflow-create-collection-item",
+  key: "webflow_v2-create-collection-item",
   name: "Create Collection Item",
   description: "Create new collection item. [See the docs here](https://developers.webflow.com/#create-new-collection-item)",
-  version: "0.1.7",
+  version: "0.0.{{ts}}",
   type: "action",
   props: {
-    webflow,
+    app,
     siteId: {
       propDefinition: [
-        webflow,
+        app,
         "sites",
       ],
     },
     collectionId: {
       propDefinition: [
-        webflow,
+        app,
         "collections",
         (c) => ({
           siteId: c.siteId,
         }),
       ],
       reloadProps: true,
     },
-    live: {
-      label: "Live",
-      description: "Indicate if the item should be published to the live site",
-      type: "boolean",
-      default: false,
-    },
   },
   async additionalProps() {
     const props = {};
     if (!this.collectionId) {
       return props;
     }
-    const { fields } = await this.webflow.getCollection(this.collectionId);
+    const { fields } = await this.app.getCollection(this.collectionId);
     for (const field of fields) {
-      if (field.editable && field.slug !== "_archived" && field.slug !== "_draft") {
+      if (field.editable && field.slug !== "isArchived" && field.slug !== "isDraft") {
         props[field.slug] = {
           type: "string",
           label: field.name,
@@ -55,29 +49,23 @@ export default {
   },
   async run({ $ }) {
     const {
-      webflow,
+      app,
       // eslint-disable-next-line no-unused-vars
       siteId,
-      // eslint-disable-next-line no-unused-vars
       collectionId,
-      live,
-      ...fields
+      ...fieldData
     } = this;
 
-    const webflowClient = webflow._createApiClient();
-
-    const response = await webflowClient.createItem({
-      collectionId: this.collectionId,
-      fields: {
-        ...fields,
-        _archived: false,
-        _draft: false,
+    const response = await app.createCollectionItem(
+      collectionId,
+      {
+        fieldData,
+        isArchived: false,
+        isDraft: false,
       },
-    }, {
-      live,
-    });
+    );
 
-    $.export("$summary", `Successfully created collection item ${fields.name}`);
+    $.export("$summary", `Successfully created collection item ${fields.name ?? ""}`);
 
     return response;
   },

components/webflow/actions/delete-collection-item/delete-collection-item.mjs → components/webflow_v2/actions/delete-collection-item/delete-collection-item.mjs

@@ -1,22 +1,22 @@
-import webflow from "../../webflow.app.mjs";
+import app from "../../webflow_v2.app.mjs";
 
 export default {
-  key: "webflow-delete-collection-item",
+  key: "webflow_v2-delete-collection-item",
   name: "Delete Collection Item",
   description: "Delete Item of a Collection. [See the docs here](https://developers.webflow.com/#remove-collection-item)",
-  version: "0.0.5",
+  version: "0.0.{{ts}}",
   type: "action",
   props: {
-    webflow,
+    app,
     siteId: {
       propDefinition: [
-        webflow,
+        app,
         "sites",
       ],
     },
     collectionId: {
       propDefinition: [
-        webflow,
+        app,
         "collections",
         (c) => ({
           siteId: c.siteId,
@@ -25,7 +25,7 @@ export default {
     },
     itemId: {
       propDefinition: [
-        webflow,
+        app,
         "items",
         (c) => ({
           collectionId: c.collectionId,
@@ -34,12 +34,8 @@ export default {
     },
   },
   async run({ $ }) {
-    const webflow = this.webflow._createApiClient();
-
-    const response = await webflow.removeItem({
-      collectionId: this.collectionId,
-      itemId: this.itemId,
-    });
+    const { collectionId, itemId } = this;
+    const response = await this.app.deleteCollectionItem(collectionId, itemId);
 
     $.export("$summary", "Successfully deleted item");
 

components/webflow/actions/fulfill-order/fulfill-order.mjs → components/webflow_v2/actions/fulfill-order/fulfill-order.mjs

@@ -1,22 +1,22 @@
-import webflow from "../../webflow.app.mjs";
+import app from "../../webflow_v2.app.mjs";
 
 export default {
-  key: "webflow-fulfill-order",
+  key: "webflow_v2-fulfill-order",
   name: "Fulfill Order",
   description: "Fulfill an order. [See the docs here](https://developers.webflow.com/#fulfill-order)",
-  version: "0.0.4",
+  version: "0.0.{{ts}}",
   type: "action",
   props: {
-    webflow,
+    app,
     siteId: {
       propDefinition: [
-        webflow,
+        app,
         "sites",
       ],
     },
     orderId: {
       propDefinition: [
-        webflow,
+        app,
         "orders",
       ],
     },
@@ -28,13 +28,8 @@ export default {
     },
   },
   async run({ $ }) {
-    const apiClient = this.webflow._createApiClient();
-
-    const response = await apiClient.post(`/sites/${this.siteId}/order/${this.orderId}/fulfill`, {
-      data: {
-        sendOrderFulfilledEmail: this.sendOrderFulfilledEmail,
-      },
-    });
+    const { app, siteId, orderId, ...data } = this;
+    const response = await app.fulfillOrder(siteId, orderId, data);
 
     $.export("$summary", "Successfully fulfilled order");