GITBOOK-155: feat: add EasyInvoice Videos - Crosschain, Crypto-to-fiat, Batch Pay Invoices, Batch Payout

Author: MantisClone

docs/request-network-api/easyinvoice-api-demo-app.md

@@ -12,13 +12,9 @@ EasyInvoice is a web application built with Next.js that allows users to create
 Discover how your app can have its own EasyInvoice features - [book a call](https://calendly.com/mariana-rn/request-network-demo-docs) with us.
 {% endhint %}
 
-## Key Features
-
-### Login
-
-* **Google Login**: Securely log in to your account using Google OAuth.
+<table data-card-size="large" data-view="cards" data-full-width="false"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td></td><td><span data-gb-custom-inline data-tag="emoji" data-code="1f579">🕹️</span> <strong>Try it out</strong></td><td></td><td><a href="https://easyinvoice.request.network">https://easyinvoice.request.network</a></td></tr><tr><td></td><td><span data-gb-custom-inline data-tag="emoji" data-code="2139">ℹ️</span> <strong>View Source</strong></td><td></td><td><a href="https://github.com/RequestNetwork/easy-invoice">https://github.com/RequestNetwork/easy-invoice</a></td></tr></tbody></table>
 
-<figure><img src="../.gitbook/assets/image (13).png" alt=""><figcaption><p>EasyInvioce Login Page</p></figcaption></figure>
+## Key Features
 
 ### **Invoice Creation**
 
@@ -47,6 +43,20 @@ Discover how your app can have its own EasyInvoice features - [book a call](http
 
 <figure><img src="../.gitbook/assets/image (1) (3).png" alt=""><figcaption><p>EasyInvoice supports 50+ wallets via Reown AppKit</p></figcaption></figure>
 
+### Invoice Crosschain Payment
+
+<figure><img src="../.gitbook/assets/Screenshot 2025-04-01 at 4.07.30 PM.png" alt=""><figcaption></figcaption></figure>
+
+{% embed url="https://youtu.be/OpAd3Xzu8zU" %}
+
+### Crypto-to-fiat Payment
+
+{% embed url="https://youtu.be/1Y7QIi6oZoU" %}
+
+### Batch Pay Invoices
+
+{% embed url="https://youtu.be/BsbENNP00AI" %}
+
 ### Recurring Invoices
 
 * **Recurring Invoice**: Automatically create new invoices based on the selected start date and frequency
@@ -55,19 +65,15 @@ Discover how your app can have its own EasyInvoice features - [book a call](http
 
 <figure><img src="../.gitbook/assets/Screenshot 2025-04-02 at 4.08.57 PM.png" alt=""><figcaption><p>Invoice Dashboard - Recurring Invoice</p></figcaption></figure>
 
-### Invoice Crosschain Payment
+### Payout
 
-{% hint style="warning" %}
-**Warning:** Crosschain payments are currently only available in our staging environment at [https://easyinvoice.stage.request.network](https://easyinvoice.stage.request.network) and are not ready for production use. Use with caution.
-{% endhint %}
-
-<figure><img src="../.gitbook/assets/Screenshot 2025-04-01 at 4.07.30 PM.png" alt=""><figcaption></figcaption></figure>
+* **Payout**: Send a payment without having to create a request first.
 
-### Direct Payment
+<figure><img src="../.gitbook/assets/image (6) (1).png" alt=""><figcaption><p>EasyInvoice Direct Payment page</p></figcaption></figure>
 
-* **Direct Payment**: Send a payment without having to create a request first.
+### Batch Payout
 
-<figure><img src="../.gitbook/assets/image (6) (1).png" alt=""><figcaption><p>EasyInvoice Direct Payment page</p></figcaption></figure>
+{% embed url="https://youtu.be/craVMSj8PRs" %}
 
 ### InvoiceMe Link
 
@@ -77,13 +83,8 @@ Discover how your app can have its own EasyInvoice features - [book a call](http
 
 <figure><img src="../.gitbook/assets/image7.png" alt=""><figcaption><p>Create Invoice via InvoiceMe Link</p></figcaption></figure>
 
-<table data-card-size="large" data-view="cards" data-full-width="false"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td></td><td><span data-gb-custom-inline data-tag="emoji" data-code="1f579">🕹️</span> <strong>Try it out</strong></td><td></td><td><a href="https://easyinvoice.request.network">https://easyinvoice.request.network</a></td></tr><tr><td></td><td><span data-gb-custom-inline data-tag="emoji" data-code="2139">ℹ️</span> <strong>View Source</strong></td><td></td><td><a href="https://github.com/RequestNetwork/easy-invoice">https://github.com/RequestNetwork/easy-invoice</a></td></tr></tbody></table>
+### Login
 
-## Usage
+* **Google Login**: Securely log in to your account using Google OAuth.
 
-1. **Login:** Log in with your Google account to access the dashboard.
-2. **Create Invoice:** Fill out the invoice form with the necessary details, including client information, amount, currency, and payee address.
-   1. If the invoice currency is USD, you must select a payment currency (Sepolia ETH or FAU) for conversion.
-   2. For non-conversion scenarios, the payment currency will be the same as the invoice currency.
-3. **Pay Invoice:** Connect your wallet and initiate the payment. The app will guide you through the steps, including ERC20 approval and transaction confirmation.
-4. **Monitor Status:** Track the payment status in real-time on the invoice details page and the dashboard.
+<figure><img src="../.gitbook/assets/image (13).png" alt=""><figcaption><p>EasyInvioce Login Page</p></figcaption></figure>