Adding async options to tettra components

Author: GTFalcao

components/tettra/actions/create-page.mjs

@@ -19,16 +19,19 @@ export default {
       description: "The body of the page formatted as HTML",
     },
     categoryId: {
-      type: "string",
-      label: "Category ID",
-      description: "The category to publish the page to",
-      optional: true,
+      propDefinition: [
+        tettra,
+        "categoryId",
+      ],
     },
     subcategoryId: {
-      type: "string",
-      label: "Subcategory ID",
-      description: "The subcategory to publish the page to",
-      optional: true,
+      propDefinition: [
+        tettra,
+        "subcategoryId",
+        ({ categoryId }) => ({
+          categoryId,
+        }),
+      ],
     },
   },
   async run({ $ }) {

components/tettra/actions/suggest-page.mjs

@@ -20,16 +20,18 @@ export default {
       optional: true,
     },
     category: {
-      type: "string",
-      label: "Category",
-      description: "The category to publish the page to",
-      optional: true,
+      propDefinition: [
+        tettra,
+        "categoryId",
+      ],
     },
     assignableId: {
-      type: "string",
+      propDefinition: [
+        tettra,
+        "userId",
+      ],
       label: "Assignable ID",
-      description: "The ID of the user to assign the suggestion",
-      optional: true,
+      description: "Select a user to assign the suggestion, or provide a user ID",
     },
   },
   async run({ $ }) {

components/tettra/tettra.app.mjs

@@ -3,6 +3,47 @@ import { axios } from "@pipedream/platform";
 export default {
   type: "app",
   app: "tettra",
+  propDefinitions: {
+    categoryId: {
+      type: "string",
+      label: "Category ID",
+      description: "Select a category or provide a category ID",
+      optional: true,
+      async options() {
+        const { categories } = await this.getCategories();
+        return categories.map((category) => ({
+          label: category.name,
+          value: category.id,
+        }));
+      },
+    },
+    subcategoryId: {
+      type: "string",
+      label: "Subcategory ID",
+      description: "Select a subcategory or provide a subcategory ID",
+      optional: true,
+      async options({ categoryId }) {
+        const { categoryItems } = await this.getCategory(categoryId);
+        return categoryItems.filter((item) => item.type === "Subcategory").map((item) => ({
+          label: item.title,
+          value: item.id,
+        }));
+      },
+    },
+    userId: {
+      type: "string",
+      label: "User ID",
+      description: "Select a user or provide a user ID",
+      optional: true,
+      async options() {
+        const { users } = await this.getUsers();
+        return users.map((user) => ({
+          label: user.display_name ?? user.email,
+          value: user.id,
+        }));
+      },
+    },
+  },
   methods: {
     async _makeRequest({
       $ = this,
@@ -36,5 +77,20 @@ export default {
         ...args,
       });
     },
+    async getCategories() {
+      return this._makeRequest({
+        url: "/categories",
+      });
+    },
+    async getCategory(categoryId) {
+      return this._makeRequest({
+        url: `/categories/${categoryId}`,
+      });
+    },
+    async getUsers() {
+      return this._makeRequest({
+        url: "/users",
+      });
+    },
   },
 };