Added requested changes

Author: lcaresia

components/klipfolio/actions/create-datasource/create-datasource.mjs

@@ -11,45 +11,51 @@ export default {
     name: {
       propDefinition: [
         app,
-        "name",
-      ],
+        "name"
+      ]
     },
     description: {
       propDefinition: [
         app,
-        "description",
-      ],
+        "description"
+      ]
     },
     format: {
       propDefinition: [
         app,
-        "format",
-      ],
+        "format"
+      ]
     },
     connector: {
       propDefinition: [
         app,
-        "connector",
-      ],
+        "connector"
+      ]
     },
     refreshInterval: {
       propDefinition: [
         app,
-        "refreshInterval",
-      ],
+        "refreshInterval"
+      ]
     },
     endpointUrl: {
       propDefinition: [
         app,
-        "endpointUrl",
-      ],
+        "endpointUrl"
+      ]
     },
     method: {
       propDefinition: [
         app,
-        "method",
-      ],
+        "method"
+      ]
     },
+    additionalProperties: {
+      propDefinition: [
+        app,
+        "additionalProperties",
+      ]
+    }
   },
 
   async run({ $ }) {
@@ -64,7 +70,8 @@ export default {
         properties: {
           endpoint_url: this.endpointUrl,
           method: this.method,
-        },
+          ...this.additionalProperties,
+        }
       },
     });
     $.export("$summary", `Successfully created Datasource named '${this.name}'`);

components/klipfolio/actions/delete-datasource/delete-datasource.mjs

@@ -11,8 +11,8 @@ export default {
     datasourceId: {
       propDefinition: [
         app,
-        "datasourceId",
-      ],
+        "datasourceId"
+      ]
     },
   },
 

components/klipfolio/actions/update-datasource/update-datasource.mjs

@@ -11,26 +11,26 @@ export default {
     datasourceId: {
       propDefinition: [
         app,
-        "datasourceId",
-      ],
+        "datasourceId"
+      ]
     },
     name: {
       propDefinition: [
         app,
-        "name",
-      ],
+        "name"
+      ]
     },
     description: {
       propDefinition: [
         app,
-        "description",
-      ],
+        "description"
+      ]
     },
     refreshInterval: {
       propDefinition: [
         app,
-        "refreshInterval",
-      ],
+        "refreshInterval"
+      ]
     },
   },
 
@@ -41,7 +41,7 @@ export default {
       data: {
         name: this.name,
         description: this.description,
-        refreshInterval: parseInt(this.refreshInterval, 10),
+        refresh_interval: parseInt(this.refreshInterval, 10),
       },
     });
     $.export("$summary", `Successfully updated Datasource named '${this.name}'`);

components/klipfolio/common/constants.mjs

@@ -1,40 +1,8 @@
 export default {
   DATASOURCE_CONNECTORS: [
-    "box",
-    "comscore",
-    "db",
-    "dropbox",
-    "facebook",
-    "ftp",
-    "google_adwords",
-    "google_analytics",
-    "google_drive",
-    "google_spreadsheets",
-    "hubspot",
-    "iformbuilder",
-    "marketo",
-    "omniture",
-    "radian6",
-    "salesforce",
-    "searchMetrics",
-    "shopify",
-    "simple_rest",
-    "survey_monkey",
-    "versature",
-    "xero",
-    "xmla",
+    'box', 'comscore', 'db', 'dropbox', 'facebook', 'ftp', 'google_adwords', 'google_analytics', 'google_drive', 'google_spreadsheets', 'hubspot', 'iformbuilder', 'marketo', 'omniture', 'radian6', 'salesforce', 'searchMetrics', 'shopify', 'simple_rest', 'survey_monkey', 'versature', 'xero', 'xmla'
   ],
   REFRESH_INTERVALS: [
-    "0",
-    "60",
-    "300",
-    "900",
-    "1800",
-    "3600",
-    "7200",
-    "10800",
-    "14400",
-    "43200",
-    "86400",
-  ],
-};
+    '0', '60', '300', '900', '1800', '3600', '7200', '10800', '14400', '43200', '86400'
+  ]
+}

components/klipfolio/klipfolio.app.mjs

@@ -49,18 +49,21 @@ export default {
       async options() {
         const response = await this.getDatasources();
         const datasourceIds = response.data.datasources;
-        return datasourceIds.map(({
-          id, name,
-        }) => ({
+        return datasourceIds.map(({ id, name }) => ({
           label: name,
-          value: id,
+          value: id
         }));
-      },
+      }
     },
+    additionalProperties: {
+      type: "object",
+      label: "Additional Properties",
+      description: "Data source additional properties. For example, Google Analytics API has the following properties: `oauth_provider_id`, `oauth_user_header`, `oauth_user_token`, `token_id`, `prop:profile_id`."
+    }
   },
   methods: {
     _baseUrl() {
-      return "https://app.klipfolio.com/api/1.0";
+      return `https://app.klipfolio.com/api/1.0`;
     },
     async _makeRequest(opts = {}) {
       const {
@@ -85,18 +88,14 @@ export default {
         ...args,
       });
     },
-    async updateDatasource({
-      datasourceId, ...args
-    }) {
+    async updateDatasource({ datasourceId, ...args }) {
       return this._makeRequest({
         path: `/datasources/${datasourceId}`,
         method: "put",
         ...args,
       });
     },
-    async deleteDatasource({
-      datasourceId, ...args
-    }) {
+    async deleteDatasource({ datasourceId, ...args }) {
       return this._makeRequest({
         path: `/datasources/${datasourceId}`,
         method: "delete",