feat: show ooo forwarding and emoji when not available

packages/lib/slots.ts

@@ -6,6 +6,7 @@ import type { WorkingHours, TimeRange as DateOverride } from "@calcom/types/sche
 import { getWorkingHours } from "./availability";
 import { getTimeZone } from "./date-fns";
 import type { DateRange } from "./date-ranges";
+import { UserRepository } from "./server/repository/user";
 
 export type GetSlots = {
   inviteeDate: Dayjs;
@@ -185,7 +186,6 @@ function buildSlotsWithDateRanges({
   }
 
   dateRanges.forEach((range) => {
-    const dateYYYYMMDD = range.start.format("YYYY-MM-DD");
     const startTimeWithMinNotice = dayjs.utc().add(minimumBookingNotice, "minute");
 
     let slotStartTime = range.start.utc().isAfter(startTimeWithMinNotice)
@@ -207,8 +207,7 @@ function buildSlotsWithDateRanges({
     slotStartTime = slotStartTime.add(offsetStart ?? 0, "minutes").tz(timeZone);
 
     while (!slotStartTime.add(eventLength, "minutes").subtract(1, "second").utc().isAfter(rangeEnd)) {
-      const dateOutOfOfficeExists = datesOutOfOffice?.[dateYYYYMMDD];
-      let slotData: {
+      const slotData: {
         time: Dayjs;
         userIds?: number[];
         away?: boolean;
@@ -220,24 +219,45 @@ function buildSlotsWithDateRanges({
         time: slotStartTime,
       };
 
-      if (dateOutOfOfficeExists) {
-        const { toUser, fromUser, reason, emoji } = dateOutOfOfficeExists;
-
-        slotData = {
-          time: slotStartTime,
-          away: true,
-          ...(fromUser && { fromUser }),
-          ...(toUser && { toUser }),
-          ...(reason && { reason }),
-          ...(emoji && { emoji }),
-        };
-      }
-
       slots.push(slotData);
       slotStartTime = slotStartTime.add(frequency + (offsetStart ?? 0), "minutes");
     }
   });
 
+  if (datesOutOfOffice) {
+    Object.keys(datesOutOfOffice).forEach(async (date) => {
+      const dateOutOfOffice = datesOutOfOffice[date];
+      const slotTime = dayjs(date).tz(timeZone).startOf("day");
+
+      const { toUser, fromUser, reason, emoji } = dateOutOfOffice;
+
+      const enrichedToUser = toUser ? await UserRepository.enrichUserWithItsProfile({ user: toUser }) : null;
+
+      const oooSlot = {
+        time: slotTime,
+        away: true,
+        ...(fromUser && { fromUser }),
+        ...(enrichedToUser && {
+          toUser: {
+            id: enrichedToUser.id,
+            username: enrichedToUser.username,
+            displayName: enrichedToUser.displayName,
+          },
+        }),
+        ...(reason && { reason }),
+        ...(emoji && { emoji }),
+      };
+
+      // Find the correct position to insert the out of office slot
+      const insertIndex = slots.findIndex((slot) => slot.time.isAfter(slotTime));
+      if (insertIndex === -1) {
+        slots.push(oooSlot);
+      } else {
+        slots.splice(insertIndex, 0, oooSlot);
+      }
+    });
+  }
+
   return slots;
 }