Upsert Row with PostgreSQL API on New Lead from Poper Popup from Poper API

Pipedream makes it easy to connect APIs for PostgreSQL, Poper and 2,400+ other apps remarkably fast.

Trigger workflow on

New Lead from Poper Popup from the Poper API

Next, do this

Upsert Row with the PostgreSQL API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Developers ♥ Pipedream

Getting Started#

This integration creates a workflow with a Poper trigger and PostgreSQL action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Lead from Poper Popup trigger
1. Connect your Poper account
2. Configure Polling interval
3. Select a Poper ID
Configure the Upsert Row action
1. Connect your PostgreSQL account
2. Select a Schema
3. Select a Table
4. Select a Conflict Target
5. Configure Row Values
Deploy the workflow
Send a test event to validate your setup
Turn on the trigger

Details#

This integration uses pre-built, source-available components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger#

New Lead from Poper Popup on Poper

Description:Emit new event when a new lead is obtained from Poper popups.

Version:0.0.1

Key:poper-new-lead

View on GitHub

Trigger Code#

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,
};

Trigger Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.

Label	Prop	Type	Description
Poper	`poper`	`app`	This component uses the Poper app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
Polling interval	`timer`	`$.interface.timer`	Pipedream will poll the Poper API on this schedule
Poper ID	`poperId`	`string`	Select a value from the drop down menu.

Trigger Authentication#

Poper uses API keys for authentication. When you connect your Poper account, Pipedream securely stores the keys so you can easily authenticate to Poper APIs in both code and no-code steps.

About Poper#

Boost your website's user engagement through smart, AI-driven popups.

Action#

Upsert Row on PostgreSQL

Description:Adds a new row or updates an existing row. [See the documentation](https://node-postgres.com/features/queries)

Version:2.0.6

Key:postgresql-upsert-row

View on GitHub

PostgreSQL Overview#

On Pipedream, you can leverage the PostgreSQL app to create workflows that automate database operations, synchronize data across platforms, and react to database events in real-time. Think handling new row entries, updating records from webhooks, or even compiling reports on a set schedule. Pipedream's serverless platform provides a powerful way to connect PostgreSQL with a variety of apps, enabling you to create tailored automation that fits your specific needs.

Action Code#

import postgresql from "../../postgresql.app.mjs";
import format from "pg-format";

export default {
  name: "Upsert Row",
  key: "postgresql-upsert-row",
  description: "Adds a new row or updates an existing row. [See the documentation](https://node-postgres.com/features/queries)",
  version: "2.0.6",
  type: "action",
  props: {
    postgresql,
    schema: {
      propDefinition: [
        postgresql,
        "schema",
      ],
    },
    table: {
      propDefinition: [
        postgresql,
        "table",
        (c) => ({
          schema: c.schema,
        }),
      ],
    },
    conflictTarget: {
      propDefinition: [
        postgresql,
        "column",
        (c) => ({
          table: c.table,
          schema: c.schema,
        }),
      ],
      label: "Conflict Target",
      description: "If insert fails, update the row with the same value in this column.",
    },
    rowValues: {
      propDefinition: [
        postgresql,
        "rowValues",
      ],
    },
  },
  methods: {
    /**
     * Upserts a row in a table.
     * @param {object} args - The parameters to the query.
     * @param {string} args.schema - The name of the schema.
     * @param {string} args.table - The name of the table.
     * @param {Array<string>} args.columns - The columns in which to insert values.
     * @param {Array<any>} args.values - The values to insert.
     * @param {string} args.conflictTarget - The column to use as the conflict target.
     * @returns {Promise<object>} A promise that resolves with the result of the query.
     * @throws {Error} Will throw an error if the query fails.
     */
    upsertRow({
      schema, table, columns, values, conflictTarget = "id",
    } = {}) {
      const placeholders = this.postgresql.getPlaceholders({
        values,
      });

      const updates = columns
        .filter((column) => column !== conflictTarget)
        .map((column) => `${column}=EXCLUDED.${column}`);

      const query = `
        INSERT INTO ${schema}.${table} (${columns})
          VALUES (${placeholders})
          ON CONFLICT (${conflictTarget})
          DO UPDATE SET ${updates}
          RETURNING *
      `;

      return this.postgresql.executeQuery({
        text: format(query, schema, table),
        values,
      });
    },
  },
  async run({ $ }) {
    const {
      upsertRow,
      rowValues,
      ...args
    } = this;

    const columns = Object.keys(rowValues);
    const values = Object.values(rowValues);

    try {
      const res = await upsertRow({
        columns,
        values,
        ...args,
      });
      const summary = res
        ? "Row upserted"
        : "Row not upserted";
      $.export("$summary", summary);
      return res;
    } catch (error) {
      let errorMsg = "Row not upserted due to an error. ";
      errorMsg += `${error}`.includes("SSL verification failed")
        ? "This could be because SSL verification failed. To resolve this, reconnect your account and set SSL Verification Mode: Skip Verification, and try again."
        : `${error}`;
      throw new Error(errorMsg);
    }
  },
};

Action Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

Label	Prop	Type	Description
PostgreSQL	`postgresql`	`app`	This component uses the PostgreSQL app.
Schema	`schema`	`string`	Select a value from the drop down menu.
Table	`table`	`string`	Select a value from the drop down menu.
Conflict Target	`conflictTarget`	`string`	Select a value from the drop down menu.
Row Values	`rowValues`	`object`	Enter the column names and respective values as key/value pairs, or with structured mode off as `{{{columnName:"columnValue"}}}`

Action Authentication#

PostgreSQL uses API keys for authentication. When you connect your PostgreSQL account, Pipedream securely stores the keys so you can easily authenticate to PostgreSQL APIs in both code and no-code steps.

Connecting to Restricted Databases

Either enable the shared static IP for this account below, or configure a VPC to deploy any workflow in your workspace to a private network with a dedicated static IP. Learn more in our docs.

SSL Setup

Configure SSL on your PostgreSQL database by providing the CA (Certificate Authority), and choosing between Full Verification, Verify Certificate Authority (CA), or Skip Verification. Skipping verification is not recommended as this has serious security implications.