UAT issues resolution

2026-09-07 09:35:44 +00:00 · 2026-07-05 20:38:49 +03:00
parent 21122069a5
commit cacced8edf
5 changed files with 73 additions and 44 deletions
--- a/apps/edr-passenger-web/backoffice/src/app/bookings/page.tsx
+++ b/apps/edr-passenger-web/backoffice/src/app/bookings/page.tsx
@@ -13,7 +13,7 @@ import { usePermission } from '@/lib/use-permission';
 import { PERMS } from '@/lib/permissions';
 import ConfirmDialog from '@/components/ui/ConfirmDialog';
 import { bookingsApi, apiClient } from '@/lib/api';
-import { formatCurrency, formatDateTime } from '@/lib/utils';
+import { formatCurrency, formatDateTime, formatDateTimeShort } from '@/lib/utils';
 import { BookingFilters } from '@/types';

 const Field = ({ label, value, mono = false, truncate = false }: { label: string; value: string; mono?: boolean; truncate?: boolean }) => (
@@ -151,12 +151,38 @@ function BookingsPageContent() {
            )}
          </div>
          {booking.isPackageBooking
-            ? <div className="text-xs text-muted-foreground">From: {booking.departureStationName || booking.schedule?.originStation?.name || '—'}</div>
+            ? <div className="text-xs text-muted-foreground">Boarding at: {booking.departureStationName || booking.schedule?.originStation?.name || '—'}</div>
            : <div className="text-xs text-muted-foreground">{booking.bookingType || 'ONE_WAY'}</div>
          }
        </div>
      ),
    },
+    {
+      key: 'trip',
+      label: 'Trip',
+      render: (booking: any) => {
+        const isRoundTrip = booking?.bookingType === 'ROUND_TRIP' || booking?.bookingType === 'ROUND_TRIP_TRANSIT';
+        const returnDeparture = booking?.returnSchedule?.departureAt;
+        console.log(JSON.stringify(booking.packageId));
+        return (
+          <div>
+            <div className="font-medium">
+              {booking.schedule?.originStation?.name || 'N/A'} → {booking.schedule?.destinationStation?.name || 'N/A'}
+            </div>
+            <div className="text-xs text-muted-foreground">
+              {!isRoundTrip ? (
+                <span>{booking.schedule?.departureAt ? formatDateTimeShort(booking.schedule.departureAt) : 'N/A'}</span>
+              ) : (
+                <span>
+                  {booking.schedule?.departureAt ? formatDateTimeShort(booking.schedule.departureAt) : 'N/A'} · 
+                  {returnDeparture ? formatDateTimeShort(returnDeparture) : ''}
+                </span>
+              )}
+            </div>
+          </div>
+        );
+      },
+    },
    {
      key: 'passengerNames', label: 'Names',
      render: (booking: any) => {
@@ -203,14 +229,6 @@ function BookingsPageContent() {
        </div>
      ),
    },
-    {
-      key: 'passengerCount', label: 'Passengers',
-      render: (booking: any) => {
-        const adults = booking.adultCount || 0, children = booking.childCount || 0;
-        if (!adults && !children) return '—';
-        return <><div>Adult: {adults}</div><div className="text-sm text-muted-foreground">Child: {children}</div></>;
-      },
-    },
    {
      key: 'paymentStatus', label: 'Payment',
      render: (booking: any) => (
--- a/apps/edr-passenger-web/portal/src/app/booking/confirmation/page.tsx
+++ b/apps/edr-passenger-web/portal/src/app/booking/confirmation/page.tsx
@@ -153,7 +153,7 @@ export default function ConfirmationPage() {

  const handleNewBooking = () => {
    clearBooking();
-    router.push('/booking/search');
+    window.location.href = '/';
  };

  useEffect(() => {
--- a/apps/edr-passenger-web/portal/src/app/booking/seats/page.tsx
+++ b/apps/edr-passenger-web/portal/src/app/booking/seats/page.tsx
@@ -143,7 +143,7 @@ export default function SeatsPage() {
  const [passengerSeatMap, setPassengerSeatMap] = useState<Record<number, string>>({});
  // Outbound seat IDs locked in after the outbound hold — used to prevent the
  // same physical seat being picked again on the inbound leg.
-  const [outboundLockedSeatIds, setOutboundLockedSeatIds] = useState<Set<string>>(new Set());
+
  const [activePassengerIndex, setActivePassengerIndex] = useState(0);
  const [selectedCoach, setSelectedCoach] = useState<string | null>(null);
  const [currentJourneyType, setCurrentJourneyType] = useState<
@@ -173,9 +173,12 @@ export default function SeatsPage() {
    isLoading,
    error,
  } = useQuery({
-    queryKey: ["seatmap", currentSchedule?.id, coachTypeId, currentJourneyType],
+    queryKey: ["seatmap", currentSchedule?.id, coachTypeId, currentJourneyType, (currentSchedule as any)?.originStationId, (currentSchedule as any)?.destinationStationId],
    queryFn: async () => {
-      const endpoint = `/seats/seatmap/${currentSchedule?.id}?coachTypeId=${coachTypeId}&journeyDirection=${journeyDirection}`;
+      const scheduleForMap = isRoundTrip && currentJourneyType === "inbound" ? inboundSchedule : (isRoundTrip ? outboundSchedule : selectedSchedule);
+      const originId = (scheduleForMap as any)?.originStationId || searchCriteria?.originStationId;
+      const destinationId = (scheduleForMap as any)?.destinationStationId || searchCriteria?.destinationStationId;
+      const endpoint = `/seats/seatmap/${currentSchedule?.id}?coachTypeId=${coachTypeId}&journeyDirection=${journeyDirection}${originId ? `&originStationId=${originId}` : ''}${destinationId ? `&destinationStationId=${destinationId}` : ''}`;

      const response = await apiClient.get(endpoint);

@@ -337,10 +340,9 @@ export default function SeatsPage() {
  }, [allSeats, selectedCoachData, currentSchedule?.selectedSeatClass]);

  // Seats already claimed by any passenger in this journey leg, plus outbound
-  // locked seats (so inbound cannot reuse the same physical seat IDs).
  const assignedSeatIds = useMemo(
-    () => new Set([...Object.values(passengerSeatMap), ...outboundLockedSeatIds]),
-    [passengerSeatMap, outboundLockedSeatIds],
+    () => new Set(Object.values(passengerSeatMap)),
+    [passengerSeatMap],
  );

  // The furthest passenger a user is allowed to jump to — cannot skip ahead of the
@@ -359,11 +361,10 @@ export default function SeatsPage() {

  const isSeatAssignedToOther = useCallback(
    (seatId: string) =>
-      outboundLockedSeatIds.has(seatId) ||
      Object.entries(passengerSeatMap).some(
        ([idx, sid]) => Number(idx) !== activePassengerIndex && sid === seatId,
      ),
-    [passengerSeatMap, activePassengerIndex, outboundLockedSeatIds],
+    [passengerSeatMap, activePassengerIndex],
  );

  const handleSelectPassenger = useCallback(
@@ -376,12 +377,10 @@ export default function SeatsPage() {

  const handleSeatClick = useCallback(
    (seatId: string) => {
-      // Seat already claimed by a different passenger or locked from outbound — never allow duplicate assignment
-      const takenByOther =
-        outboundLockedSeatIds.has(seatId) ||
-        Object.entries(passengerSeatMap).some(
-          ([idx, sid]) => Number(idx) !== activePassengerIndex && sid === seatId,
-        );
+      // Seat already claimed by a different passenger — never allow duplicate assignment
+      const takenByOther = Object.entries(passengerSeatMap).some(
+        ([idx, sid]) => Number(idx) !== activePassengerIndex && sid === seatId,
+      );
      if (takenByOther) return;

      const isDeselecting = passengerSeatMap[activePassengerIndex] === seatId;
@@ -401,7 +400,7 @@ export default function SeatsPage() {
        if (nextUnassigned !== -1) setActivePassengerIndex(nextUnassigned);
      }
    },
-    [passengerSeatMap, activePassengerIndex, passengers, outboundLockedSeatIds],
+    [passengerSeatMap, activePassengerIndex, passengers],
  );

  const allSeatsAssigned =
@@ -436,8 +435,6 @@ export default function SeatsPage() {
        });
        return;
      }
-      // Lock outbound seat IDs so they cannot be selected on the inbound leg
-      setOutboundLockedSeatIds(new Set(seatIds));
      setCurrentJourneyType("inbound");
      setPassengerSeatMap({});
      setActivePassengerIndex(0);
--- a/apps/edr-passenger-web/portal/src/app/packages/[id]/page.tsx
+++ b/apps/edr-passenger-web/portal/src/app/packages/[id]/page.tsx
@@ -21,7 +21,6 @@ import {
  Tag,
  Shield,
  X,
-  Navigation,
 } from "lucide-react";

 // ─── Types ────────────────────────────────────────────────────────────────────
@@ -322,7 +321,7 @@ function PassengerCountModal({
      <div className="fixed inset-0 z-[100] flex items-end sm:items-center justify-center p-0 sm:p-4">
        <div className="w-full sm:max-w-sm bg-white dark:bg-gray-900 rounded-t-3xl sm:rounded-2xl shadow-2xl overflow-hidden">
          <div className="flex items-center justify-between px-6 py-4 border-b border-gray-100 dark:border-gray-800">
-            <h2 className="text-base font-bold text-gray-900 dark:text-white">Number of passengers</h2>
+            <h2 className="text-base font-bold text-gray-900 dark:text-white">Number of passengers & boarding station selection</h2>
            <button type="button" onClick={onClose} className="w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100 dark:hover:bg-gray-800">
              <X className="w-4 h-4 text-gray-500" />
            </button>
@@ -374,8 +373,7 @@ function PassengerCountModal({

            {/* Departure Station */}
            <div>
-              <label className="flex items-center gap-1.5 text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1.5">
-                <Navigation className="w-3.5 h-3.5 text-primary" />
+              <label className="flex items-center gap-1.5 text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1.5 border-t pt-3">                
                Departure Station
              </label>
              <select
@@ -431,7 +429,7 @@ export default function PackageDetailPage() {
    queryFn: async () => (await apiClient.get(`/stations?pageSize=100`)) as any,
  });

-  const stations: Station[] = stationsData?.items || stationsData?.data?.items || [];
+  const stations: Station[] = Array.isArray(stationsData) ? stationsData : stationsData?.items || stationsData?.data?.items || [];

  const selectedTier = pkg?.priceTiers?.find((t) => t.id === selectedTierId);