diff --git a/components/alegra/actions/create-contact/create-contact.mjs b/components/alegra/actions/create-contact/create-contact.mjs
new file mode 100644
index 0000000000000..7dedc816f1e1c
--- /dev/null
+++ b/components/alegra/actions/create-contact/create-contact.mjs
@@ -0,0 +1,172 @@
+import alegra from "../../alegra.app.mjs";
+import {
+  STATUS_OPTIONS,
+  TYPE_OPTIONS,
+} from "../../common/constants.mjs";
+import { parseObject } from "../../common/utils.mjs";
+
+export default {
+  key: "alegra-create-contact",
+  name: "Create Contact",
+  description: "Adds a new contact to Alegra. [See the documentation](https://developer.alegra.com/reference/post_contacts).",
+  version: "0.0.1",
+  type: "action",
+  props: {
+    alegra,
+    name: {
+      type: "string",
+      label: "Name",
+      description: "Name of the contact",
+    },
+    identification: {
+      type: "string",
+      label: "Identification",
+      description: "Identification of the contact",
+      optional: true,
+    },
+    address: {
+      type: "string",
+      label: "Address",
+      description: "Address of the contact",
+      optional: true,
+    },
+    city: {
+      type: "string",
+      label: "City",
+      description: "City of the contact",
+      optional: true,
+    },
+    phonePrimary: {
+      type: "string",
+      label: "Primary Phone",
+      description: "Primary phone number of the contact",
+      optional: true,
+    },
+    phoneSecondary: {
+      type: "string",
+      label: "Secondary Phone",
+      description: "Secondary phone number of the contact",
+      optional: true,
+    },
+    mobile: {
+      type: "string",
+      label: "Mobile",
+      description: "Mobile phone number of the contact",
+      optional: true,
+    },
+    email: {
+      type: "string",
+      label: "Email",
+      description: "Email of the contact",
+      optional: true,
+    },
+    type: {
+      type: "string",
+      label: "Type",
+      description: "Type of the contact",
+      options: TYPE_OPTIONS,
+      optional: true,
+    },
+    status: {
+      type: "string",
+      label: "Status",
+      description: "Status of the contact",
+      options: STATUS_OPTIONS,
+      optional: true,
+    },
+    fax: {
+      type: "string",
+      label: "Fax",
+      description: "Fax number of the contact",
+      optional: true,
+    },
+    debtToPay: {
+      propDefinition: [
+        alegra,
+        "debtToPay",
+      ],
+      optional: true,
+    },
+    accountReceivable: {
+      propDefinition: [
+        alegra,
+        "debtToPay",
+      ],
+      label: "Account Receivable",
+      description: "Id of the account receivable associated with the contact",
+      optional: true,
+    },
+    internalContacts: {
+      type: "string[]",
+      label: "Internal Contacts",
+      description: "A list of objects of internal contacts related to the contact. **Example: [ { name: \"John Doe\", email: \"john@email.com\"}]**. [See the documentation](https://developer.alegra.com/reference/post_contacts) for further information.",
+      optional: true,
+    },
+    ignoreRepeated: {
+      type: "boolean",
+      label: "Ignore Repeated",
+      description: "Ignore repeated contacts",
+      optional: true,
+    },
+    statementAttached: {
+      type: "boolean",
+      label: "Statement Attached",
+      description: "Indicates whether to include a statement for the contact",
+      optional: true,
+    },
+    seller: {
+      propDefinition: [
+        alegra,
+        "seller",
+      ],
+      optional: true,
+    },
+    priceList: {
+      propDefinition: [
+        alegra,
+        "priceList",
+      ],
+      optional: true,
+    },
+    term: {
+      propDefinition: [
+        alegra,
+        "term",
+      ],
+      optional: true,
+    },
+  },
+  async run({ $ }) {
+    const {
+      alegra,
+      city,
+      address,
+      debtToPay,
+      accountReceivable,
+      internalContacts,
+      statementAttached,
+      ...data
+    } = this;
+
+    const response = await alegra.createContact({
+      $,
+      data: {
+        ...data,
+        address: {
+          city,
+          address,
+        },
+        accounting: {
+          debtToPay,
+          accountReceivable,
+        },
+        internalContacts: parseObject(internalContacts),
+        statementAttached: statementAttached
+          ? "yes"
+          : "no",
+      },
+    });
+    $.export("$summary", `Created contact with ID ${response.id}`);
+    return response;
+  },
+};
diff --git a/components/alegra/actions/create-invoice/create-invoice.mjs b/components/alegra/actions/create-invoice/create-invoice.mjs
new file mode 100644
index 0000000000000..909d4294b1f9b
--- /dev/null
+++ b/components/alegra/actions/create-invoice/create-invoice.mjs
@@ -0,0 +1,193 @@
+import { ConfigurationError } from "@pipedream/platform";
+import alegra from "../../alegra.app.mjs";
+import {
+  INVOICE_STATUS_OPTIONS, PERIODICITY_OPTIONS,
+} from "../../common/constants.mjs";
+import { parseObject } from "../../common/utils.mjs";
+
+export default {
+  key: "alegra-create-invoice",
+  name: "Create Invoice",
+  description: "Creates a new invoice in Alegra. [See the documentation](https://developer.alegra.com/reference/post_invoices)",
+  version: "0.0.1",
+  type: "action",
+  props: {
+    alegra,
+    status: {
+      type: "string",
+      label: "Status",
+      description: "Status of the invoice. If this attribute is not sent and no associated payments are sent, the invoice is created in \"draft\". If payments are sent to the invoice, the invoice is created in \"open\".",
+      options: INVOICE_STATUS_OPTIONS,
+      optional: true,
+    },
+    numberTemplateId: {
+      type: "string",
+      label: "Number Template ID",
+      description: "Number template ID for the invoice. You can use this to automatically numbering.",
+      optional: true,
+    },
+    numberTemplatePrefix: {
+      type: "string",
+      label: "Number Template Prefix",
+      description: "Number template prefix for the invoice. Send in case the numbering is manual. (Optional)",
+      optional: true,
+    },
+    numberTemplateNumber: {
+      type: "string",
+      label: "Number Template Number",
+      description: "Number template number for the invoice. Send in case the numbering is manual. (Required)",
+      optional: true,
+    },
+    items: {
+      type: "string[]",
+      label: "Items",
+      description: "Array of item objects (products/services) associated with the invoice. **Example: [{\"id\": \"123\", \"name\": \"Name\", \"price\": \"12.00\", \"quantity\": \"2\"}]**. [See the documentation](https://developer.alegra.com/reference/post_invoices) for further information.",
+    },
+    payments: {
+      type: "string[]",
+      label: "Payments",
+      description: "Array of objects indicating the payments made to the invoice. **Example: [{\"date\": \"YYYY-MM-DD\", \"account\": \"123123\", \"amount\": \"10,00\"}]**. [See the documentation](https://developer.alegra.com/reference/post_invoices) for further information.",
+      optional: true,
+    },
+    estimate: {
+      type: "string",
+      label: "Estimate",
+      description: "Specifies the identifier of the quote you want to associate with the sales invoice, in this way, the quote is invoiced and the items specified in the items parameter are associated, not those in the quote.",
+      optional: true,
+    },
+    termsConditions: {
+      type: "string",
+      label: "Terms and Conditions",
+      description: "Terms and conditions of the invoice. Maximum allowed length: 500.",
+      optional: true,
+    },
+    annotation: {
+      type: "string",
+      label: "Annotation",
+      description: "Invoice notes, visible in the PDF or printed document. Maximum allowed length: 500.",
+      optional: true,
+    },
+    dueDate: {
+      type: "string",
+      label: "Due Date",
+      description: "Invoice due date. Format yyyy-MM-dd.",
+    },
+    date: {
+      type: "string",
+      label: "Date",
+      description: "Invoice date. Format yyyy-MM-dd.",
+    },
+    observations: {
+      type: "string",
+      label: "Observations",
+      description: "Invoice observations (not visible in the PDF or printed document). Maximum allowed length: 500.",
+      optional: true,
+    },
+    client: {
+      propDefinition: [
+        alegra,
+        "client",
+      ],
+    },
+    seller: {
+      propDefinition: [
+        alegra,
+        "seller",
+      ],
+      description: "Seller associated with the invoice.",
+      optional: true,
+    },
+    pricelist: {
+      propDefinition: [
+        alegra,
+        "priceList",
+      ],
+      description: "Price list associated with the invoice",
+      optional: true,
+    },
+    currency: {
+      type: "object",
+      label: "Currency",
+      description: "Object that includes the information of the currency and exchange rate associated with the invoice. It should only be included if the company has the multi-currency functionality active and has configured the selected currency. It must include the currency code (three letters according to ISO) and the exchange rate.",
+      optional: true,
+    },
+    retentions: {
+      type: "string[]",
+      label: "Retentions",
+      description: "Array of retention objects indicating the retentions of the sales invoice. **Example: [{\"id\": \"123123\", \"amount\": 10}]**. [See the documentation](https://developer.alegra.com/reference/post_invoices) for further information.",
+      optional: true,
+    },
+    warehouse: {
+      propDefinition: [
+        alegra,
+        "warehouse",
+      ],
+      optional: true,
+    },
+    remissions: {
+      type: "string[]",
+      label: "Remissions",
+      description: "Array of identifiers of the remissions to be invoiced, you can associate one or more remissions by simply indicating the id of each one in an array. The client of the remissions and the sales invoice must be the same. Only open remissions can be invoiced. In this way, the items of each remission will be invoiced, and you can also specify other items with the items parameter. **Example: [{\"id\": 123, \"items\": [{\"id\": 123}], }]**.  [See the documentation](https://developer.alegra.com/reference/post_invoices) for further information.",
+      optional: true,
+    },
+    costCenter: {
+      propDefinition: [
+        alegra,
+        "costCenter",
+      ],
+      optional: true,
+    },
+    comments: {
+      type: "string[]",
+      label: "Comments",
+      description: "Array of strings with each of the comments to be associated. Comments can be updated even if the sales invoice cannot be edited.",
+      optional: true,
+    },
+    periodicity: {
+      type: "string",
+      label: "Periodicity",
+      description: "Indicates the periodicity of the payments of the invoice installments. If you want to issue the invoice, the payment method is on credit this attribute becomes mandatory.",
+      options: PERIODICITY_OPTIONS,
+      optional: true,
+    },
+  },
+  async run({ $ }) {
+    try {
+      const invoice = await this.alegra.generateInvoice({
+        $,
+        data: {
+          status: this.status,
+          numberTemplate: {
+            id: this.numberTemplateId,
+            prefix: this.numberTemplatePrefix,
+            number: this.numberTemplateNumber,
+          },
+          items: parseObject(this.items),
+          payments: parseObject(this.payments),
+          estimate: this.estimate,
+          termsConditions: this.termsConditions,
+          annotation: this.annotation,
+          dueDate: this.dueDate,
+          date: this.date,
+          observations: this.observations,
+          client: {
+            id: this.client,
+          },
+          seller: this.seller,
+          pricelist: this.pricelist,
+          currency: parseObject(this.currency),
+          retentions: parseObject(this.retentions),
+          warehouse: this.warehouse,
+          remissions: parseObject(this.remissions),
+          costCenter: this.costCenter,
+          comments: parseObject(this.comments),
+          periodicity: this.periodicity,
+        },
+      });
+      $.export("$summary", `Created invoice with ID ${invoice.id}`);
+      return invoice;
+    } catch (e) {
+      throw new ConfigurationError(e.response.data.message);
+    }
+  },
+};
diff --git a/components/alegra/actions/find-contact/find-contact.mjs b/components/alegra/actions/find-contact/find-contact.mjs
new file mode 100644
index 0000000000000..ec0e2dee1bf75
--- /dev/null
+++ b/components/alegra/actions/find-contact/find-contact.mjs
@@ -0,0 +1,29 @@
+import alegra from "../../alegra.app.mjs";
+
+export default {
+  key: "alegra-find-contact",
+  name: "Find Contact",
+  description: "Search for an existing contact in Alegra based on name or identification. [See the documentation](https://developer.alegra.com/reference/listcontacts-1)",
+  version: "0.0.1",
+  type: "action",
+  props: {
+    alegra,
+    query: {
+      propDefinition: [
+        alegra,
+        "query",
+      ],
+    },
+  },
+  async run({ $ }) {
+    const response = await this.alegra.searchContact({
+      $,
+      params: {
+        query: this.query,
+      },
+    });
+
+    $.export("$summary", `Found ${response.length} contact(s) matching your query`);
+    return response;
+  },
+};
diff --git a/components/alegra/alegra.app.mjs b/components/alegra/alegra.app.mjs
index 94de318ca6c35..77631f7fb376c 100644
--- a/components/alegra/alegra.app.mjs
+++ b/components/alegra/alegra.app.mjs
@@ -1,11 +1,245 @@
+import { axios } from "@pipedream/platform";
+import { LIMIT } from "./common/constants.mjs";
+
 export default {
   type: "app",
   app: "alegra",
-  propDefinitions: {},
+  propDefinitions: {
+    seller: {
+      type: "string",
+      label: "Seller",
+      description: "Seller associated with the contact",
+      async options({ page }) {
+        const data = await this.getSellers({
+          params: {
+            start: LIMIT * page,
+            limit: LIMIT,
+            status: "active",
+          },
+        });
+        return data.map(({
+          id: value, name: label,
+        }) => ({
+          label,
+          value,
+        }));
+      },
+    },
+    priceList: {
+      type: "string",
+      label: "Price List",
+      description: "Price list associated with the contact",
+      async options({ page }) {
+        const data = await this.getPriceLists({
+          params: {
+            start: LIMIT * page,
+            limit: LIMIT,
+          },
+        });
+        return data.map(({
+          id: value, name: label,
+        }) => ({
+          label,
+          value,
+        }));
+      },
+    },
+    term: {
+      type: "string",
+      label: "Term",
+      description: "Payment terms associated with the contact",
+      async options({ page }) {
+        const data = await this.getTerms({
+          params: {
+            start: LIMIT * page,
+            limit: LIMIT,
+          },
+        });
+        return data.map(({
+          id: value, name: label,
+        }) => ({
+          label,
+          value,
+        }));
+      },
+    },
+    debtToPay: {
+      type: "integer",
+      label: "Debt to Pay",
+      description: "The Id of the debt to pay for the contact",
+      async options({ page }) {
+        const data = await this.getAccountingAccounts({
+          params: {
+            start: LIMIT * page,
+            limit: LIMIT,
+          },
+        });
+        return data.map(({
+          id, name: label,
+        }) => ({
+          label,
+          value: parseInt(id),
+        }));
+      },
+    },
+    query: {
+      type: "string",
+      label: "Query",
+      description: "Search query for contacting (email, phone, or name)",
+    },
+    client: {
+      type: "integer",
+      label: "Client",
+      description: "Client associated with the invoice",
+      async options({ page }) {
+        const data = await this.searchContact({
+          params: {
+            start: LIMIT * page,
+            limit: LIMIT,
+            type: "client",
+          },
+        });
+
+        return data.map(({
+          id, name: label,
+        }) => ({
+          label,
+          value: parseInt(id),
+        }));
+      },
+    },
+    warehouse: {
+      type: "string",
+      label: "Warehouse",
+      description: "Warehouse associated with the invoice",
+      async options({ page }) {
+        const data = await this.getWarehouses({
+          params: {
+            start: LIMIT * page,
+            limit: LIMIT,
+          },
+        });
+
+        return data.map(({
+          id: value, name: label,
+        }) => ({
+          label,
+          value,
+        }));
+      },
+    },
+    costCenter: {
+      type: "string",
+      label: "Cost Center",
+      description: "Cost center associated with the invoice",
+      async options({ page }) {
+        const data = await this.getCostCenters({
+          params: {
+            start: LIMIT * page,
+            limit: LIMIT,
+          },
+        });
+
+        return data.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.alegra.com/api/v1";
+    },
+    _auth() {
+      return {
+        username: this.$auth.user_email,
+        password: this.$auth.access_token,
+      };
+    },
+    _makeRequest({
+      $ = this, path, ...opts
+    }) {
+      return axios($, {
+        url: this._baseUrl() + path,
+        auth: this._auth(),
+        headers: {
+          "Accept": "application/json",
+          "Content-Type": "application/json",
+        },
+        ...opts,
+      });
+    },
+    createContact(opts = {}) {
+      return this._makeRequest({
+        method: "POST",
+        path: "/contacts",
+        ...opts,
+      });
+    },
+    generateInvoice(opts = {}) {
+      return this._makeRequest({
+        method: "POST",
+        path: "/invoices",
+        ...opts,
+      });
+    },
+    searchContact(opts = {}) {
+      return this._makeRequest({
+        path: "/contacts",
+        ...opts,
+      });
+    },
+    getSellers(opts = {}) {
+      return this._makeRequest({
+        path: "/sellers",
+        ...opts,
+      });
+    },
+    getPriceLists(opts = {}) {
+      return this._makeRequest({
+        path: "/price-lists",
+        ...opts,
+      });
+    },
+    getTerms(opts = {}) {
+      return this._makeRequest({
+        path: "/terms",
+        ...opts,
+      });
+    },
+    getAccountingAccounts(opts = {}) {
+      return this._makeRequest({
+        path: "/categories",
+        ...opts,
+      });
+    },
+    getWarehouses(opts = {}) {
+      return this._makeRequest({
+        path: "/warehouses",
+        ...opts,
+      });
+    },
+    getCostCenters(opts = {}) {
+      return this._makeRequest({
+        path: "/cost-centers",
+        ...opts,
+      });
+    },
+    createWebhook(opts = {}) {
+      return this._makeRequest({
+        method: "POST",
+        path: "/webhooks/subscriptions",
+        ...opts,
+      });
+    },
+    deleteWebhook(webhookId) {
+      return this._makeRequest({
+        method: "DELETE",
+        path: `/webhooks/subscriptions/${webhookId}`,
+      });
     },
   },
 };
diff --git a/components/alegra/common/constants.mjs b/components/alegra/common/constants.mjs
new file mode 100644
index 0000000000000..fd6248d1442d4
--- /dev/null
+++ b/components/alegra/common/constants.mjs
@@ -0,0 +1,25 @@
+export const LIMIT = 30;
+
+export const TYPE_OPTIONS = [
+  "client",
+  "provider",
+];
+
+export const STATUS_OPTIONS = [
+  "active",
+  "inactive",
+];
+
+export const INVOICE_STATUS_OPTIONS = [
+  "draft",
+  "open",
+];
+
+export const PERIODICITY_OPTIONS = [
+  "BIWEEKLY",
+  "MONTHLY",
+  "BIMONTHLY",
+  "QUARTERLY",
+  "SEMIANNUALLY",
+  "MANUAL",
+];
diff --git a/components/alegra/common/utils.mjs b/components/alegra/common/utils.mjs
new file mode 100644
index 0000000000000..dcc9cc61f6f41
--- /dev/null
+++ b/components/alegra/common/utils.mjs
@@ -0,0 +1,24 @@
+export const parseObject = (obj) => {
+  if (!obj) return undefined;
+
+  if (Array.isArray(obj)) {
+    return obj.map((item) => {
+      if (typeof item === "string") {
+        try {
+          return JSON.parse(item);
+        } catch (e) {
+          return item;
+        }
+      }
+      return item;
+    });
+  }
+  if (typeof obj === "string") {
+    try {
+      return JSON.parse(obj);
+    } catch (e) {
+      return obj;
+    }
+  }
+  return obj;
+};
diff --git a/components/alegra/package.json b/components/alegra/package.json
new file mode 100644
index 0000000000000..b60563d76c3bf
--- /dev/null
+++ b/components/alegra/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "@pipedream/alegra",
+  "version": "0.1.0",
+  "description": "Pipedream Alegra Components",
+  "main": "alegra.app.mjs",
+  "keywords": [
+    "pipedream",
+    "alegra"
+  ],
+  "homepage": "https://pipedream.com/apps/alegra",
+  "author": "Pipedream <support@pipedream.com> (https://pipedream.com/)",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@pipedream/platform": "^3.0.3"
+  }
+}
diff --git a/components/alegra/sources/common/base.mjs b/components/alegra/sources/common/base.mjs
new file mode 100644
index 0000000000000..694f1d364c895
--- /dev/null
+++ b/components/alegra/sources/common/base.mjs
@@ -0,0 +1,48 @@
+import alegra from "../../alegra.app.mjs";
+
+export default {
+  props: {
+    alegra,
+    http: "$.interface.http",
+    db: "$.service.db",
+  },
+  methods: {
+    _getHookId() {
+      return this.db.get("hookId");
+    },
+    _setHookId(hookId) {
+      this.db.set("hookId", hookId);
+    },
+    getExtraData() {
+      return {};
+    },
+  },
+  hooks: {
+    async activate() {
+      const { subscription } = await this.alegra.createWebhook({
+        data: {
+          url: this.http.endpoint.split("https://")[1],
+          event: this.getEventType(),
+        },
+      });
+      this._setHookId(subscription.id);
+    },
+    async deactivate() {
+      const webhookId = this._getHookId();
+      await this.alegra.deleteWebhook(webhookId);
+    },
+  },
+  async run({ body }) {
+    if (!body.message) return;
+
+    const ts = Date.parse(new Date());
+    const message = body.message;
+    const model = message.client || message.item || message.invoice;
+
+    this.$emit(body, {
+      id: model.id,
+      summary: this.getSummary(message),
+      ts: ts,
+    });
+  },
+};
diff --git a/components/alegra/sources/new-client-instant/new-client-instant.mjs b/components/alegra/sources/new-client-instant/new-client-instant.mjs
new file mode 100644
index 0000000000000..80430f82ad44a
--- /dev/null
+++ b/components/alegra/sources/new-client-instant/new-client-instant.mjs
@@ -0,0 +1,22 @@
+import common from "../common/base.mjs";
+import sampleEmit from "./test-event.mjs";
+
+export default {
+  ...common,
+  key: "alegra-new-client-instant",
+  name: "New Client Created (Instant)",
+  description: "Emit new event when a new client is created.",
+  version: "0.0.1",
+  type: "source",
+  dedupe: "unique",
+  methods: {
+    ...common.methods,
+    getEventType() {
+      return "new-client";
+    },
+    getSummary({ client }) {
+      return `New client created: ${client.email} - (${client.email})`;
+    },
+  },
+  sampleEmit,
+};
diff --git a/components/alegra/sources/new-client-instant/test-event.mjs b/components/alegra/sources/new-client-instant/test-event.mjs
new file mode 100644
index 0000000000000..00230042d7306
--- /dev/null
+++ b/components/alegra/sources/new-client-instant/test-event.mjs
@@ -0,0 +1,31 @@
+export default {
+  "subject": "new-client",
+  "message": {
+    "client": {
+      "id": "774",
+      "name": {
+        "firstName": "Primer Nombre",
+        "secondName": "Segundo Nombre",
+        "lastName": "Primer Apellido",
+        "secondLastName": "Segundo Apellido"
+      },
+      "phonePrimary": "+432432234",
+      "phoneSecondary": "+534234523",
+      "mobile": "+443242323123",
+      "email": "uncorreo@correo.com",
+      "type": [
+        "client",
+        "provider"
+      ],
+      "fax": "unFax",
+      "identification": "3211233",
+      "address": {
+        "zipCode": "050013",
+        "department": "Antioquia",
+        "country": "Colombia",
+        "address": "Una Dirección",
+        "city": "Abriaquí"
+      }
+    }
+  }
+}
diff --git a/components/alegra/sources/new-invoice-instant/new-invoice-instant.mjs b/components/alegra/sources/new-invoice-instant/new-invoice-instant.mjs
new file mode 100644
index 0000000000000..0dd0fac77c14f
--- /dev/null
+++ b/components/alegra/sources/new-invoice-instant/new-invoice-instant.mjs
@@ -0,0 +1,22 @@
+import common from "../common/base.mjs";
+import sampleEmit from "./test-event.mjs";
+
+export default {
+  ...common,
+  key: "alegra-new-invoice-instant",
+  name: "New Invoice Created (Instant)",
+  description: "Emit new event when a new invoice is created.",
+  version: "0.0.1",
+  type: "source",
+  dedupe: "unique",
+  methods: {
+    ...common.methods,
+    getEventType() {
+      return "new-invoice";
+    },
+    getSummary({ invoice }) {
+      return `New invoice created: ${invoice.id}`;
+    },
+  },
+  sampleEmit,
+};
diff --git a/components/alegra/sources/new-invoice-instant/test-event.mjs b/components/alegra/sources/new-invoice-instant/test-event.mjs
new file mode 100644
index 0000000000000..144db0d0b0f84
--- /dev/null
+++ b/components/alegra/sources/new-invoice-instant/test-event.mjs
@@ -0,0 +1,49 @@
+export default {
+  "subject": "new-invoice",
+  "message": {
+    "invoice": {
+      "id": "123",
+      "date": "2024-06-18",
+      "dueDate": "2024-06-18",
+      "observations": "Notas de facturas de capacitación",
+      "anotation": "Notas de facturas de capacitación",
+      "status": "open",
+      "client": {
+        "id": "123"
+      },
+      "numberTemplate": {
+        "id": "123"
+      },
+      "seller": {
+        "id": "123"
+      },
+      "total": 1190,
+      "totalPaid": 0,
+      "balance": 1190,
+      "decimalPrecision": "0",
+      "estimate": {
+        "id": "123"
+      },
+      "costCenter": {
+        "id": "123"
+      },
+      "items": [
+        {
+          "name": "cédula digital / Option 2",
+          "description": "Descripción del Item",
+          "reference": "123321",
+          "price": 1000,
+          "quantity": 1,
+          "tax": [
+            {
+              "id": "123"
+            }
+          ],
+          "remission": {
+            "id": "123"
+          }
+        }
+      ]
+    }
+  }
+}
diff --git a/components/alegra/sources/new-item-instant/new-item-instant.mjs b/components/alegra/sources/new-item-instant/new-item-instant.mjs
new file mode 100644
index 0000000000000..6e3fdc2d89f7a
--- /dev/null
+++ b/components/alegra/sources/new-item-instant/new-item-instant.mjs
@@ -0,0 +1,22 @@
+import common from "../common/base.mjs";
+import sampleEmit from "./test-event.mjs";
+
+export default {
+  ...common,
+  key: "alegra-new-item-instant",
+  name: "New Item Added (Instant)",
+  description: "Emit new event each time a new item is added.",
+  version: "0.0.1",
+  type: "source",
+  dedupe: "unique",
+  methods: {
+    ...common.methods,
+    getEventType() {
+      return "new-item";
+    },
+    getSummary({ item }) {
+      return `New item added: ${item.name}`;
+    },
+  },
+  sampleEmit,
+};
diff --git a/components/alegra/sources/new-item-instant/test-event.mjs b/components/alegra/sources/new-item-instant/test-event.mjs
new file mode 100644
index 0000000000000..45fdcfacf010d
--- /dev/null
+++ b/components/alegra/sources/new-item-instant/test-event.mjs
@@ -0,0 +1,55 @@
+export default {
+  "subject": "new-item",
+  "message": {
+    "item": {
+      "id": "865",
+      "name": "Un Ítem / S",
+      "description": "Descripción del Item",
+      "reference": "423424134213",
+      "itemCategory": {
+        "id": "19"
+      },
+      "price": [
+        {
+          "id": "123",
+          "price": 1
+        },
+        {
+          "id": "124",
+          "price": 2
+        }
+      ],
+      "inventory": {
+        "unit": "unit",
+        "availableQuantity": 1,
+        "unitCost": 1,
+        "initialQuantity": 1,
+        "warehouses": [
+          {
+            "id": "10"
+          }
+        ]
+      },
+      "category": {
+        "id": "234"
+      },
+      "tax": [],
+      "status": "active",
+      "customFields": [
+        {
+          "id": "6"
+        },
+        {
+          "id": "5"
+        },
+        {
+          "id": "1"
+        }
+      ],
+      "type": "variant",
+      "variantAttributes": null,
+      "itemVariants": null,
+      "subitems": null
+    }
+  }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d8618b6ed1f0b..12f3856f7431b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -517,6 +517,12 @@ importers:
         specifier: ^3.0.3
         version: 3.0.3
 
+  components/alegra:
+    dependencies:
+      '@pipedream/platform':
+        specifier: ^3.0.3
+        version: 3.0.3
+
   components/alerty:
     dependencies:
       '@pipedream/platform':
@@ -1180,8 +1186,7 @@ importers:
         specifier: ^0.0.4
         version: 0.0.4
 
-  components/bitdefender_gravityzone:
-    specifiers: {}
+  components/bitdefender_gravityzone: {}
 
   components/bitport: {}
 
@@ -8434,8 +8439,7 @@ importers:
         specifier: ^1.5.1
         version: 1.6.6
 
-  components/recruiterflow:
-    specifiers: {}
+  components/recruiterflow: {}
 
   components/recruitis:
     dependencies: