opnform init

Author: luancazarine

components/opnform/opnform.app.mjs

@@ -1,11 +1,102 @@
+import { axios } from "@pipedream/platform";
+
 export default {
   type: "app",
   app: "opnform",
-  propDefinitions: {},
+  version: "0.0.{{ts}}",
+  propDefinitions: {
+    workspaceId: {
+      type: "string",
+      label: "Workspace ID",
+      description: "The ID of the workspace containing the forms.",
+    },
+    formId: {
+      type: "string",
+      label: "Form",
+      description: "Select the form to monitor for new submissions.",
+      async options() {
+        const { workspaceId } = this;
+        const forms = await this.listForms({
+          workspaceId,
+        });
+        return forms.map((form) => ({
+          label: form.name,
+          value: form.id,
+        }));
+      },
+    },
+  },
   methods: {
-    // this.$auth contains connected account data
     authKeys() {
       console.log(Object.keys(this.$auth));
     },
+    _baseUrl() {
+      return "https://api.opnform.com/external/zapier";
+    },
+    async _makeRequest(opts = {}) {
+      const {
+        $ = this, method = "GET", path = "/", headers, params, data, ...otherOpts
+      } = opts;
+      return axios($, {
+        method,
+        url: this._baseUrl() + path,
+        headers: {
+          ...headers,
+          Authorization: `Bearer ${this.$auth.api_key}`,
+        },
+        params,
+        data,
+        ...otherOpts,
+      });
+    },
+    async listForms({
+      workspaceId, ...opts
+    } = {}) {
+      if (!workspaceId) {
+        throw new Error("workspaceId is required to list forms.");
+      }
+      return this._makeRequest({
+        method: "GET",
+        path: "/forms",
+        params: {
+          workspace_id: workspaceId,
+        },
+        ...opts,
+      });
+    },
+    async createWebhook({
+      hookUrl, formId, ...opts
+    } = {}) {
+      return this._makeRequest({
+        method: "POST",
+        path: "/webhook",
+        data: {
+          hookUrl,
+          form_id: formId,
+        },
+        ...opts,
+      });
+    },
+    async paginate(fn, ...opts) {
+      let results = [];
+      let response;
+      let hasMore = true;
+      let page = 1;
+
+      while (hasMore) {
+        response = await fn({
+          page,
+          ...opts,
+        });
+        if (Array.isArray(response) && response.length > 0) {
+          results = results.concat(response);
+          page += 1;
+        } else {
+          hasMore = false;
+        }
+      }
+
+      return results;
+    },
   },
 };

components/opnform/sources/new-submission-instant/new-submission-instant.mjs

@@ -0,0 +1,92 @@
+import { axios } from "@pipedream/platform";
+import opnform from "../../opnform.app.mjs";
+
+export default {
+  key: "opnform-new-submission-instant",
+  name: "New Submission Instant",
+  description: "Emit a new event when a form receives a submission. [See the documentation]()",
+  version: "0.0.{{ts}}",
+  type: "source",
+  dedupe: "unique",
+  props: {
+    opnform: {
+      type: "app",
+      app: "opnform",
+    },
+    workspaceId: {
+      propDefinition: [
+        "opnform",
+        "workspaceId",
+      ],
+    },
+    formId: {
+      propDefinition: [
+        "opnform",
+        "formId",
+      ],
+    },
+    http: {
+      type: "$.interface.http",
+      customResponse: true,
+    },
+    db: "$.service.db",
+  },
+  hooks: {
+    async activate() {
+      const hookUrl = this.http.endpoint;
+      const webhook = await this.opnform.createWebhook({
+        hookUrl,
+        formId: this.formId,
+      });
+      await this.db.set("webhookId", webhook.id);
+    },
+    async deactivate() {
+      const webhookId = await this.db.get("webhookId");
+      if (webhookId) {
+        await this.opnform._makeRequest({
+          method: "DELETE",
+          path: `/webhook/${webhookId}`,
+        });
+        await this.db.delete("webhookId");
+      }
+    },
+    async deploy() {
+      const submissions = await this.opnform.paginate(
+        this.opnform._makeRequest.bind(this.opnform),
+        {
+          method: "GET",
+          path: `/forms/${this.formId}/submissions`,
+          params: {
+            limit: 50,
+          },
+        },
+      );
+
+      submissions.reverse().forEach((submission) => {
+        this.$emit(
+          submission,
+          {
+            id: submission.id || Date.now().toString(),
+            summary: `New submission for form ${submission.formName}`,
+            ts: submission.createdAt
+              ? Date.parse(submission.createdAt)
+              : Date.now(),
+          },
+        );
+      });
+    },
+  },
+  async run(event) {
+    const submission = event.body;
+    const id = submission.id || Date.now().toString();
+    const summary = `New submission for form ${submission.formName}`;
+    const ts = submission.createdAt
+      ? Date.parse(submission.createdAt)
+      : Date.now();
+    this.$emit(submission, {
+      id,
+      summary,
+      ts,
+    });
+  },
+};