MED-177: add booking confirmation

app/home/(user)/_components/orders/order-block.tsx

@@ -69,11 +69,12 @@ export default function OrderBlock({
             title="orders:table.ttoService"
             type="ttoService"
             order={{
-              status: medusaOrderStatus.toUpperCase(),
+              status: ttoReservation?.status,
               medusaOrderId,
               location: ttoLocation?.name,
               bookingCode: ttoReservation?.booking_code,
               clinicId: ttoReservation?.clinic_id,
+              medusaLineItemId: ttoReservation?.medusa_cart_line_item_id,
             }}
           />
         )}

app/home/(user)/_components/orders/order-items-table.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from 'react';
 
-import { useRouter } from 'next/navigation';
+import { redirect, useRouter } from 'next/navigation';
 
 import ConfirmationModal from '@/packages/shared/src/components/confirmation-modal';
 import { StoreOrderLineItem } from '@medusajs/types';
@@ -40,6 +40,11 @@ export default function OrderItemsTable({
 }) {
   const router = useRouter();
   const [isConfirmOpen, setIsConfirmOpen] = useState(false);
+  const isCancelOrderAllowed =
+    order?.bookingCode &&
+    order?.clinicId &&
+    order?.medusaLineItemId &&
+    order?.status === 'CONFIRMED';
 
   if (!items || items.length === 0) {
     return null;
@@ -109,7 +114,7 @@ export default function OrderItemsTable({
                 <Button size="sm" onClick={openDetailedView}>
                   <Trans i18nKey="analysis-results:view" />
                 </Button>
-                {isTtoservice && order.bookingCode && (
+                {isCancelOrderAllowed && (
                   <Button
                     size="sm"
                     className="bg-warning/90 hover:bg-warning mt-2 w-full"
@@ -122,12 +127,18 @@ export default function OrderItemsTable({
             </TableRow>
           ))}
       </TableBody>
-      {order?.bookingCode && order?.clinicId && (
+      {isCancelOrderAllowed && (
         <ConfirmationModal
           isOpen={isConfirmOpen}
           onClose={() => setIsConfirmOpen(false)}
           onConfirm={async () => {
-            await cancelTtoBooking(order.bookingCode!, order.clinicId!);
+            cancelTtoBooking(
+              order.bookingCode!,
+              order.clinicId!,
+              order.medusaLineItemId!,
+            ).then(() => {
+              redirect(pathsConfig.app.myOrders);
+            });
           }}
           titleKey="orders:confirmBookingCancel.title"
           descriptionKey="orders:confirmBookingCancel.description"