[Components] flexisign #14491

Actions
 - Send Document Using Template

Author: luancazarine

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

@@ -1,3 +1,4 @@
+import { snakeCaseToTitleCase } from "../../common/utils.mjs";
 import flexisign from "../../flexisign.app.mjs";
 
 export default {
@@ -13,26 +14,51 @@ export default {
         flexisign,
         "templateId",
       ],
+      reloadProps: true,
     },
-    recipients: {
-      propDefinition: [
-        flexisign,
-        "recipients",
-      ],
-    },
-    message: {
-      propDefinition: [
-        flexisign,
-        "message",
-      ],
-      optional: 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 response = await this.flexisign.sendSignatureRequest({
-      templateId: this.templateId,
-      recipients: this.recipients,
-      message: this.message,
+    const {
+      flexisign,
+      ...data
+    } = this;
+
+    const response = await flexisign.sendSignatureRequest({
+      $,
+      data,
     });
 
     $.export("$summary", `Signature request sent for template ID: ${this.templateId}`);

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

@@ -9,61 +9,51 @@ export default {
       label: "Template ID",
       description: "The ID of the template to generate the document from",
       async options() {
-        const templates = await this.listTemplates();
-        return templates.map((template) => ({
-          label: template.name,
-          value: template.id,
+        const { data: { list } } = await this.listTemplates();
+        return list.map(({
+          _id: value, name: label,
+        }) => ({
+          label,
+          value,
         }));
       },
     },
-    recipients: {
-      type: "string[]",
-      label: "Recipients",
-      description: "An array of recipient objects, with each recipient specified as a JSON string (e.g., '[{\"email\": \"[email protected]\"}]')",
-    },
-    message: {
-      type: "string",
-      label: "Message",
-      description: "A personalized message for the recipients",
-      optional: true,
-    },
   },
   methods: {
     _baseUrl() {
       return "https://api.flexisign.io/v1";
     },
-    async _makeRequest(opts = {}) {
-      const {
-        $ = this, method = "GET", path = "/", headers, ...otherOpts
-      } = opts;
+    _headers() {
+      return {
+        "api-key": `${this.$auth.api_key}`,
+      };
+    },
+    _makeRequest({
+      $ = this, path, ...opts
+    }) {
       return axios($, {
-        ...otherOpts,
-        method,
         url: this._baseUrl() + path,
-        headers: {
-          ...headers,
-          Authorization: `Bearer ${this.$auth.api_key}`,
-        },
+        headers: this._headers(),
+        ...opts,
       });
     },
-    async listTemplates(opts = {}) {
+    listTemplates(opts = {}) {
       return this._makeRequest({
-        path: "/templates",
+        path: "/templates/all",
         ...opts,
       });
     },
-    async sendSignatureRequest(opts = {}) {
-      const {
-        templateId, recipients, message,
-      } = opts;
+    getTemplateDetails(opts = {}) {
+      return this._makeRequest({
+        path: "/template",
+        ...opts,
+      });
+    },
+    sendSignatureRequest(opts = {}) {
       return this._makeRequest({
         method: "POST",
-        path: "/signature/send",
-        data: {
-          template_id: templateId,
-          recipients: recipients.map(JSON.parse),
-          message,
-        },
+        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"
   }
 }