Route & trip management UI

Source root: src/components/Registration/Components/B2bCollection/.

This UI is for labs planning sample collection from organization (B2B) sites: define stops, chain them into routes, and run trips with pickup staff. “Bulk” on trips refers to bulk trip creation (e.g. recurring schedules), not bulk rows in some other domain.

---

Route Management

Entry: RouteManagement/index.tsx

• Grid — RoutesGrid.tsx lists routes (copy, edit, delete).
• Add / Edit — AddEditRouteModal.tsx builds a route from ordered route locations; each references a stop (RouteLocation in utils/interface.ts).
• Delete — DeleteRouteConfirmation.tsx (backend PATCH disable where applicable).

Services: RouteManagement/utils/services.ts → api-v3/trip-management/b2b-logistics/routes/…

---

Trip Management

Entry: TripManagement/index.tsx

• List — TripListTabs.tsx, TripListGrid.tsx with date range + status filters (TRIP_FILTER_OPTIONS).
• Create / Edit — AddEditTripModal.tsx; recurring schedules use POST …/trips/new/bulk when scheduled_trips is set.
• Stop-wise — StopWiseGrid.tsx.
• Cancel — CancelTripModal.tsx → PUT …/trips/{id}/cancelled.
• Maps — TripMapModal.tsx, GoogleRouteMap.tsx, InteractiveGoogleMap.tsx, useGoogleDirectionsRoute.ts.

Trip detail (TripManagement/Components/TripDetails/):

• Trip status, pickup person, timeline.
• Sample details — SampleDetailsModal.tsx when the API returns sample counts per stop.
• Comments — CommentsModal.tsx (TRIP_LOCATION_COMMENT_KEYS).

---

Stops (locations)

Add / Edit stop — Reusables/AddEditStopModal.tsx (Stop: name, coordinates, address, contact, note).

Services: B2bCollection/utils/services.ts

• POST /api-v3/trip-management/b2b-logistics/location/new
• GET /api-v3/trip-management/b2b-logistics/location/list

---

Trip status UX

TRIP_STATUS_MAPPING and STOP_STATUS_MAPPING in utils/constants.ts map backend enums to labels and badge colors.

---

Shared layout

• Reusables/Header.tsx — search, date range, actions.
• Reusables/EmptyScreen.tsx — empty state.