pERTRUCK EXIT

apps/edr-freight-web/backoffice/src/components/warehouses/TruckDispatchModal.tsx

@@ -1,11 +1,12 @@
 import { Alert, Badge, Button, Group, Loader, Modal, MultiSelect, Stack, Text } from '@mantine/core';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { Truck } from 'lucide-react';
+import { FileText, Truck } from 'lucide-react';
 import { useState } from 'react';
 
 import { useToast } from '@/hooks/use-toast';
 import { warehouseService } from '@/services/warehouse.service';
 import { extractErrorMessage } from './options';
+import { openPdfBlob } from './pdf';
 
 interface TruckDispatchModalProps {
   opened: boolean;
@@ -50,6 +51,15 @@ export function TruckDispatchModal({ opened, onClose, bookingId, bookingReferenc
     onError: (e) => toast({ variant: 'destructive', title: 'Load failed', description: extractErrorMessage(e) }),
   });
 
+  const openTruckExitPaper = async (assignmentId: string, plate: string) => {
+    try {
+      const res = await warehouseService.downloadTruckExitPaper(assignmentId);
+      openPdfBlob(res.data, `exit-${plate}.pdf`);
+    } catch (e) {
+      toast({ variant: 'destructive', title: 'Exit paper not ready', description: extractErrorMessage(e) });
+    }
+  };
+
   return (
     <Modal
       opened={opened}
@@ -102,7 +112,16 @@ export function TruckDispatchModal({ opened, onClose, bookingId, bookingReferenc
                   disabled={departed || !t.arrivedAt}
                   nothingFoundMessage="No loadable containers"
                 />
-                <Group justify="flex-end">
+                <Group justify="flex-end" gap="xs">
+                  <Button
+                    size="xs"
+                    variant="light"
+                    color="orange"
+                    leftSection={<FileText size={14} />}
+                    onClick={() => openTruckExitPaper(t.id, t.plateNumber)}
+                  >
+                    Exit Paper
+                  </Button>
                   <Button
                     size="xs"
                     color="edr-green"

apps/edr-freight-web/backoffice/src/services/warehouse.service.ts

@@ -71,14 +71,14 @@ const cleanParams = (params: object) =>
 export const warehouseService = {
   /** Customer self-haul trucks assigned to a booking (portal multi-truck). */
   getCustomerTrucks: async (bookingId: string): Promise<Freight.ICustomerTruck[]> => {
-    const { data } = await apiClient.get(`/api/bookings/${bookingId}/customer-trucks`);
+    const { data } = await apiClient.get(`/bookings/${bookingId}/customer-trucks`);
     return data?.data ?? data ?? [];
   },
 
   /** Booking container numbers not yet loaded onto any truck. */
   getLoadableContainers: async (bookingId: string): Promise<string[]> => {
     const { data } = await apiClient.get(
-      `/api/bookings/${bookingId}/customer-trucks/loadable-containers`,
+      `/bookings/${bookingId}/customer-trucks/loadable-containers`,
     );
     return data?.data ?? data ?? [];
   },
@@ -90,7 +90,7 @@ export const warehouseService = {
     containerNumbers: string[],
   ): Promise<Freight.ICustomerTruck[]> => {
     const { data } = await apiClient.post(
-      `/api/bookings/${bookingId}/customer-trucks/${assignmentId}/load`,
+      `/bookings/${bookingId}/customer-trucks/${assignmentId}/load`,
       { containerNumbers },
     );
     return data?.data ?? data ?? [];
@@ -176,6 +176,11 @@ export const warehouseService = {
     apiClient.get<Blob>(URL_CONSTANTS.WAREHOUSE_INVENTORY.HANDOVER_DOCUMENT(id), {
       responseType: 'blob',
     }),
+  /** Per-truck exit paper PDF (containers loaded on one customer truck). */
+  downloadTruckExitPaper: (assignmentId: string) =>
+    apiClient.get<Blob>(`/warehouse-inventory/customer-truck-exit-paper/${assignmentId}`, {
+      responseType: 'blob',
+    }),
   deliver: (id: string, payload: DeliverInventoryPayload) =>
     apiClient.post<WarehouseInventoryItem>(URL_CONSTANTS.WAREHOUSE_INVENTORY.DELIVER(id), payload),