Merged in feat(SW-1275)-cancel-booking-my-stay (pull request #1376)

Feat(SW-1275) cancel booking my stay

* feat(SW-1276) UI implementation Desktop part 1 for MyStay

* feat(SW-1276) UI implementation Desktop part 2 for MyStay

* feat(SW-1276) UI implementation Mobile part 1 for MyStay

* refactor: move files from MyStay/MyStay to MyStay

* feat(SW-1276) Sidepeek implementation

* feat(SW-1276): Refactoring

* feat(SW-1276) UI implementation Mobile part 2 for MyStay

* feat(SW-1276): translations

* feat(SW-1276) fixed skeleton

* feat(SW-1276): Added missing translations

* feat(SW-1276) fixed translations

* feat(SW-1275) cancel modal

* feat(SW-1275): Mutate cancel booking

* feat(SW-1275) added translations

* feat(SW-1275) match current cancellationReason

* feat(SW-1275) Added modal for manage stay

* feat(SW-1275) Added missing icon

* feat(SW-1275) New Dont cancel button

* feat(SW-1275) Added preperation for Cancellation number

* feat(SW-1275): added --modal-box-shadow

* feat(SW-1718) Add to calendar

* feat(SW-1718) general add to calendar


Approved-by: Niclas Edenvin

server/routers/booking/input.ts

@@ -89,6 +89,11 @@ export const priceChangeInput = z.object({
   confirmationNumber: z.string(),
 })
 
+export const cancelBookingInput = z.object({
+  confirmationNumber: z.string(),
+  language: z.nativeEnum(Lang).transform((val) => langToApiLang[val]),
+})
+
 // Query
 const confirmationNumberInput = z.object({
   confirmationNumber: z.string(),

server/routers/booking/mutation.ts

@@ -6,7 +6,11 @@ import { router, safeProtectedServiceProcedure } from "@/server/trpc"
 
 import { getMembership } from "@/utils/user"
 
-import { createBookingInput, priceChangeInput } from "./input"
+import {
+  cancelBookingInput,
+  createBookingInput,
+  priceChangeInput,
+} from "./input"
 import { createBookingSchema } from "./output"
 
 import type { Session } from "next-auth"
@@ -27,6 +31,13 @@ const priceChangeSuccessCounter = meter.createCounter(
 const priceChangeFailCounter = meter.createCounter(
   "trpc.bookings.price-change-fail"
 )
+const cancelBookingCounter = meter.createCounter("trpc.bookings.cancel")
+const cancelBookingSuccessCounter = meter.createCounter(
+  "trpc.bookings.cancel-success"
+)
+const cancelBookingFailCounter = meter.createCounter(
+  "trpc.bookings.cancel-fail"
+)
 
 async function getMembershipNumber(
   session: Session | null
@@ -201,6 +212,98 @@ export const bookingMutationRouter = router({
 
       priceChangeSuccessCounter.add(1, { confirmationNumber })
 
+      return verifiedData.data
+    }),
+  cancel: safeProtectedServiceProcedure
+    .input(cancelBookingInput)
+    .mutation(async function ({ ctx, input }) {
+      const accessToken = ctx.session?.token.access_token ?? ctx.serviceToken
+      const { confirmationNumber, language } = input
+
+      const headers = {
+        Authorization: `Bearer ${accessToken}`,
+      }
+
+      const cancellationReason = {
+        reasonCode: "WEB-CANCEL",
+        reason: "WEB-CANCEL",
+      }
+
+      const loggingAttributes = {
+        confirmationNumber,
+        language,
+      }
+
+      cancelBookingCounter.add(1, loggingAttributes)
+
+      console.info(
+        "api.booking.cancel start",
+        JSON.stringify({
+          request: loggingAttributes,
+          headers,
+        })
+      )
+
+      const apiResponse = await api.remove(
+        api.endpoints.v1.Booking.cancel(confirmationNumber),
+        {
+          headers,
+          body: JSON.stringify(cancellationReason),
+        } as RequestInit,
+        { language }
+      )
+
+      if (!apiResponse.ok) {
+        const text = await apiResponse.text()
+        cancelBookingFailCounter.add(1, {
+          confirmationNumber,
+          error_type: "http_error",
+          error: JSON.stringify({
+            status: apiResponse.status,
+          }),
+        })
+        console.error(
+          "api.booking.cancel error",
+          JSON.stringify({
+            error: {
+              status: apiResponse.status,
+              statusText: apiResponse.statusText,
+              text,
+            },
+            query: loggingAttributes,
+          })
+        )
+        return false
+      }
+
+      const apiJson = await apiResponse.json()
+      const verifiedData = createBookingSchema.safeParse(apiJson)
+
+      if (!verifiedData.success) {
+        cancelBookingFailCounter.add(1, {
+          confirmationNumber,
+          error_type: "validation_error",
+        })
+
+        console.error(
+          "api.booking.cancel validation error",
+          JSON.stringify({
+            query: loggingAttributes,
+            error: verifiedData.error,
+          })
+        )
+        return null
+      }
+
+      cancelBookingSuccessCounter.add(1, loggingAttributes)
+
+      console.info(
+        "api.booking.cancel success",
+        JSON.stringify({
+          query: loggingAttributes,
+        })
+      )
+
       return verifiedData.data
     }),
 })

server/routers/booking/output.ts

@@ -136,6 +136,49 @@ export const linkedReservationsSchema = z.object({
   profileId: z.string().default(""),
 })
 
+const linksSchema = z.object({
+  addAncillary: z
+    .object({
+      href: z.string(),
+      meta: z.object({
+        method: z.string(),
+      }),
+    })
+    .nullable(),
+  cancel: z
+    .object({
+      href: z.string(),
+      meta: z.object({
+        method: z.string(),
+      }),
+    })
+    .nullable(),
+  guarantee: z
+    .object({
+      href: z.string(),
+      meta: z.object({
+        method: z.string(),
+      }),
+    })
+    .nullable(),
+  modify: z
+    .object({
+      href: z.string(),
+      meta: z.object({
+        method: z.string(),
+      }),
+    })
+    .nullable(),
+  self: z
+    .object({
+      href: z.string(),
+      meta: z.object({
+        method: z.string(),
+      }),
+    })
+    .nullable(),
+})
+
 export const bookingConfirmationSchema = z
   .object({
     data: z.object({
@@ -167,20 +210,12 @@ export const bookingConfirmationSchema = z
       }),
       id: z.string(),
       type: z.literal("booking"),
-      links: z.object({
-        addAncillary: z
-          .object({
-            href: z.string(),
-            meta: z.object({
-              method: z.string(),
-            }),
-          })
-          .nullable(),
-      }),
+      links: linksSchema,
     }),
   })
   .transform(({ data }) => ({
     ...data.attributes,
-    extraBedTypes: data.attributes.childBedPreferences,
     showAncillaries: !!data.links.addAncillary,
+    isCancelable: !!data.links.cancel,
+    isModifiable: !!data.links.modify,
   }))

server/routers/booking/query.ts

@@ -69,6 +69,12 @@ export const bookingQueryRouter = router({
           })
         )
 
+        // If the booking is not found, return null.
+        // This scenario is expected to happen when a logged in user trying to access a booking that doesn't belong to them.
+        if (apiResponse.status === 400) {
+          return null
+        }
+
         throw serverErrorByStatus(apiResponse.status, apiResponse)
       }