[Components] poper #12738

Sources
 - New Lead

Author: luancazarine

components/poper/package.json

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

components/poper/poper.app.mjs

@@ -9,67 +9,48 @@ export default {
       label: "Poper ID",
       description: "The ID of the Poper popup",
       async options() {
-        const popups = await this.listPopups();
-        return popups.map((popup) => ({
-          label: popup.name,
-          value: popup.id,
+        const { popups } = await this.listPopups();
+        return popups.map(({
+          id: value, name: label,
+        }) => ({
+          label,
+          value,
         }));
       },
     },
-    apiKey: {
-      type: "string",
-      label: "API Key",
-      description: "Your Poper API Key",
-      secret: true,
-    },
   },
   methods: {
-    // this.$auth contains connected account data
-    authKeys() {
-      console.log(Object.keys(this.$auth));
-    },
     _baseUrl() {
       return "https://api.poper.ai/general/v1";
     },
-    async _makeRequest(opts = {}) {
-      const {
-        $ = this,
-        method = "POST",
-        path = "/",
-        headers,
-        ...otherOpts
-      } = opts;
+    _data(data = {}) {
+      return {
+        ...data,
+        api_key: `${this.$auth.api_key}`,
+      };
+    },
+    _makeRequest({
+      $ = this, path, data, ...opts
+    }) {
       return axios($, {
-        ...otherOpts,
-        method,
+        method: "POST",
         url: this._baseUrl() + path,
         headers: {
-          ...headers,
           "Content-Type": "application/x-www-form-urlencoded",
         },
+        data: this._data(data),
+        ...opts,
       });
     },
-    async listPopups() {
+    listPopups() {
       return this._makeRequest({
         path: "/popup/list",
-        data: `api_key=${this.$auth.api_key}`,
       });
     },
-    async getPopupResponses({ poperId }) {
+    listPoperResponses(opts = {}) {
       return this._makeRequest({
         path: "/popup/responses",
-        data: `api_key=${this.$auth.api_key}&popup_id=${poperId}`,
-      });
-    },
-    async emitNewLeadEvent({ poperId }) {
-      const responses = await this.getPopupResponses({
-        poperId,
-      });
-      responses.responses.forEach((response) => {
-        this.$emit(response, {
-          summary: `New lead from Poper ID: ${poperId}`,
-          id: response.id,
-        });
+        ...opts,
       });
     },
   },

components/poper/sources/new-lead/new-lead.mjs

@@ -1,20 +1,22 @@
-import { axios } from "@pipedream/platform";
+import { DEFAULT_POLLING_SOURCE_TIMER_INTERVAL } from "@pipedream/platform";
 import poper from "../../poper.app.mjs";
+import sampleEmit from "./test-event.mjs";
 
 export default {
   key: "poper-new-lead",
   name: "New Lead from Poper Popup",
-  description: "Emit new event when a new lead is obtained from Poper popups. [See the documentation](https://help.poper.ai/portal/en/kb/articles/view-popup-responses)",
-  version: "0.0.{{ts}}",
+  description: "Emit new event when a new lead is obtained from Poper popups.",
+  version: "0.0.1",
   type: "source",
-  dedupe: "unique",
   props: {
     poper,
     db: "$.service.db",
     timer: {
+      label: "Polling interval",
+      description: "Pipedream will poll the Poper API on this schedule",
       type: "$.interface.timer",
       default: {
-        intervalSeconds: 60,
+        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
       },
     },
     poperId: {
@@ -25,48 +27,49 @@ export default {
     },
   },
   methods: {
-    _getLastLeadId() {
-      return this.db.get("lastLeadId");
+    _getLastId() {
+      return this.db.get("lastId") || 0;
     },
-    _setLastLeadId(id) {
-      this.db.set("lastLeadId", id);
+    _setLastId(lastId) {
+      this.db.set("lastId", lastId);
+    },
+    getParams() {
+      return {};
+    },
+    async startEvent(maxResults = 0) {
+      const lastId = this._getLastId();
+      const { responses } = await this.poper.listPoperResponses({
+        maxResults,
+        data: {
+          popup_id: this.poperId,
+        },
+      });
+
+      const filteredResponse = responses.filter((item) => item.id > lastId);
+
+      if (filteredResponse.length) {
+        if (maxResults && filteredResponse.length > maxResults) {
+          filteredResponse.length = maxResults;
+        }
+        this._setLastId(filteredResponse[0].id);
+      }
+
+      for (const item of filteredResponse.reverse()) {
+        this.$emit( item, {
+          id: item.id,
+          summary: `New lead with Id: ${item.id}`,
+          ts: Date.parse(item.time_stamp),
+        });
+      }
     },
   },
   hooks: {
     async deploy() {
-      await this.emitNewLeads();
-    },
-    async activate() {
-      await this.emitNewLeads();
-    },
-    async deactivate() {
-      // No specific deactivation logic required
+      await this.startEvent(25);
     },
   },
   async run() {
-    await this.emitNewLeads();
-  },
-  async emitNewLeads() {
-    const poperId = this.poperId;
-    const responses = await this.poper.getPopupResponses({
-      poperId,
-    });
-    const lastLeadId = this._getLastLeadId();
-    let newLastLeadId = lastLeadId;
-
-    for (const response of responses.responses) {
-      if (!lastLeadId || response.id > lastLeadId) {
-        this.$emit(response, {
-          summary: `New lead from Poper ID: ${poperId}`,
-          id: response.id,
-          ts: Date.now(),
-        });
-        newLastLeadId = response.id;
-      }
-    }
-
-    if (newLastLeadId !== lastLeadId) {
-      this._setLastLeadId(newLastLeadId);
-    }
+    await this.startEvent();
   },
+  sampleEmit,
 };

components/poper/sources/new-lead/test-event.mjs

@@ -0,0 +1,24 @@
+export default {
+  "id": 6625,
+  "popup_id": 1233,
+  "time_stamp": "2024-07-05T16:22:23.830Z",
+  "response": {
+    "email": "[email protected]"
+  },
+  "system": {
+    "page": "/",
+    "referrer": "https://site.com.br/wp-admin/admin.php?page=poper-settings",
+    "language": "pt-BR",
+    "os": "Windows",
+    "browser": "Chrome",
+    "ip": "123.456.78.90",
+    "city": "São Paulo",
+    "country": "BR",
+    "continent": "SA",
+    "latitude": "-22.123421",
+    "longitude": "-49.657476",
+    "postal_code": "05040001",
+    "region": "São Paulo",
+    "region_code": "SP"
+  }
+}