able to turn unfinalized donor offers into csv files now and also implemented the strike through ui

Author: tifpham021

src/app/api/donorOffers/[donorOfferId]/csv/route.ts

@@ -0,0 +1,56 @@
+import { auth } from "@/auth";
+import DonorOfferService from "@/services/donorOfferService";
+import UserService from "@/services/userService";
+import {
+  ArgumentError,
+  AuthenticationError,
+  errorResponse,
+} from "@/util/errors";
+import { NextRequest, NextResponse } from "next/server";
+import { z } from "zod";
+
+const paramSchema = z.object({
+  donorOfferId: z.string().transform((val) => {
+    const parsed = parseInt(val, 10);
+    if (Number.isNaN(parsed)) {
+      throw new Error("donorOfferId must be a valid number");
+    }
+    return parsed;
+  }),
+});
+
+export async function GET(
+  _: NextRequest,
+  { params }: { params: Promise<{ donorOfferId: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      throw new AuthenticationError("Session required");
+    }
+
+    UserService.checkPermission(session.user, "offerWrite");
+
+    const resolvedParams = await params;
+    const parsed = paramSchema.safeParse(resolvedParams);
+    if (!parsed.success) {
+      throw new ArgumentError(parsed.error.message);
+    }
+
+    const { csv, fileName } =
+      await DonorOfferService.getUnfinalizedDonorOfferCsv(
+        parsed.data.donorOfferId
+      );
+
+    return new NextResponse(csv, {
+      status: 200,
+      headers: {
+        "Content-Type": "text/csv; charset=utf-8",
+        "Content-Disposition": `attachment; filename="${fileName}"`,
+        "Cache-Control": "no-store",
+      },
+    });
+  } catch (error) {
+    return errorResponse(error);
+  }
+}

src/screens/DonorOffersScreens/AdminDonorOffersScreen.tsx

@@ -7,6 +7,7 @@ import {
   PencilSimple,
   Upload,
   Archive,
+  FileCsv
 } from "@phosphor-icons/react";
 import { DonorOfferState } from "@prisma/client";
 import React from "react";
@@ -167,12 +168,17 @@ export default function AdminDonorOffersScreen() {
             <MenuButton>
               <DotsThree weight="bold" />
             </MenuButton>
-            <MenuItems anchor="bottom end" className="z-10 rounded-md bg-white ring-1 shadow-lg ring-black/5 w-max">
+            <MenuItems
+              anchor="bottom end"
+              className="z-10 rounded-md bg-white ring-1 shadow-lg ring-black/5 w-max"
+            >
               {offer.state !== DonorOfferState.ARCHIVED && (
                 <MenuItem
                   as="button"
                   className="flex w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100"
-                  onClick={() => router.push(`/donorOffers/${offer.donorOfferId}/edit`)}
+                  onClick={() =>
+                    router.push(`/donorOffers/${offer.donorOfferId}/edit`)
+                  }
                 >
                   <PencilSimple className="inline-block mr-2" size={22} />
                   Edit Offer Details
@@ -182,12 +188,26 @@ export default function AdminDonorOffersScreen() {
                 <MenuItem
                   as="button"
                   className="flex w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100"
-                  onClick={() => router.push(`/donorOffers/${offer.donorOfferId}/finalize`)}
+                  onClick={() =>
+                    router.push(`/donorOffers/${offer.donorOfferId}/finalize`)
+                  }
                 >
                   <Upload className="inline-block mr-2" size={22} />
                   Upload Final Offer
                 </MenuItem>
               )}
+              {offer.state === DonorOfferState.UNFINALIZED && (
+                <MenuItem
+                  as="button"
+                  className="flex w-full px-3 py-2 text-sm text-gray-700 hover:bg-gray-100"
+                  onClick={() =>
+                    window.location.href = `/api/donorOffers/${offer.donorOfferId}/csv`
+                  }
+                >
+                  <FileCsv className="inline-block mr-2" size={22} />
+                  Convert to CSV
+                </MenuItem>
+              )}
               {offer.state === DonorOfferState.FINALIZED && (
                 <MenuItem
                   as="button"

src/services/donorOfferService.ts

@@ -34,6 +34,7 @@ import { buildQueryWithPagination, buildWhereFromFilters } from "@/util/table";
 import { Partner } from "@/components/DonorOffers";
 import { NotificationService } from "./notificationService";
 import { MatchingService } from "./matchingService";
+import Papa from "papaparse";
 
 const DonorOfferItemSchema = z.object({
   title: z.string().trim().min(1, "Title is required"),
@@ -169,6 +170,11 @@ const FinalizeDonorOfferItemSchema = z.object({
 });
 
 type FinalizeDonorOfferItem = z.infer<typeof FinalizeDonorOfferItemSchema>;
+type GeneralItemWithRequests = GeneralItem & {
+  requests: (GeneralItemRequest & {
+    partner: { id: number; name: string };
+  })[];
+};
 
 export default class DonorOfferService {
   private static normalizeExpirationDate(value: unknown): Date | null {
@@ -907,6 +913,68 @@ export default class DonorOfferService {
     };
   }
 
+  static async getUnfinalizedDonorOfferCsv(donorOfferId: number) {
+    const { donorOffer, partners, items } = await this.getAdminDonorOfferDetails(
+      donorOfferId,
+      true
+    );
+
+    if (donorOffer.state !== DonorOfferState.UNFINALIZED) {
+      throw new ArgumentError(
+        "Only unfinalized donor offers can be converted to CSV"
+      );
+    }
+
+    const orderedPartners = [...partners].sort((a, b) =>
+      a.name.localeCompare(b.name)
+    );
+    const itemsWithRequests = items as GeneralItemWithRequests[];
+
+    const rows = itemsWithRequests.map((item) => {
+      const requestTotal = item.requests.reduce(
+        (sum, request) => sum + (request.finalQuantity ?? request.quantity ?? 0),
+        0
+      );
+
+      const row: Record<string, string | number> = {
+        "Item Name": item.title,
+        Expiration: item.expirationDate
+          ? format(new Date(item.expirationDate), "M/d/yyyy")
+          : "None",
+        "Unit Type": item.unitType,
+        Quantity: item.initialQuantity,
+        "Request Total": requestTotal,
+      };
+
+      for (const partner of orderedPartners) {
+        const request = item.requests.find((r) => r.partner.id === partner.id);
+        row[partner.name] = request?.finalQuantity ?? 0;
+      }
+
+      return row;
+    });
+
+    const columns = [
+      "Item Name",
+      "Expiration",
+      "Unit Type",
+      "Quantity",
+      "Request Total",
+      ...orderedPartners.map((partner) => partner.name),
+    ];
+
+    const csv = `\uFEFF${Papa.unparse(rows, { columns })}`;
+    const safeOfferName = donorOffer.offerName
+      .replace(/[^a-z0-9]+/gi, "-")
+      .replace(/^-+|-+$/g, "")
+      .toLowerCase();
+
+    return {
+      csv,
+      fileName: `${safeOfferName || "donor-offer"}-requests.csv`,
+    };
+  }
+
   static async createDonorOfferRequests(
     requests: DonorOfferItemsRequestsDTO[],
     partnerId: number