feat: add payer reputation marketplace filter

__tests__/invoiceFilters.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
-import { applyInvoiceFilters, countActiveInvoiceFilters, EMPTY_INVOICE_FILTERS } from "../hooks/useInvoiceFilters";
-import type { Invoice } from "../utils/soroban";
+import { applyInvoiceFilters, countActiveInvoiceFilters, EMPTY_INVOICE_FILTERS } from "../src/hooks/useInvoiceFilters";
+import type { Invoice } from "../src/utils/soroban";
 
 function makeInvoice(
   id: bigint,
@@ -9,11 +9,12 @@ function makeInvoice(
   dueDate: bigint,
   discountRate: number,
   token?: string,
+  payer = "GBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBRY",
 ): Invoice {
   return {
     id,
     freelancer: "GAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWHF",
-    payer: "GBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBRY",
+    payer,
     amount,
     due_date: dueDate,
     discount_rate: discountRate,
@@ -26,9 +27,9 @@ function makeInvoice(
 
 describe("invoice filter logic", () => {
   const invoices: Invoice[] = [
-    makeInvoice(101n, "Pending", 100n * 10_000_000n, 1_760_000_000n, 300, "token-usdc"),
-    makeInvoice(202n, "Funded", 500n * 10_000_000n, 1_770_000_000n, 900, "token-eurc"),
-    makeInvoice(303n, "Paid", 900n * 10_000_000n, 1_780_000_000n, 1200, "token-xlm"),
+    makeInvoice(101n, "Pending", 100n * 10_000_000n, 1_760_000_000n, 300, "token-usdc", "PAYER_LOW"),
+    makeInvoice(202n, "Funded", 500n * 10_000_000n, 1_770_000_000n, 900, "token-eurc", "PAYER_HIGH"),
+    makeInvoice(303n, "Paid", 900n * 10_000_000n, 1_780_000_000n, 1200, "token-xlm", "PAYER_UNKNOWN"),
   ];
 
   it("searches by id and address fragments", () => {
@@ -68,6 +69,25 @@ describe("invoice filter logic", () => {
     expect(filtered.map((invoice) => invoice.id)).toEqual([202n]);
   });
 
+  it("filters by minimum payer reputation score", () => {
+    const filtered = applyInvoiceFilters(
+      invoices,
+      {
+        ...EMPTY_INVOICE_FILTERS,
+        minPayerReputation: "75",
+      },
+      {
+        resolvePayerReputation: (invoice) => {
+          if (invoice.payer === "PAYER_LOW") return 40;
+          if (invoice.payer === "PAYER_HIGH") return 90;
+          return null;
+        },
+      },
+    );
+
+    expect(filtered.map((invoice) => invoice.id)).toEqual([202n]);
+  });
+
   it("counts active filter groups correctly", () => {
     expect(
       countActiveInvoiceFilters({
@@ -76,7 +96,8 @@ describe("invoice filter logic", () => {
         statuses: ["Pending"],
         minAmount: "10",
         token: "USDC",
+        minPayerReputation: "80",
       }),
-    ).toBe(4);
+    ).toBe(5);
   });
 });

src/components/InvoiceFilterBar.tsx

@@ -13,6 +13,7 @@ type InvoiceFilterBarProps = {
   onClearFilters: () => void;
   activeFilterCount: number;
   className?: string;
+  showReputationFilter?: boolean;
 };
 
 const TOKEN_OPTIONS = ["USDC", "EURC", "XLM"] as const;
@@ -23,6 +24,7 @@ export default function InvoiceFilterBar({
   onClearFilters,
   activeFilterCount,
   className,
+  showReputationFilter = false,
 }: InvoiceFilterBarProps) {
   const [isAdvancedOpen, setIsAdvancedOpen] = useState(false);
 

src/components/LPDashboard.tsx

@@ -542,6 +542,7 @@ export default function LPDashboard() {
           onFiltersChange={setFilters}
           onClearFilters={clearFilters}
           activeFilterCount={activeFilterCount}
+          showReputationFilter
         />
         <ExportButton data={filteredInvoices} filenamePrefix="iln-lp-export" />
         <button
@@ -717,6 +718,11 @@ export default function LPDashboard() {
                           risk={payerRisks.get(invoice.payer) ?? "Unknown"}
                           score={payerScores.get(invoice.payer) ?? null}
                         />
+                        {payerScores.get(invoice.payer) ? (
+                          <span className="mt-1 block text-[10px] font-bold uppercase tracking-wide text-on-surface-variant">
+                            Score {payerScores.get(invoice.payer)?.score}/100
+                          </span>
+                        ) : null}
                       </td>
                     )}
                     <td className="px-6 py-5 text-right">

src/hooks/useInvoiceFilters.ts

@@ -1,6 +1,6 @@
 "use client";
 
-import { useCallback, useMemo } from "react";
+import { useCallback, useEffect, useMemo } from "react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import type { Invoice } from "@/utils/soroban";
 import { tokenAmountToNumber } from "@/utils/format";
@@ -88,6 +88,11 @@ function buildFilterQuery(searchParams: URLSearchParams, namespace: string, filt
 
 function readFiltersFromParams(searchParams: URLSearchParams, namespace: string): InvoiceFilters {
   const prefix = `${namespace}_`;
+  const persistedReputation =
+    typeof window === "undefined"
+      ? ""
+      : window.localStorage.getItem(`${prefix}minPayerReputation`) ?? "";
+
   return {
     search: searchParams.get(`${prefix}search`) ?? "",
     statuses: cleanStatusList((searchParams.get(`${prefix}statuses`) ?? "").split(",").filter(Boolean)),
@@ -132,6 +137,7 @@ export function applyInvoiceFilters(
   const start = filters.startDate ? new Date(`${filters.startDate}T00:00:00.000Z`) : null;
   const end = filters.endDate ? new Date(`${filters.endDate}T23:59:59.999Z`) : null;
   const selectedToken = filters.token.trim().toUpperCase();
+  const minPayerReputation = parseNumeric(filters.minPayerReputation);
 
   return invoices.filter((invoice) => {
     if (search) {
@@ -207,6 +213,15 @@ export function useInvoiceFilters({ namespace }: UseInvoiceFiltersOptions) {
 
   const activeFilterCount = useMemo(() => countActiveInvoiceFilters(filters), [filters]);
 
+  useEffect(() => {
+    const key = `${namespace}_minPayerReputation`;
+    if (filters.minPayerReputation.trim()) {
+      window.localStorage.setItem(key, filters.minPayerReputation.trim());
+    } else {
+      window.localStorage.removeItem(key);
+    }
+  }, [filters.minPayerReputation, namespace]);
+
   return {
     filters,
     setFilters: updateFilters,