New Components - flexisign

components/flexisign/actions/send-document-using-template/send-document-using-template.mjs

@@ -0,0 +1,67 @@
+import { snakeCaseToTitleCase } from "../../common/utils.mjs";
+import flexisign from "../../flexisign.app.mjs";
+
+export default {
+  key: "flexisign-send-document-using-template",
+  name: "Send Document Using Template",
+  description: "Sends a signature request to the specified recipients for a document generated from a template. [See the documentation](https://flexisign.io/app/integrations/flexisignapi)",
+  version: "0.0.1",
+  type: "action",
+  props: {
+    flexisign,
+    templateId: {
+      propDefinition: [
+        flexisign,
+        "templateId",
+      ],
+      reloadProps: true,
+    },
+  },
+  async additionalProps() {
+    const props = {};
+    if (this.templateId) {
+      const { data: { bodyStructure } } = await this.flexisign.getTemplateDetails({
+        params: {
+          templateId: this.templateId,
+        },
+      });
+
+      for (const [
+        key,
+        value,
+      ] of Object.entries(bodyStructure)) {
+        if ([
+          "templateId",
+          "recipientsCount",
+        ].includes(key)) continue;
+
+        const title = snakeCaseToTitleCase(key);
+        props[key] = {
+          type: typeof value === "number"
+            ? "integer"
+            : "string",
+          label: title,
+          description: title,
+          default: typeof value === "number"
+            ? value
+            : undefined,
+        };
+      }
+    }
+    return props;
+  },
+  async run({ $ }) {
+    const {
+      flexisign,
+      ...data
+    } = this;
+
+    const response = await flexisign.sendSignatureRequest({
+      $,
+      data,
+    });
+
+    $.export("$summary", `Signature request sent for template ID: ${this.templateId}`);
+    return response;
+  },
+};

components/flexisign/common/utils.mjs

@@ -0,0 +1,4 @@
+export const snakeCaseToTitleCase = (s) =>
+  s.replace(/^_*(.)|_+(.)/g, (s, c, d) => c
+    ? c.toUpperCase()
+    : " " + d.toUpperCase());

components/flexisign/flexisign.app.mjs

@@ -1,11 +1,60 @@
+import { axios } from "@pipedream/platform";
+
 export default {
   type: "app",
   app: "flexisign",
-  propDefinitions: {},
+  propDefinitions: {
+    templateId: {
+      type: "string",
+      label: "Template ID",
+      description: "The ID of the template to generate the document from",
+      async options() {
+        const { data: { list } } = await this.listTemplates();
+        return list.map(({
+          _id: value, name: label,
+        }) => ({
+          label,
+          value,
+        }));
+      },
+    },
+  },
   methods: {
-    // this.$auth contains connected account data
-    authKeys() {
-      console.log(Object.keys(this.$auth));
+    _baseUrl() {
+      return "https://api.flexisign.io/v1";
+    },
+    _headers() {
+      return {
+        "api-key": `${this.$auth.api_key}`,
+      };
+    },
+    _makeRequest({
+      $ = this, path, ...opts
+    }) {
+      return axios($, {
+        url: this._baseUrl() + path,
+        headers: this._headers(),
+        ...opts,
+      });
+    },
+    listTemplates(opts = {}) {
+      return this._makeRequest({
+        path: "/templates/all",
+        ...opts,
+      });
+    },
+    getTemplateDetails(opts = {}) {
+      return this._makeRequest({
+        path: "/template",
+        ...opts,
+      });
+    },
+    sendSignatureRequest(opts = {}) {
+      return this._makeRequest({
+        method: "POST",
+        path: "/template/create-document",
+        ...opts,
+      });
     },
   },
 };

components/flexisign/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipedream/flexisign",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "Pipedream FlexiSign Components",
   "main": "flexisign.app.mjs",
   "keywords": [
@@ -11,5 +11,8 @@
   "author": "Pipedream <[email protected]> (https://pipedream.com/)",
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "@pipedream/platform": "^3.0.3"
   }
-}
+}