fix: add function to unify order ledger on details and invoice

src/components/mui/SponsorOrderGrid/__tests__/SponsorOrderGrid.test.js

@@ -17,7 +17,9 @@ jest.mock("i18n-react/dist/i18n-react", () => ({
 }));
 
 jest.mock("../../../../utils/money", () => ({
-  currencyAmountFromCents: (amount) => `$${(amount / 100).toFixed(2)}`
+  currencyAmountFromCents: (amount) => `$${(amount / 100).toFixed(2)}`,
+  formatDiscount: (amount, type) =>
+    type === "Rate" ? `${amount / 100}%` : `$${(amount / 100).toFixed(2)}`
 }));
 
 jest.mock("../../../../utils/constants", () => ({
@@ -170,3 +172,95 @@ describe("SponsorOrderGrid", () => {
     expect(screen.queryByText("sponsor_order_grid.reconciliation")).not.toBeInTheDocument();
   });
 });
+
+// ─── Ledger-driven fixes ────────────────────────────────────────────────────
+// Regression coverage for the three ways this grid used to diverge from the
+// invoice PDF before both started consuming utils/order-ledger.
+
+describe("SponsorOrderGrid — ledger-driven fixes", () => {
+  test("falls back to item.title for the details column when item.type is null (matches the invoice PDF)", () => {
+    const order = {
+      forms: [makeForm({ items: [makeItem({ type: null, title: "Booth Space" })] })],
+      total: 0
+    };
+    render(<SponsorOrderGrid order={order} />);
+    expect(screen.getByText(/Booth Space/)).toBeInTheDocument();
+  });
+
+  test("renders an item whose quantity is missing (undefined), defaulting to 1", () => {
+    const order = {
+      forms: [makeForm({ items: [makeItem({ quantity: undefined })] })],
+      total: 0
+    };
+    render(<SponsorOrderGrid order={order} />);
+    expect(screen.getAllByText("$100.00").length).toBeGreaterThan(0);
+  });
+
+  test("gives distinct row keys to multiple fees carrying line_id but no id (purchases-api v2 shape)", () => {
+    const consoleErrorSpy = jest.spyOn(console, "error").mockImplementation(() => {});
+    const order = {
+      forms: [makeForm({ items: [] })],
+      fees: [
+        { line_id: 7001, title: "Processing Fee", amount: 500 },
+        { line_id: 7002, title: "Late Fee", amount: 250 }
+      ],
+      total: 0
+    };
+    render(<SponsorOrderGrid order={order} />);
+
+    expect(screen.getByText("Processing Fee")).toBeInTheDocument();
+    expect(screen.getByText("Late Fee")).toBeInTheDocument();
+    expect(consoleErrorSpy.mock.calls.join(" ")).not.toMatch(/same key/);
+    consoleErrorSpy.mockRestore();
+  });
+
+  test("renders no discount row when discount_in_cents is 0", () => {
+    const order = {
+      forms: [
+        makeForm({
+          discount_in_cents: 0,
+          discount_amount: 1000,
+          discount_type: "Rate",
+          items: [makeItem()]
+        })
+      ],
+      total: 0
+    };
+    render(<SponsorOrderGrid order={order} />);
+    expect(screen.queryByText("mui_table.dis")).not.toBeInTheDocument();
+  });
+
+  test("formats the discount description from discount_amount/discount_type when the form carries no pre-formatted discount string (raw API shape)", () => {
+    const order = {
+      forms: [
+        makeForm({
+          discount: null,
+          discount_in_cents: 5000,
+          discount_amount: 1000,
+          discount_type: "Rate",
+          items: [makeItem()]
+        })
+      ],
+      total: 0
+    };
+    render(<SponsorOrderGrid order={order} />);
+    expect(screen.getByText("10%")).toBeInTheDocument();
+  });
+
+  test("uses the pre-formatted discount string when the form is already normalized", () => {
+    const order = {
+      forms: [
+        makeForm({
+          discount: "10% off",
+          discount_in_cents: 5000,
+          discount_amount: 1000,
+          discount_type: "Rate",
+          items: [makeItem()]
+        })
+      ],
+      total: 0
+    };
+    render(<SponsorOrderGrid order={order} />);
+    expect(screen.getByText("10% off")).toBeInTheDocument();
+  });
+});