diff --git a/components/xendit/.gitignore b/components/xendit/.gitignore
deleted file mode 100644
index ec761ccab7595..0000000000000
--- a/components/xendit/.gitignore
+++ /dev/null
@@ -1,3 +0,0 @@
-*.js
-*.mjs
-dist
\ No newline at end of file
diff --git a/components/xendit/actions/create-invoice/create-invoice.mjs b/components/xendit/actions/create-invoice/create-invoice.mjs
new file mode 100644
index 0000000000000..6439f110ffb58
--- /dev/null
+++ b/components/xendit/actions/create-invoice/create-invoice.mjs
@@ -0,0 +1,214 @@
+import {
+  INVOICE_NOTIFICATION_OPTIONS,
+  LOCALE_OPTIONS,
+  PAYMENT_METHODS_OPTIONS,
+} from "../../common/constants.mjs";
+import { parseObject } from "../../common/utils.mjs";
+import xendit from "../../xendit.app.mjs";
+
+export default {
+  key: "xendit-create-invoice",
+  name: "Create Invoice",
+  version: "0.0.1",
+  description: "Create a new invoice on Xendit platform [See the documentation](https://developers.xendit.co/api-reference/#create-invoice)",
+  type: "action",
+  props: {
+    xendit,
+    externalId: {
+      type: "string",
+      label: "External ID",
+      description: "ID of your choice (typically the unique identifier of an invoice in your system).",
+    },
+    amount: {
+      type: "string",
+      label: "Amount",
+      description: "Amount on the invoice. Min and max amounts are stated [here](https://docs.xendit.co/xeninvoice/payment-channels). The amount should be inclusive of any fees and or items that you may choose to include. If there is a difference between this amount and the sum of the price in the `items` parameters and or `fees` parameter, Xendit will refer to this amount parameter to create invoice. Do take note: if the currency or default currency is IDR and the amount includes decimals (e.g IDR 4550.50), the amount will be truncated to IDR 4550.",
+    },
+    description: {
+      type: "string",
+      label: "Description",
+      description: "Description of invoice - you can use this field to list what items are being paid for, or anything else of your choice that describes the function of the invoice.",
+      optional: true,
+    },
+    givenNames: {
+      type: "string",
+      label: "Given Names",
+      description: "Given name of the customer",
+      optional: true,
+    },
+    surname: {
+      type: "string",
+      label: "Surname",
+      description: "Surname of the customer",
+      optional: true,
+    },
+    email: {
+      type: "string",
+      label: "Email",
+      description: "Email address of the customer",
+      optional: true,
+    },
+    mobileNumber: {
+      type: "string",
+      label: "Mobile Number",
+      description: "Mobile phone number of the customer in E164 format",
+      optional: true,
+    },
+    addressCity: {
+      type: "string",
+      label: "City",
+      description: "The city of the customer",
+      optional: true,
+    },
+    addressCountry: {
+      type: "string",
+      label: "Country",
+      description: "The country of the customer",
+      optional: true,
+    },
+    addressPostalCode: {
+      type: "string",
+      label: "Postal Code",
+      description: "The postal code of the customer",
+      optional: true,
+    },
+    addressstate: {
+      type: "string",
+      label: "State",
+      description: "The state of the customer",
+      optional: true,
+    },
+    addressLine1: {
+      type: "string",
+      label: "Address Line 1",
+      description: "The address line 1 of the customer",
+      optional: true,
+    },
+    addressLine2: {
+      type: "string",
+      label: "Address Line 2",
+      description: "The address line 2 of the customer",
+      optional: true,
+    },
+    invoiceCreatedNotification: {
+      type: "string[]",
+      label: "Invoice Created Notification",
+      description: "Specify which channel you want to notify your end customer through when you create a payment/invoice. If you do not specify values for this object, your end user will not be notified for this notification type.",
+      options: INVOICE_NOTIFICATION_OPTIONS,
+      optional: true,
+    },
+    invoiceReminderNotification: {
+      type: "string[]",
+      label: "Invoice Reminder Notification",
+      description: "Specify which channel you want to notify your end customer through when you want to remind your customer to complete their payment. If you do not specify values for this object, your end user will not be notified for this notification type.",
+      options: INVOICE_NOTIFICATION_OPTIONS,
+      optional: true,
+    },
+    invoicePaidNotification: {
+      type: "string[]",
+      label: "Invoice Paid Notification",
+      description: "Specify which channel you want to notify your end customer through when they have successfully completed payment. If you do not specify values for this object, your end user will not be notified for this notification type.",
+      options: INVOICE_NOTIFICATION_OPTIONS,
+      optional: true,
+    },
+    invoiceDuration: {
+      type: "integer",
+      label: "Invoice Duration",
+      description: "Duration of time that the end customer is given to pay the invoice before expiration (in seconds, since creation). Default is 24 hours (86,400 seconds).",
+      optional: true,
+    },
+    successRedirectUrl: {
+      type: "string",
+      label: "Success Redirect URL",
+      description: "URL to redirect the customer to after successful payment.",
+      optional: true,
+    },
+    failureRedirectUrl: {
+      type: "string",
+      label: "Failure Redirect URL",
+      description: "URL to redirect the customer to after failed payment.",
+      optional: true,
+    },
+    paymentMethods: {
+      type: "string[]",
+      label: "Payment Methods",
+      description: "Specify the payment channels that you wish to be available on your Invoice.",
+      options: PAYMENT_METHODS_OPTIONS,
+      optional: true,
+    },
+    currency: {
+      type: "string",
+      label: "Currency",
+      description: "Currency of the amount that you created.",
+      optional: true,
+    },
+    locale: {
+      type: "string",
+      label: "Locale",
+      description: "The default language to display",
+      options: LOCALE_OPTIONS,
+      optional: true,
+    },
+    items: {
+      type: "string[]",
+      label: "Items",
+      description: "Array of items JSON objects describing the item(s) purchased. Max array size: 75. Mandatory for PayLater payment method. [See the documentation](https://developers.xendit.co/api-reference/#create-invoice) for further details.",
+      optional: true,
+    },
+    fees: {
+      type: "string[]",
+      label: "Fees",
+      description: "Array of items JSON objects describing the fee(s) that you charge to your end customer. This can be an admin fee, logistics fee, etc. This amount will be included in the total invoice amount and will be transferred to your balance when the transaction settles. Max array size: 10. [See the documentation](https://developers.xendit.co/api-reference/#create-invoice) for further details.",
+      optional: true,
+    },
+    metadata: {
+      type: "object",
+      label: "Metadata",
+      description: "An object containing any additional information you want to include with the invoice. This will be returned in the response and can be used for tracking or reporting purposes.",
+      optional: true,
+    },
+  },
+  async run({ $ }) {
+    const response = await this.xendit.createInvoice({
+      $,
+      data: {
+        external_id: this.externalId,
+        amount: this.amount,
+        description: this.description,
+        customer: {
+          given_names: this.givenNames,
+          surname: this.surname,
+          email: this.email,
+          mobile_number: this.mobileNumber,
+          addresses: [
+            {
+              city: this.addressCity,
+              country: this.addressCountry,
+              postal_code: this.addressPostalCode,
+              state: this.addressstate,
+              street_line1: this.addressLine1,
+              street_line2: this.addressLine2,
+            },
+          ],
+        },
+        customer_notification_preference: {
+          invoice_created: parseObject(this.invoiceCreatedNotification),
+          invoice_reminder: parseObject(this.invoiceReminderNotification),
+          invoice_paid: parseObject(this.invoicePaidNotification),
+        },
+        invoice_duration: this.invoiceDuration,
+        success_redirect_url: this.successRedirectUrl,
+        failure_redirect_url: this.failureRedirectUrl,
+        payment_methods: parseObject(this.paymentMethods),
+        locale: this.locale,
+        items: parseObject(this.items),
+        fees: parseObject(this.fees),
+        currency: this.currency,
+        metadata: this.metadata,
+      },
+    });
+
+    $.export("$summary", `A new invoice with ID: ${response.id} was successfully created!`);
+    return response;
+  },
+};
diff --git a/components/xendit/actions/create-payout/create-payout.mjs b/components/xendit/actions/create-payout/create-payout.mjs
new file mode 100644
index 0000000000000..264a9efdf3e71
--- /dev/null
+++ b/components/xendit/actions/create-payout/create-payout.mjs
@@ -0,0 +1,110 @@
+import { v7 as uuidV7 } from "uuid";
+import { parseObject } from "../../common/utils.mjs";
+import xendit from "../../xendit.app.mjs";
+
+export default {
+  key: "xendit-create-payout",
+  name: "Create Payout",
+  version: "0.0.1",
+  description: "Create a new payout on Xendit platform [See the documentation](https://developers.xendit.co/api-reference/#create-payout)",
+  type: "action",
+  props: {
+    xendit,
+    referenceId: {
+      type: "string",
+      label: "Reference ID",
+      description: "A client defined payout identifier. This is the ID assigned to the payout on your system, such as a transaction or order ID. Does not need to be unique.",
+    },
+    channelCode: {
+      type: "string",
+      label: "Channel Code",
+      description: "Channel code of destination bank, e-wallet or OTC channel. List of supported channels can be found [here](https://docs.xendit.co/xendisburse/channel-codes)",
+    },
+    accountHolderName: {
+      type: "string",
+      label: "Account Holder Name",
+      description: "Name of account holder as per the bank or e-wallet's records. Needs to match the registered account name exactly.",
+    },
+    accountNumber: {
+      type: "string",
+      label: "Account Number",
+      description: "Account number of destination. Mobile numbers for e-wallet accounts.",
+    },
+    accountType: {
+      type: "string",
+      label: "Account Type",
+      description: "Account type of the destination for currencies and channels that supports proxy transfers (ie: Using mobile number as account number)",
+      optional: true,
+    },
+    amount: {
+      type: "string",
+      label: "Amount",
+      description: "Amount to be sent to the destination account. Should be a multiple of the minimum increment for the selected channel.",
+    },
+    description: {
+      type: "string",
+      label: "Description",
+      description: "Description to send with the payout. The recipient may see this e.g., in their bank statement (if supported) or in email receipts we send on your behalf.",
+      optional: true,
+    },
+    currency: {
+      type: "string",
+      label: "Currency",
+      description: "ISO 4217 Currency Code.",
+      optional: true,
+    },
+    emailTo: {
+      type: "string[]",
+      label: "Email To",
+      description: "A list of email addresses to receive the payout details upon successful payout. **Maximum of three email addresses**.",
+      optional: true,
+    },
+    emailCc: {
+      type: "string[]",
+      label: "Email Cc",
+      description: "A list of email addresses to receive the payout details upon successful payout. **Maximum of three email addresses**.",
+      optional: true,
+    },
+    emailBcc: {
+      type: "string[]",
+      label: "Email Bcc",
+      description: "A list of email addresses to receive a hidden copy of the payout details upon successful payout. **Maximum of three email addresses**.",
+      optional: true,
+    },
+    metadata: {
+      type: "object",
+      label: "Metadata",
+      description: "A list of objects of metadata key-value pairs. The key must be a string and the value can be a string or number.",
+      optional: true,
+    },
+  },
+  async run({ $ }) {
+    const response = await this.xendit.createPayout({
+      $,
+      headers: {
+        "idempotency-key": uuidV7(),
+      },
+      data: {
+        reference_id: this.referenceId,
+        channel_code: this.channelCode,
+        channel_properties: {
+          account_holder_name: this.accountHolderName,
+          account_number: this.accountNumber,
+          account_type: this.accountType,
+        },
+        amount: parseFloat(this.amount),
+        description: this.description,
+        currency: this.currency,
+        receipt_notification: {
+          email_to: this.emailTo,
+          email_cc: this.emailCc,
+          email_bcc: this.emailBcc,
+        },
+        metadata: parseObject(this.metadata),
+      },
+    });
+
+    $.export("$summary", `A new payout with ID: ${response.id} was successfully created!`);
+    return response;
+  },
+};
diff --git a/components/xendit/actions/get-payment-status/get-payment-status.mjs b/components/xendit/actions/get-payment-status/get-payment-status.mjs
new file mode 100644
index 0000000000000..b30e018ba8974
--- /dev/null
+++ b/components/xendit/actions/get-payment-status/get-payment-status.mjs
@@ -0,0 +1,27 @@
+import xendit from "../../xendit.app.mjs";
+
+export default {
+  key: "xendit-get-payment-status",
+  name: "Get Payment Status",
+  description: "Get the status of a payment request. [See the documentation](https://developers.xendit.co/api-reference/payments-api/#get-payment-request-by-id)",
+  version: "0.0.1",
+  type: "action",
+  props: {
+    xendit,
+    paymentRequestId: {
+      propDefinition: [
+        xendit,
+        "paymentRequestId",
+      ],
+    },
+  },
+  async run({ $ }) {
+    const response = await this.xendit.getPaymentRequest({
+      $,
+      paymentRequestId: this.paymentRequestId,
+    });
+
+    $.export("$summary", `Payment status: ${response.status}`);
+    return response;
+  },
+};
diff --git a/components/xendit/app/xendit.app.ts b/components/xendit/app/xendit.app.ts
deleted file mode 100644
index 8c146e65277bf..0000000000000
--- a/components/xendit/app/xendit.app.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineApp } from "@pipedream/types";
-
-export default defineApp({
-  type: "app",
-  app: "xendit",
-  propDefinitions: {},
-  methods: {
-    // this.$auth contains connected account data
-    authKeys() {
-      console.log(Object.keys(this.$auth));
-    },
-  },
-});
diff --git a/components/xendit/common/constants.mjs b/components/xendit/common/constants.mjs
new file mode 100644
index 0000000000000..5f91f4f30b478
--- /dev/null
+++ b/components/xendit/common/constants.mjs
@@ -0,0 +1,133 @@
+export const LIMIT = 100;
+
+export const INVOICE_NOTIFICATION_OPTIONS = [
+  "whatsapp",
+  "email",
+  "viber",
+];
+
+export const LOCALE_OPTIONS = [
+  "en",
+  "id",
+];
+
+export const PAYMENT_METHODS_OPTIONS = [
+
+  "CREDIT_CARD",
+  "BCA",
+  "BNI",
+  "BSI",
+  "BRI",
+  "MANDIRI",
+  "PERMATA",
+  "SAHABAT_SAMPOERNA",
+  "BNC",
+  "ALFAMART",
+  "INDOMARET",
+  "OVO",
+  "DANA",
+  "SHOPEEPAY",
+  "LINKAJA",
+  "JENIUSPAY",
+  "DD_BRI",
+  "DD_BCA_KLIKPAY",
+  "KREDIVO",
+  "AKULAKU",
+  "ATOME",
+  "QRIS",
+  "CREDIT_CARD",
+  "7ELEVEN",
+  "CEBUANA",
+  "DD_BPI",
+  "DD_UBP",
+  "DD_RCBC",
+  "DD_BDO_EPAY",
+  "DP_MLHUILLIER",
+  "DP_PALAWAN",
+  "DP_ECPAY_LOAN",
+  "PAYMAYA",
+  "GRABPAY",
+  "GCASH",
+  "SHOPEEPAY",
+  "BILLEASE",
+  "CASHALO",
+  "BDO_ONLINE_BANKING",
+  "BPI_ONLINE_BANKING",
+  "UNIONBANK_ONILNE_BANKING",
+  "BOC_ONLINE_BANKING",
+  "CHINABANK_ONLINE_BANKING",
+  "INSTAPAY_ONLINE_BANKING",
+  "LANDBANK_ONLINE_BANKING",
+  "MAYBANK_ONLINE_BANKING",
+  "METROBANK_ONLINE_BANKING",
+  "PNB_ONLINE_BANKING",
+  "PSBANK_ONLINE_BANKING",
+  "PESONET_ONLINE_BANKING",
+  "RCBC_ONLINE_BANKING",
+  "ROBINSONS_BANK_ONLINE_BANKING",
+  "SECURITY_BANK_ONLINE_BANKING",
+  "QRPH",
+  "CREDIT_CARD",
+  "PROMPTPAY",
+  "LINEPAY",
+  "WECHATPAY",
+  "TRUEMONEY",
+  "SHOPEEPAY",
+  "DD_SCB_MB",
+  "DD_BBL_MB",
+  "DD_KTB_MB",
+  "DD_BAY_MB",
+  "DD_KBANK_MB",
+  "CREDIT_CARD",
+  "APPOTA",
+  "ZALOPAY",
+  "VNPTWALLET",
+  "VIETTELPAY",
+  "SHOPEEPAY",
+  "WOORI",
+  "VIETCAPITAL",
+  "VPB",
+  "BIDV",
+  "CREDIT_CARD",
+  "TOUCHNGO",
+  "WECHATPAY",
+  "DD_UOB_FPX",
+  "DD_PUBLIC_FPX",
+  "DD_AFFIN_FPX",
+  "DD_AGRO_FPX",
+  "DD_ALLIANCE_FPX",
+  "DD_AMBANK_FPX",
+  "DD_ISLAM_FPX",
+  "DD_MUAMALAT_FPX",
+  "DD_BOC_FPX",
+  "DD_RAKYAT_FPX",
+  "DD_BSN_FPX",
+  "DD_CIMB_FPX",
+  "DD_HLB_FPX",
+  "DD_HSBC_FPX",
+  "DD_KFH_FPX",
+  "DD_MAYB2U_FPX",
+  "DD_OCBC_FPX",
+  "DD_RHB_FPX",
+  "DD_SCH_FPX",
+  "DD_AFFIN_FPX_BUSINESS",
+  "DD_AGRO_FPX_BUSINESS",
+  "DD_ALLIANCE_FPX_BUSINESS",
+  "DD_AMBANK_FPX_BUSINESS",
+  "DD_ISLAM_FPX_BUSINESS",
+  "DD_MUAMALAT_FPX_BUSINESS",
+  "DD_BNP_FPX_BUSINESS",
+  "DD_CIMB_FPX_BUSINESS",
+  "DD_CITIBANK_FPX_BUSINESS",
+  "DD_DEUTSCHE_FPX_BUSINESS",
+  "DD_HLB_FPX_BUSINESS",
+  "DD_HSBC_FPX_BUSINESS",
+  "DD_RAKYAT_FPX_BUSINESS",
+  "DD_KFH_FPX_BUSINESS",
+  "DD_MAYB2E_FPX_BUSINESS",
+  "DD_OCBC_FPX_BUSINESS",
+  "DD_PUBLIC_FPX_BUSINESS",
+  "DD_RHB_FPX_BUSINESS",
+  "DD_SCH_FPX_BUSINESS",
+  "DD_UOB_FPX_BUSINESS",
+];
diff --git a/components/xendit/common/utils.mjs b/components/xendit/common/utils.mjs
new file mode 100644
index 0000000000000..dcc9cc61f6f41
--- /dev/null
+++ b/components/xendit/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/xendit/package.json b/components/xendit/package.json
index 7656f56a221db..43a85a9ab3db5 100644
--- a/components/xendit/package.json
+++ b/components/xendit/package.json
@@ -1,18 +1,19 @@
 {
   "name": "@pipedream/xendit",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "description": "Pipedream Xendit Components",
-  "main": "dist/app/xendit.app.mjs",
+  "main": "xendit.app.mjs",
   "keywords": [
     "pipedream",
     "xendit"
   ],
-  "files": [
-    "dist"
-  ],
   "homepage": "https://pipedream.com/apps/xendit",
   "author": "Pipedream <support@pipedream.com> (https://pipedream.com/)",
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "@pipedream/platform": "^3.0.3",
+    "uuid": "^11.1.0"
   }
 }
diff --git a/components/xendit/sources/common/base.mjs b/components/xendit/sources/common/base.mjs
new file mode 100644
index 0000000000000..0a5ea8a874035
--- /dev/null
+++ b/components/xendit/sources/common/base.mjs
@@ -0,0 +1,60 @@
+import { DEFAULT_POLLING_SOURCE_TIMER_INTERVAL } from "@pipedream/platform";
+import xendit from "../../xendit.app.mjs";
+
+export default {
+  props: {
+    xendit,
+    db: "$.service.db",
+    timer: {
+      type: "$.interface.timer",
+      default: {
+        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
+      },
+    },
+  },
+  methods: {
+    _getLastDate() {
+      return this.db.get("lastDate") || 0;
+    },
+    _setLastDate(lastDate) {
+      this.db.set("lastDate", lastDate);
+    },
+    async emitEvent(maxResults = false) {
+      const lastDate = this._getLastDate();
+      const cursor = this.getCursor();
+
+      const response = this.xendit.paginate({
+        fn: this.getFunction(),
+        cursor,
+        maxResults,
+      });
+
+      const responseArray = [];
+
+      for await (const item of response) {
+        if (Date.parse(item.created) <= lastDate) break;
+        responseArray.push(item);
+      }
+
+      if (responseArray.length) {
+        this._setLastDate(Date.parse(responseArray[0].created));
+      }
+
+      for (const item of responseArray.reverse()) {
+        this.$emit(item, {
+          id: item.id,
+          summary: this.getSummary(item),
+          ts: Date.parse(item.created || new Date()),
+        });
+      }
+    },
+  },
+  hooks: {
+    async deploy() {
+      await this.emitEvent(25);
+    },
+  },
+  async run() {
+    await this.emitEvent();
+  },
+};
diff --git a/components/xendit/sources/new-invoice/new-invoice.mjs b/components/xendit/sources/new-invoice/new-invoice.mjs
new file mode 100644
index 0000000000000..9b123355921a5
--- /dev/null
+++ b/components/xendit/sources/new-invoice/new-invoice.mjs
@@ -0,0 +1,25 @@
+import common from "../common/base.mjs";
+import sampleEmit from "./test-event.mjs";
+
+export default {
+  ...common,
+  key: "xendit-new-invoice",
+  name: "New Invoice Created",
+  description: "Emit new event when an invoice is created. [See the documentation](https://developers.xendit.co/api-reference/#create-invoice)",
+  version: "0.0.1",
+  type: "source",
+  dedupe: "unique",
+  methods: {
+    ...common.methods,
+    getFunction() {
+      return this.xendit.listInvoices;
+    },
+    getCursor() {
+      return "last_invoice_id";
+    },
+    getSummary(item) {
+      return `New Invoice: ${item.id}`;
+    },
+  },
+  sampleEmit,
+};
diff --git a/components/xendit/sources/new-invoice/test-event.mjs b/components/xendit/sources/new-invoice/test-event.mjs
new file mode 100644
index 0000000000000..5250b1ddef0c4
--- /dev/null
+++ b/components/xendit/sources/new-invoice/test-event.mjs
@@ -0,0 +1,45 @@
+export default {
+  "id": "5c65be6880a55b02867b2b6f",
+  "external_id": "627",
+  "user_id": "5bbe23e1c901a730130f5b15",
+  "status": "EXPIRED",
+  "merchant_name": "Your Business Name",
+  "merchant_profile_picture_url": "https://xnd-companies.s3.amazonaws.com/prod/1545257692599_408.jpg",
+  "amount": 838838,
+  "payer_email": "alfina@xendit.co",
+  "description": "Trip to Bali",
+  "expiry_date": "2020-02-24T23:48:36.697Z",
+  "invoice_url": "https://invoice-staging.xendit.co/web/invoices/5c65be6880a55b02867b2b6f",
+  "available_banks": [
+      {
+          "bank_code": "MANDIRI",
+          "collection_type": "POOL",
+          "bank_account_number": "8860838034047",
+          "transfer_amount": 838838,
+          "bank_branch": "Virtual Account",
+          "account_holder_name": "YOUR BUSINESS NAME",
+      },
+      {
+          "bank_code": "BRI",
+          "collection_type": "POOL",
+          "bank_account_number": "2621545817176",
+          "transfer_amount": 838838,
+          "bank_branch": "Virtual Account",
+          "account_holder_name": "YOUR BUSINESS NAME",
+      },
+      {
+          "bank_code": "BNI",
+          "collection_type": "POOL",
+          "bank_account_number": "880845676187",
+          "transfer_amount": 838838,
+          "bank_branch": "Virtual Account",
+          "account_holder_name": "YOUR BUSINESS NAME",
+      }
+  ],
+  "available_ewallets": [],
+  "available_paylaters": [],
+  "should_exclude_credit_card": false,
+  "should_send_email": false,
+  "created": "2020-01-14T23:48:56.907Z",
+  "updated": "2020-01-24T23:49:03.296Z"
+}
\ No newline at end of file
diff --git a/components/xendit/xendit.app.mjs b/components/xendit/xendit.app.mjs
new file mode 100644
index 0000000000000..0801294182d9c
--- /dev/null
+++ b/components/xendit/xendit.app.mjs
@@ -0,0 +1,108 @@
+import { axios } from "@pipedream/platform";
+import { LIMIT } from "./common/constants.mjs";
+
+export default {
+  type: "app",
+  app: "xendit",
+  propDefinitions: {
+    paymentRequestId: {
+      type: "string",
+      label: "Payment Request Id",
+      description: "The ID of the payment request you want to get the status for.",
+      async options({ prevContext }) {
+        const { data } = await this.listPaymentRequests({
+          params: {
+            limit: LIMIT,
+            after_id: prevContext?.afterId,
+          },
+        });
+
+        return {
+          options: data.map(({ id }) => id),
+          context: {
+            afterId: data[data?.length - 1]?.id,
+          },
+        };
+      },
+    },
+  },
+  methods: {
+    _apiUrl() {
+      return "https://api.xendit.co";
+    },
+    _getAuth() {
+      return {
+        "username": `${this.$auth.secret_key}`,
+        "password": "",
+      };
+    },
+    _makeRequest({
+      $ = this, path, ...opts
+    }) {
+      return axios($, {
+        url: `${this._apiUrl()}/${path}`,
+        auth: this._getAuth(),
+        ...opts,
+      });
+    },
+    listInvoices(args = {}) {
+      return this._makeRequest({
+        path: "v2/invoices",
+        ...args,
+      });
+    },
+    listPaymentRequests(args = {}) {
+      return this._makeRequest({
+        path: "payment_requests",
+        ...args,
+      });
+    },
+    getPaymentRequest({
+      paymentRequestId, ...args
+    }) {
+      return this._makeRequest({
+        path: `payment_requests/${paymentRequestId}`,
+        ...args,
+      });
+    },
+    createInvoice(args = {}) {
+      return this._makeRequest({
+        method: "POST",
+        path: "v2/invoices",
+        ...args,
+      });
+    },
+    createPayout(args = {}) {
+      return this._makeRequest({
+        method: "POST",
+        path: "v2/payouts",
+        ...args,
+      });
+    },
+    async *paginate({
+      fn, params = {}, cursor, maxResults = null, ...opts
+    }) {
+      let hasMore = false;
+      let count = 0;
+
+      do {
+        const data = await fn({
+          params,
+          ...opts,
+        });
+        for (const d of data) {
+          yield d;
+
+          if (maxResults && ++count === maxResults) {
+            return count;
+          }
+        }
+
+        if (data.length) params[cursor] = data[data.length - 1].id;
+
+        hasMore = data.length;
+
+      } while (hasMore);
+    },
+  },
+};
diff --git a/docs-v2/next.config.mjs b/docs-v2/next.config.mjs
index dca6c80ca829f..544a8ed73c604 100644
--- a/docs-v2/next.config.mjs
+++ b/docs-v2/next.config.mjs
@@ -356,6 +356,16 @@ export default withNextra({
         destination: "/workflows/git/",
         permanent: true,
       },
+      {
+        source: "/components/typescript/",
+        destination: "/components/contributing/typescript/",
+        permanent: true,
+      },
+      {
+        source: "/github-sync/",
+        destination: "/workflows/git/",
+        permanent: true,
+      },
       {
         source: "/workspaces/okta/",
         destination: "/workflows/workspaces/sso/okta/",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 90d514082abcc..012b987eb6888 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14522,7 +14522,14 @@ importers:
 
   components/xeggex: {}
 
-  components/xendit: {}
+  components/xendit:
+    dependencies:
+      '@pipedream/platform':
+        specifier: ^3.0.3
+        version: 3.0.3
+      uuid:
+        specifier: ^11.1.0
+        version: 11.1.0
 
   components/xero_accounting_api:
     dependencies: