Create Receipt with Loyverse API on New Webhook Event (Instant) from Supabase API

Pipedream makes it easy to connect APIs for Loyverse, Supabase and 2,000+ other apps remarkably fast.

Trigger workflow on

New Webhook Event (Instant) from the Supabase API

Next, do this

Create Receipt with the Loyverse API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

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

Developers ♥ Pipedream

Getting Started#

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

Select this integration
Configure the New Webhook Event (Instant) trigger
1. Connect your Supabase account
2. Configure Table
3. Optional- Configure Row Identifier
Configure the Create Receipt action
1. Connect your Loyverse account
2. Select a Store ID
3. Configure Line Items
4. Select a Payment Type ID
5. Optional- Select a Employee ID
6. Optional- Configure Order
7. Optional- Select a Customer ID
8. Optional- Configure Source
9. Optional- Configure Receipt Date
10. Optional- Configure Total Discounts
11. Optional- Configure Note
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 Webhook Event (Instant) on Supabase

Description:Emit new event for every `insert`, `update`, or `delete` operation in a table. This source requires user configuration using the Supabase website. More information in the README. [Also see documentation here](https://supabase.com/docs/guides/database/webhooks#creating-a-webhook)

Version:0.0.2

Key:supabase-new-webhook-event

View on GitHub

Supabase Overview#

Supabase is a real-time backend-as-a-service that provides developers with a suite of tools to quickly build and scale their applications. It offers database storage, authentication, instant APIs, and real-time subscriptions. With the Supabase API, you can perform CRUD operations on your database, manage users, and listen to database changes in real time. When integrated with Pipedream, you can automate workflows that react to these database events, synchronize data across multiple services, or streamline user management processes.

Trigger Code#

import base from "../common/base.mjs";
import constants from "../../common/constants.mjs";

export default {
  key: "supabase-new-webhook-event",
  name: "New Webhook Event (Instant)",
  description: "Emit new event for every `insert`, `update`, or `delete` operation in a table. This source requires user configuration using the Supabase website. More information in the README. [Also see documentation here](https://supabase.com/docs/guides/database/webhooks#creating-a-webhook)",
  version: "0.0.2",
  type: "source",
  props: {
    ...base.props,
    http: {
      type: "$.interface.http",
    },
  },
  hooks: {
    async deploy() {
      const client = await this.supabase._client();
      const query = client
        .from(this.table)
        .select()
        .range(0, constants.HISTORICAL_EVENT_LIMIT);
      const { data } = await query;
      for (const row of data) {
        this.$emit({
          record: row,
        }, {
          summary: "Historical row in table",
        });
      }
    },
  },
  async run(event) {
    const { body: data } = event;
    let summary = `New ${data.type} event in table`;
    if (data.record?.[this.rowIdentifier]) {
      summary = `${summary}: ${data.record[this.rowIdentifier]}`;
    }
    this.$emit(data, {
      summary,
    });
  },
};

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
Supabase	`supabase`	`app`	This component uses the Supabase app.
Table	`table`	`string`	The name of the table to watch for new rows
Row Identifier	`rowIdentifier`	`string`	The column name to use as the row identifier
N/A	`http`	`$.interface.http`	This component uses `$.interface.http` to generate a unique URL when the component is first instantiated. Each request to the URL will trigger the `run()` method of the component.

Trigger Authentication#

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

Supabase provides a Service Key to get started. You can find the service_role in the API Settings page.

Finding the Supabase subdomain

About Supabase#

Supabase is an open source Firebase alternative.

Action#

Create Receipt on Loyverse

Description:Creates a new receipt for a specific store. [See the documentation](https://developer.loyverse.com/docs/#tag/Receipts/paths/~1receipts/post)

Version:0.0.1

Key:loyverse-create-receipt

View on GitHub

Loyverse Overview#

The Loyverse API provides a suite of functions to access and manage the data for businesses using the Loyverse platform, which includes point of sale, inventory management, employee management, and analytics. With Pipedream, you can create automated workflows that trigger on new events from Loyverse, like a new sale, or that perform operations in Loyverse, like creating a new item in your inventory. By connecting Loyverse to other apps via Pipedream, you can sync data across platforms, get real-time notifications, and streamline operations.

Action Code#

import loyverse from "../../loyverse.app.mjs";
import { parseAsJSON } from "../../common/utils.mjs";

export default {
  key: "loyverse-create-receipt",
  name: "Create Receipt",
  description: "Creates a new receipt for a specific store. [See the documentation](https://developer.loyverse.com/docs/#tag/Receipts/paths/~1receipts/post)",
  version: "0.0.1",
  type: "action",
  props: {
    loyverse,
    storeId: {
      propDefinition: [
        loyverse,
        "storeId",
      ],
    },
    lineItems: {
      type: "string[]",
      label: "Line Items",
      description: "[An array of JSON-stringified objects](https://developer.loyverse.com/docs/#tag/Receipts/paths/~1receipts/post). You can use the **Generate Receipt Items** action to generate these items.",
    },
    paymentTypeId: {
      propDefinition: [
        loyverse,
        "paymentTypeId",
      ],
    },
    employeeId: {
      propDefinition: [
        loyverse,
        "employeeId",
      ],
    },
    order: {
      type: "string",
      label: "Order",
      description: "The order name or number associated with the receipt",
      optional: true,
    },
    customerId: {
      propDefinition: [
        loyverse,
        "customerId",
      ],
      description: "Select a customer or provide a customer ID.",
    },
    source: {
      type: "string",
      label: "Source",
      description: "The name of the source this receipt comes from. By default it is the name of the application that created the receipt.",
      optional: true,
    },
    receiptDate: {
      type: "string",
      label: "Receipt Date",
      description: "A date/time string such as `2022-03-15T18:30:00Z`. By default, this is the date/time the receipt was created.",
      optional: true,
    },
    totalDiscounts: {
      type: "string[]",
      label: "Total Discounts",
      description: "The list of all discounts applied in the receipt, as JSON-stringified objects. [See the documentation](https://developer.loyverse.com/docs/#tag/Receipts/paths/~1receipts/post) for the expected properties.",
      optional: true,
    },
    note: {
      type: "string",
      label: "Note",
      description: "The receipt's note",
      optional: true,
    },
  },
  async run({ $ }) {
    const {
      lineItems, totalDiscounts,
    } = this;
    const discounts = totalDiscounts?.map?.(parseAsJSON);
    const response = await this.loyverse.createReceipt({
      $,
      data: {
        store_id: this.storeId,
        line_items: lineItems.map?.(parseAsJSON) ?? JSON.parse(lineItems),
        payments: [
          {
            payment_type_id: this.paymentTypeId,
          },
        ],
        employee_id: this.employeeId,
        order: this.order,
        customer_id: this.customerId,
        source: this.source,
        receipt_date: this.receiptDate,
        total_discounts: discounts ?? (totalDiscounts && JSON.parse(totalDiscounts)),
        note: this.note,
      },
    });
    $.export("$summary", `Successfully created receipt with number ${response.receipt_number}`);
    return response;
  },
};

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
Loyverse	`loyverse`	`app`	This component uses the Loyverse app.
Store ID	`storeId`	`string`	Select a value from the drop down menu.
Line Items	`lineItems`	`string[]`	An array of JSON-stringified objects. You can use the Generate Receipt Items action to generate these items.
Payment Type ID	`paymentTypeId`	`string`	Select a value from the drop down menu.
Employee ID	`employeeId`	`string`	Select a value from the drop down menu.
Order	`order`	`string`	The order name or number associated with the receipt
Customer ID	`customerId`	`string`	Select a value from the drop down menu.
Source	`source`	`string`	The name of the source this receipt comes from. By default it is the name of the application that created the receipt.
Receipt Date	`receiptDate`	`string`	A date/time string such as `2022-03-15T18:30:00Z`. By default, this is the date/time the receipt was created.
Total Discounts	`totalDiscounts`	`string[]`	The list of all discounts applied in the receipt, as JSON-stringified objects. See the documentation for the expected properties.
Note	`note`	`string`	The receipt's note

Action Authentication#

Loyverse uses OAuth authentication. When you connect your Loyverse account, Pipedream will open a popup window where you can sign into Loyverse and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Loyverse API.

Pipedream requests the following authorization scopes when you connect your account:

CUSTOMERS_READCUSTOMERS_WRITEEMPLOYEES_READITEMS_READINVENTORY_WRITEPAYMENT_TYPES_READRECEIPTS_READRECEIPTS_WRITESTORES_READMERCHANT_READ

About Loyverse#

Point of Sale and Inventory Management Platform for Small & Medium Businesses.

More Ways to Connect Loyverse + Supabase#

Other Popular Integrations#

Generate Receipt Items with Loyverse API on New Row Added from Supabase API

Supabase + Loyverse

Create Receipt with Loyverse API on New Webhook Event (Instant) from Supabase API

Pipedream makes it easy to connect APIs for Loyverse, Supabase and 2,000+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-24of2,000+apps by most popular

1
-
24
of
2,000+
apps by most popular