diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index c3afde65..f318e731 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -1,12 +1,10 @@
 import { BackgroundWrapper } from "@/components/background-wrapper";
+import { DashboardView } from "@/components/dashboard-view";
 import { Footer } from "@/components/footer";
 import { Header } from "@/components/header";
-import { InvoiceTable } from "@/components/invoice-table";
 import { getCurrentSession } from "@/server/auth";
 import { api } from "@/trpc/server";
-import { PlusCircle } from "lucide-react";
 import type { Metadata } from "next";
-import Link from "next/link";
 import { redirect } from "next/navigation";
 
 export const metadata: Metadata = {
@@ -31,19 +29,7 @@ export default async function DashboardPage() {
     >
       <Header user={user} />
       <main className="flex-grow flex flex-col max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 z-10">
-        <div className="flex justify-between items-center mb-8">
-          <h1 className="text-4xl font-bold tracking-tight">Dashboard</h1>
-
-          <Link
-            href="/invoices/create"
-            className="bg-black hover:bg-zinc-800 text-white transition-colors px-4 py-2 rounded-md flex items-center"
-          >
-            <PlusCircle className="mr-2 h-4 w-4" />
-            Create Invoice
-          </Link>
-        </div>
-
-        <InvoiceTable initialInvoices={invoices} />
+        <DashboardView invoices={invoices} />
       </main>
       <Footer />
     </BackgroundWrapper>
diff --git a/src/components/batch-payout.tsx b/src/components/batch-payout.tsx
index 567480bd..7f996655 100644
--- a/src/components/batch-payout.tsx
+++ b/src/components/batch-payout.tsx
@@ -55,6 +55,7 @@ import {
   formatCurrencyLabel,
   getPaymentCurrenciesForPayout,
 } from "@/lib/constants/currencies";
+import { handleBatchPayment } from "@/lib/invoice/batch-payment";
 import {
   type BatchPaymentFormValues,
   batchPaymentFormSchema,
@@ -146,7 +147,7 @@ export function BatchPayout() {
   const duplicatePayment = (index: number) => {
     if (fields.length < MAX_PAYMENTS) {
       const payout = form.getValues(`payouts.${index}`);
-      append({ ...payout, payee: "" });
+      append({ ...payout });
     }
   };
 
@@ -160,7 +161,7 @@ export function BatchPayout() {
     const uniqueAddresses = new Set(
       payouts
         .filter((payout) => payout.payee)
-        .map((payout) => ethers.utils.getAddress(payout.payee)),
+        .map((payout) => payout.payee.toLowerCase()),
     );
     return uniqueAddresses.size;
   };
@@ -168,17 +169,27 @@ export function BatchPayout() {
   const getTotalsByCurrency = () => {
     const payouts = form.watch("payouts");
     const totals: Record<string, ethers.BigNumber> = {};
+
     for (const payout of payouts) {
       if (payout.amount > 0) {
         const currency = payout.invoiceCurrency;
-        // Convert amount to BigNumber with 18 decimals of precision
+
         const amount = ethers.utils.parseUnits(payout.amount.toString(), 18);
         totals[currency] = (totals[currency] || ethers.BigNumber.from(0)).add(
           amount,
         );
       }
     }
-    return totals;
+
+    const humanReadableTotals: Record<string, string> = {};
+    for (const [currency, bigNumberTotal] of Object.entries(totals)) {
+      humanReadableTotals[currency] = ethers.utils.formatUnits(
+        bigNumberTotal,
+        18,
+      );
+    }
+
+    return humanReadableTotals;
   };
 
   const onSubmit = async (data: BatchPaymentFormValues) => {
@@ -187,8 +198,6 @@ export function BatchPayout() {
       return;
     }
 
-    setPaymentStatus("processing");
-
     if (!walletProvider) {
       toast.error("Please connect your wallet first");
       return;
@@ -197,133 +206,43 @@ export function BatchPayout() {
     try {
       const ethersProvider = new ethers.providers.Web3Provider(walletProvider);
 
-      const signer = await ethersProvider.getSigner();
-
-      toast.info("Initiating batch payment...");
+      const signer = ethersProvider.getSigner();
 
       const batchPaymentData = await batchPay({
         ...data,
         payer: address,
       });
 
-      toast.info("Initiating payment...");
-
-      const isApprovalNeeded =
-        batchPaymentData.ERC20ApprovalTransactions.length > 0;
-
-      if (isApprovalNeeded) {
-        toast.info("Approval required", {
-          description: "Please approve the transaction in your wallet",
-        });
-
-        for (const approvalTransaction of batchPaymentData.ERC20ApprovalTransactions) {
-          try {
-            const tx = await signer.sendTransaction(approvalTransaction);
-            await tx.wait();
-          } catch (approvalError: any) {
-            if (approvalError?.code === 4001) {
-              toast.error("Approval rejected", {
-                description: "You rejected the token approval in your wallet.",
-              });
-              setPaymentStatus("error");
-              return;
-            }
-            throw approvalError; // Re-throw to be caught by main error handler
-          }
-        }
-      }
-
-      toast.info("Sending batch payment...");
-
-      try {
-        const tx = await signer.sendTransaction(
-          batchPaymentData.batchPaymentTransaction,
-        );
-        await tx.wait();
-
-        toast.success("Batch payment successful", {
-          description: `Successfully processed ${data.payouts.length} payments`,
-        });
-
-        setPaymentStatus("success");
-
-        form.reset({
-          payouts: [
-            {
-              payee: "",
-              amount: 0,
-              invoiceCurrency: "USD",
-              paymentCurrency: "ETH-sepolia-sepolia",
-            },
-          ],
-        });
-        setPaymentStatus("idle");
-      } catch (txError: any) {
-        if (txError?.code === 4001) {
-          toast.error("Transaction rejected", {
-            description: "You rejected the batch payment in your wallet.",
+      const result = await handleBatchPayment({
+        signer,
+        batchPaymentData,
+        onSuccess: () => {
+          toast.success("Batch payment successful", {
+            description: `Successfully processed ${data.payouts.length} payments`,
           });
-        } else {
-          throw txError; // Re-throw to be caught by main error handler
-        }
-        setPaymentStatus("error");
-      }
-    } catch (error: any) {
-      console.error("Payment error:", error);
-
-      if (
-        error?.code === "INSUFFICIENT_FUNDS" ||
-        error?.message?.toLowerCase().includes("insufficient funds") ||
-        (error?.code === "SERVER_ERROR" && error?.error?.code === -32000)
-      ) {
-        toast.error("Insufficient funds", {
-          description:
-            "You do not have enough funds to complete this batch payment.",
-        });
-      } else if (
-        error?.message?.toLowerCase().includes("network") ||
-        error?.code === "NETWORK_ERROR" ||
-        error?.code === "NETWORK_ERROR" ||
-        (error?.event === "error" && error?.type === "network")
-      ) {
-        toast.error("Network error", {
-          description:
-            "Network error. Please check your connection and try again.",
-        });
-      } else if (error?.reason) {
-        toast.error("Transaction failed", {
-          description: `Smart contract error: ${error.reason}`,
-        });
-      } else {
-        let errorMessage =
-          "There was an error processing your batch payment. Please try again.";
-
-        if (error && typeof error === "object") {
-          if (
-            "data" in error &&
-            error.data &&
-            typeof error.data === "object" &&
-            "message" in error.data
-          ) {
-            errorMessage = error.data.message || errorMessage;
-          } else if ("message" in error) {
-            errorMessage = error.message || errorMessage;
-          } else if ("response" in error && error.response?.data?.message) {
-            errorMessage = error.response.data.message;
-          } else if (
-            "error" in error &&
-            typeof error.error === "object" &&
-            error.error &&
-            "message" in error.error
-          ) {
-            errorMessage = error.error.message;
-          }
-        }
-
-        toast.error("Batch payment failed", {
-          description: errorMessage,
-        });
+          form.reset({
+            payouts: [
+              {
+                payee: "",
+                amount: 0,
+                invoiceCurrency: "USD",
+                paymentCurrency: "ETH-sepolia-sepolia",
+              },
+            ],
+          });
+          setPaymentStatus("idle");
+        },
+        onError: () => {
+          setPaymentStatus("error");
+        },
+        onStatusChange: setPaymentStatus,
+      });
+
+      if (!result.success) {
+        console.error("Batch payment failed:", result.error);
       }
+    } catch (error) {
+      console.error("Failed to initiate batch payment:", error);
       setPaymentStatus("error");
     }
   };
@@ -626,9 +545,7 @@ export function BatchPayout() {
                                   <span className="text-zinc-600">
                                     {formatCurrencyLabel(currency)}:
                                   </span>
-                                  <span className="font-medium">
-                                    {ethers.utils.formatUnits(total, 18)}
-                                  </span>
+                                  <span className="font-medium">{total}</span>
                                 </div>
                               ),
                             )
diff --git a/src/components/dashboard-view.tsx b/src/components/dashboard-view.tsx
new file mode 100644
index 00000000..fed46111
--- /dev/null
+++ b/src/components/dashboard-view.tsx
@@ -0,0 +1,159 @@
+"use client";
+
+import { ID_TO_APPKIT_NETWORK, NETWORK_TO_ID } from "@/lib/constants/chains";
+import { handleBatchPayment } from "@/lib/invoice/batch-payment";
+import type { Request } from "@/server/db/schema";
+import { api } from "@/trpc/react";
+import {
+  useAppKit,
+  useAppKitAccount,
+  useAppKitNetwork,
+  useAppKitProvider,
+} from "@reown/appkit/react";
+import { ethers } from "ethers";
+import { CreditCard, Loader2, PlusCircle } from "lucide-react";
+import Link from "next/link";
+import { useState } from "react";
+import { toast } from "sonner";
+import { InvoiceTable } from "./invoice-table";
+import { Button } from "./ui/button";
+
+interface DashboardViewProps {
+  invoices: {
+    issuedByMe: { invoices: Request[]; total: number; outstanding: number };
+    issuedToMe: { invoices: Request[]; total: number; outstanding: number };
+  };
+}
+
+export function DashboardView({ invoices }: DashboardViewProps) {
+  const { mutateAsync: batchPay } = api.payment.batchPay.useMutation();
+
+  const [selectedInvoices, setSelectedInvoices] = useState<Request[]>([]);
+  const [lastSelectedNetwork, setLastSelectedNetwork] = useState<string | null>(
+    null,
+  );
+  const [isPayingInvoices, setIsPayingInvoices] = useState(false);
+
+  const { open } = useAppKit();
+  const { isConnected, address } = useAppKitAccount();
+  const { walletProvider } = useAppKitProvider("eip155");
+  const { chainId, switchNetwork } = useAppKitNetwork();
+
+  const handleBatchPayInvoices = async () => {
+    setIsPayingInvoices(true);
+
+    if (!isConnected) {
+      open();
+      return setIsPayingInvoices(false);
+    }
+
+    if (!lastSelectedNetwork) {
+      toast.error("No network selected for batch payment");
+      setIsPayingInvoices(false);
+      return;
+    }
+
+    const targetChain =
+      NETWORK_TO_ID[lastSelectedNetwork as keyof typeof NETWORK_TO_ID];
+
+    if (targetChain !== chainId) {
+      const targetAppkitNetwork =
+        ID_TO_APPKIT_NETWORK[targetChain as keyof typeof ID_TO_APPKIT_NETWORK];
+
+      toast("Switching to network", {
+        description: `Switching to ${targetAppkitNetwork.name} network`,
+      });
+
+      try {
+        switchNetwork(targetAppkitNetwork);
+      } catch (_) {
+        toast("Error switching network");
+        setIsPayingInvoices(false);
+        return;
+      }
+    }
+
+    try {
+      const ethersProvider = new ethers.providers.Web3Provider(
+        walletProvider as ethers.providers.ExternalProvider,
+      );
+
+      const signer = await ethersProvider.getSigner();
+
+      const requestIds = selectedInvoices.map((invoice) => invoice.requestId);
+
+      const batchPaymentData = await batchPay({
+        requestIds,
+        payer: address,
+      });
+
+      const result = await handleBatchPayment({
+        signer,
+        batchPaymentData,
+        onSuccess: () => {
+          toast.success("Batch payment successful", {
+            description: `Successfully processed ${selectedInvoices.length} invoices`,
+          });
+          setSelectedInvoices([]);
+          setLastSelectedNetwork(null);
+        },
+        onError: () => {
+          setIsPayingInvoices(false);
+        },
+        onStatusChange: (status) => {
+          setIsPayingInvoices(status === "processing");
+        },
+      });
+
+      if (!result.success) {
+        console.error("Batch payment failed:", result.error);
+      }
+    } catch (error) {
+      console.error("Failed to initiate batch payment:", error);
+      setIsPayingInvoices(false);
+    }
+  };
+
+  return (
+    <>
+      <div className="flex justify-between items-center mb-8">
+        <h1 className="text-4xl font-bold tracking-tight">Dashboard</h1>
+        <div className="flex items-center gap-2 ">
+          {selectedInvoices.length > 0 && (
+            <Button
+              variant="outline"
+              className="px-4 py-2 rounded-md flex items-center"
+              onClick={handleBatchPayInvoices}
+              disabled={isPayingInvoices}
+            >
+              {isPayingInvoices ? (
+                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+              ) : (
+                <CreditCard className="mr-2 h-4 w-4" />
+              )}
+              {isPayingInvoices
+                ? "Paying..."
+                : `Pay ${selectedInvoices.length} ${
+                    selectedInvoices.length === 1 ? "Invoice" : "Invoices"
+                  }`}
+            </Button>
+          )}
+          <Link
+            href="/invoices/create"
+            className="bg-black hover:bg-zinc-800 text-white transition-colors px-4 py-2 rounded-md flex items-center"
+          >
+            <PlusCircle className="mr-2 h-4 w-4" />
+            Create Invoice
+          </Link>
+        </div>
+      </div>
+      <InvoiceTable
+        initialInvoices={invoices}
+        setSelectedInvoices={setSelectedInvoices}
+        selectedInvoices={selectedInvoices}
+        lastSelectedNetwork={lastSelectedNetwork}
+        setLastSelectedNetwork={setLastSelectedNetwork}
+      />
+    </>
+  );
+}
diff --git a/src/components/direct-payout.tsx b/src/components/direct-payout.tsx
index 0350a6d9..a87db7b1 100644
--- a/src/components/direct-payout.tsx
+++ b/src/components/direct-payout.tsx
@@ -120,7 +120,7 @@ export function DirectPayment() {
         walletProvider as ethers.providers.ExternalProvider,
       );
 
-      const signer = await ethersProvider.getSigner();
+      const signer = ethersProvider.getSigner();
 
       toast.info("Initiating payment...");
 
diff --git a/src/components/invoice-table.tsx b/src/components/invoice-table.tsx
index 4c279b79..84b9097d 100644
--- a/src/components/invoice-table.tsx
+++ b/src/components/invoice-table.tsx
@@ -2,6 +2,7 @@
 
 import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Checkbox } from "@/components/ui/checkbox";
 import {
   Table,
   TableBody,
@@ -10,6 +11,7 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table";
+
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { formatCurrencyLabel } from "@/lib/constants/currencies";
 import {
@@ -45,6 +47,10 @@ interface InvoiceTableProps {
     issuedByMe: InvoiceType;
     issuedToMe: InvoiceType;
   };
+  setSelectedInvoices: (invoices: Request[]) => void;
+  selectedInvoices: Request[];
+  lastSelectedNetwork: string | null;
+  setLastSelectedNetwork: (network: string | null) => void;
 }
 
 interface StatCardProps {
@@ -69,7 +75,13 @@ const StatCard = ({ title, value, icon }: StatCardProps) => (
   </Card>
 );
 
-export function InvoiceTable({ initialInvoices }: InvoiceTableProps) {
+export function InvoiceTable({
+  initialInvoices,
+  setSelectedInvoices,
+  selectedInvoices,
+  lastSelectedNetwork,
+  setLastSelectedNetwork,
+}: InvoiceTableProps) {
   const [receivablePage, setReceivablePage] = useState(1);
   const [payablePage, setPayablePage] = useState(1);
   const [activeTab, setActiveTab] = useState("sent");
@@ -170,6 +182,10 @@ export function InvoiceTable({ initialInvoices }: InvoiceTableProps) {
                           key={invoice.id}
                           invoice={invoice}
                           activeTab="sent"
+                          setSelectedInvoices={setSelectedInvoices}
+                          selectedInvoices={selectedInvoices}
+                          lastSelectedNetwork={lastSelectedNetwork}
+                          setLastSelectedNetwork={setLastSelectedNetwork}
                         />
                       ))
                   )}
@@ -211,6 +227,10 @@ export function InvoiceTable({ initialInvoices }: InvoiceTableProps) {
                           key={invoice.id}
                           invoice={invoice}
                           activeTab="received"
+                          setSelectedInvoices={setSelectedInvoices}
+                          selectedInvoices={selectedInvoices}
+                          lastSelectedNetwork={lastSelectedNetwork}
+                          setLastSelectedNetwork={setLastSelectedNetwork}
                         />
                       ))
                   )}
@@ -235,7 +255,18 @@ export function InvoiceTable({ initialInvoices }: InvoiceTableProps) {
 const InvoiceRow = ({
   invoice,
   activeTab,
-}: { invoice: Request; activeTab: "sent" | "received" }) => {
+  setSelectedInvoices,
+  selectedInvoices,
+  lastSelectedNetwork,
+  setLastSelectedNetwork,
+}: {
+  invoice: Request;
+  activeTab: "sent" | "received";
+  setSelectedInvoices: (invoices: Request[]) => void;
+  selectedInvoices: Request[];
+  lastSelectedNetwork: string | null;
+  setLastSelectedNetwork: (network: string | null) => void;
+}) => {
   const utils = api.useUtils();
   const dueDate = new Date(invoice.dueDate);
   const isOverdue = invoice.status === "pending" && isPast(dueDate);
@@ -260,8 +291,41 @@ const InvoiceRow = ({
     }
   };
 
+  const handleSelectInvoice = (isChecked: boolean) => {
+    if (isChecked) {
+      const invoiceNetwork = invoice.paymentCurrency.split("-")[1];
+      if (lastSelectedNetwork && invoiceNetwork !== lastSelectedNetwork) {
+        toast.error(
+          "You can only select invoices from the same network as the last selected invoice",
+        );
+        return false;
+      }
+
+      if (invoice.status === "paid") {
+        toast.error("You can't select a paid invoice");
+        return false;
+      }
+
+      setSelectedInvoices([...selectedInvoices, invoice]);
+      setLastSelectedNetwork(invoiceNetwork);
+    } else {
+      setSelectedInvoices(selectedInvoices.filter((i) => i.id !== invoice.id));
+      if (selectedInvoices.length === 1) {
+        setLastSelectedNetwork(null);
+      }
+    }
+
+    return true;
+  };
+
   return (
     <TableRow className="hover:bg-zinc-50/50">
+      <TableCell>
+        <Checkbox
+          onCheckedChange={handleSelectInvoice}
+          checked={selectedInvoices.some((i) => i.id === invoice.id)}
+        />
+      </TableCell>
       <TableCell className="font-medium">
         <div className="flex flex-col">
           <span>{invoice.invoiceNumber}</span>
@@ -344,6 +408,7 @@ const InvoiceRow = ({
 // Update the table headers based on tab
 const TableColumns = ({ type }: { type: "sent" | "received" }) => (
   <TableRow className="hover:bg-transparent border-none">
+    <TableHead className="text-zinc-500 font-medium w-[1%]">Select</TableHead>
     <TableHead className="text-zinc-500 font-medium">Invoice #</TableHead>
     <TableHead className="text-zinc-500 font-medium">
       {type === "sent" ? "Client" : "From"}
diff --git a/src/components/payment-section.tsx b/src/components/payment-section.tsx
index 27f73eab..7b701fd2 100644
--- a/src/components/payment-section.tsx
+++ b/src/components/payment-section.tsx
@@ -317,7 +317,7 @@ export function PaymentSection({ invoice }: PaymentSectionProps) {
       walletProvider as ethers.providers.ExternalProvider,
     );
 
-    const signer = await ethersProvider.getSigner();
+    const signer = ethersProvider.getSigner();
 
     try {
       const paymentData = await payRequest({
diff --git a/src/lib/constants/chains.ts b/src/lib/constants/chains.ts
index b36a4f19..664b0bbd 100644
--- a/src/lib/constants/chains.ts
+++ b/src/lib/constants/chains.ts
@@ -16,6 +16,16 @@ export const CHAIN_TO_ID = {
   POLYGON: 137,
 };
 
+export const NETWORK_TO_ID = {
+  matic: 137,
+  base: 8453,
+  "arbitrum-one": 42161,
+  arbitrum: 42161,
+  optimism: 10,
+  mainnet: 1,
+  sepolia: 11155111,
+};
+
 export const ID_TO_APPKIT_NETWORK = {
   [sepolia.id]: sepolia,
   [base.id]: base,
diff --git a/src/lib/invoice/batch-payment.ts b/src/lib/invoice/batch-payment.ts
new file mode 100644
index 00000000..d8e6fb60
--- /dev/null
+++ b/src/lib/invoice/batch-payment.ts
@@ -0,0 +1,126 @@
+import type { ethers, providers } from "ethers";
+
+interface BatchPaymentResult {
+  success: boolean;
+  error?: string;
+}
+
+export interface BatchPaymentData {
+  ERC20ApprovalTransactions: providers.TransactionRequest[];
+  batchPaymentTransaction: providers.TransactionRequest;
+}
+
+export const handleBatchPayment = async ({
+  signer,
+  batchPaymentData,
+  onSuccess,
+  onError,
+  onStatusChange,
+}: {
+  signer: ethers.Signer;
+  batchPaymentData: BatchPaymentData;
+  onSuccess?: () => void;
+  onError?: () => void;
+  onStatusChange?: (
+    status: "processing" | "success" | "error" | "idle",
+  ) => void;
+}): Promise<BatchPaymentResult> => {
+  try {
+    onStatusChange?.("processing");
+
+    const isApprovalNeeded =
+      batchPaymentData.ERC20ApprovalTransactions.length > 0;
+
+    if (isApprovalNeeded) {
+      for (const approvalTransaction of batchPaymentData.ERC20ApprovalTransactions) {
+        try {
+          const tx = await signer.sendTransaction(approvalTransaction);
+          await tx.wait();
+        } catch (approvalError: any) {
+          if (approvalError?.code === 4001) {
+            onStatusChange?.("error");
+            onError?.();
+            return { success: false, error: "approval_rejected" };
+          }
+          throw approvalError;
+        }
+      }
+    }
+
+    try {
+      const tx = await signer.sendTransaction(
+        batchPaymentData.batchPaymentTransaction,
+      );
+      await tx.wait();
+
+      onStatusChange?.("success");
+      onSuccess?.();
+
+      return { success: true };
+    } catch (txError: any) {
+      if (txError?.code === 4001) {
+        onStatusChange?.("error");
+        onError?.();
+        return { success: false, error: "transaction_rejected" };
+      }
+      throw txError;
+    }
+  } catch (error: any) {
+    console.error("Payment error:", error);
+
+    if (
+      error?.code === "INSUFFICIENT_FUNDS" ||
+      error?.message?.toLowerCase().includes("insufficient funds") ||
+      (error?.code === "SERVER_ERROR" && error?.error?.code === -32000)
+    ) {
+      onStatusChange?.("error");
+      onError?.();
+      return { success: false, error: "insufficient_funds" };
+    }
+
+    if (
+      error?.message?.toLowerCase().includes("network") ||
+      error?.code === "NETWORK_ERROR" ||
+      (error?.event === "error" && error?.type === "network")
+    ) {
+      onStatusChange?.("error");
+      onError?.();
+      return { success: false, error: "network_error" };
+    }
+
+    if (error?.reason) {
+      onStatusChange?.("error");
+      onError?.();
+      return { success: false, error: "contract_error" };
+    }
+
+    let errorMessage =
+      "There was an error processing your batch payment. Please try again.";
+
+    if (error && typeof error === "object") {
+      if (
+        "data" in error &&
+        error.data &&
+        typeof error.data === "object" &&
+        "message" in error.data
+      ) {
+        errorMessage = error.data.message || errorMessage;
+      } else if ("message" in error) {
+        errorMessage = error.message || errorMessage;
+      } else if ("response" in error && error.response?.data?.message) {
+        errorMessage = error.response.data.message;
+      } else if (
+        "error" in error &&
+        typeof error.error === "object" &&
+        error.error &&
+        "message" in error.error
+      ) {
+        errorMessage = error.error.message;
+      }
+    }
+
+    onStatusChange?.("error");
+    onError?.();
+    return { success: false, error: "unknown_error" };
+  }
+};
diff --git a/src/server/routers/invoice.ts b/src/server/routers/invoice.ts
index e575e133..ecd4e1fb 100644
--- a/src/server/routers/invoice.ts
+++ b/src/server/routers/invoice.ts
@@ -401,7 +401,7 @@ export const invoiceRouter = router({
       const { paymentIntent, payload } = input;
 
       const response = await apiClient.post(
-        `/v2/request/${paymentIntent}/send`,
+        `/v2/request/payment-intents/${paymentIntent}`,
         payload,
       );
 
diff --git a/src/server/routers/payment.ts b/src/server/routers/payment.ts
index f347d70e..56eace4e 100644
--- a/src/server/routers/payment.ts
+++ b/src/server/routers/payment.ts
@@ -38,9 +38,15 @@ export const paymentRouter = router({
     }),
   batchPay: protectedProcedure
     .input(
-      batchPaymentFormSchema.extend({
-        payer: z.string().optional(),
-      }),
+      z
+        .object({
+          payouts: batchPaymentFormSchema.shape.payouts.optional(),
+          requestIds: z.array(z.string()).optional(),
+          payer: z.string().optional(),
+        })
+        .refine((data) => data.payouts || data.requestIds, {
+          message: "Either payouts or requestIds must be provided",
+        }),
     )
     .mutation(async ({ ctx, input }) => {
       const { user } = ctx;
@@ -53,12 +59,15 @@ export const paymentRouter = router({
       }
 
       const response = await apiClient.post("v2/payouts/batch", {
-        requests: input.payouts.map((payout) => ({
-          amount: payout.amount.toString(),
-          payee: payout.payee,
-          invoiceCurrency: payout.invoiceCurrency,
-          paymentCurrency: payout.paymentCurrency,
-        })),
+        requests: input.payouts
+          ? input.payouts.map((payout) => ({
+              amount: payout.amount.toString(),
+              payee: payout.payee,
+              invoiceCurrency: payout.invoiceCurrency,
+              paymentCurrency: payout.paymentCurrency,
+            }))
+          : undefined,
+        requestIds: input.requestIds,
         payer: input.payer,
       });