New Components - poper (#12742)

* poper init

* [Components] poper #12738
Sources
 - New Lead

* pnpm update

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

Co-authored-by: michelle0927 <[email protected]>

---------

Co-authored-by: michelle0927 <[email protected]>

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

@@ -1,11 +1,57 @@
+import { axios } from "@pipedream/platform";
+
 export default {
   type: "app",
   app: "poper",
-  propDefinitions: {},
+  propDefinitions: {
+    poperId: {
+      type: "string",
+      label: "Poper ID",
+      description: "The ID of the Poper popup",
+      async options() {
+        const { popups } = await this.listPopups();
+        return popups.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.poper.ai/general/v1";
+    },
+    _data(data = {}) {
+      return {
+        ...data,
+        api_key: `${this.$auth.api_key}`,
+      };
+    },
+    _makeRequest({
+      $ = this, path, data, ...opts
+    }) {
+      return axios($, {
+        method: "POST",
+        url: this._baseUrl() + path,
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded",
+        },
+        data: this._data(data),
+        ...opts,
+      });
+    },
+    listPopups() {
+      return this._makeRequest({
+        path: "/popup/list",
+      });
+    },
+    listPoperResponses(opts = {}) {
+      return this._makeRequest({
+        path: "/popup/responses",
+        ...opts,
+      });
     },
   },
-};
+};

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

@@ -0,0 +1,74 @@
+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.",
+  version: "0.0.1",
+  type: "source",
+  props: {
+    poper,
+    db: "$.service.db",
+    timer: {
+      label: "Polling interval",
+      description: "Pipedream will poll the Poper API on this schedule",
+      type: "$.interface.timer",
+      default: {
+        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
+      },
+    },
+    poperId: {
+      propDefinition: [
+        poper,
+        "poperId",
+      ],
+    },
+  },
+  methods: {
+    _getLastId() {
+      return this.db.get("lastId") || 0;
+    },
+    _setLastId(lastId) {
+      this.db.set("lastId", lastId);
+    },
+    getParams() {
+      return {};
+    },
+    async startEvent(maxResults = 0) {
+      const lastId = this._getLastId();
+      const { responses } = await this.poper.listPoperResponses({
+        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.startEvent(25);
+    },
+  },
+  async run() {
+    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"
+  }
+}