No confirmation shall be needed when rescheduling events that need confirmation (#440)

* No reconfirmation needed when rescheduling

* adapted success page

* Parse query as string

Co-authored-by: nicolas <[email protected]>
Co-authored-by: Bailey Pumfleet <[email protected]>
Co-authored-by: Peer_Rich <[email protected]>
Co-authored-by: Alex van Andel <[email protected]>

Author: 4 people

components/ImageUploader.tsx

@@ -1,5 +1,5 @@
 import Cropper from "react-easy-crop";
-import { useState, useCallback, useRef } from "react";
+import { useCallback, useRef, useState } from "react";
 import Slider from "./Slider";
 
 export default function ImageUploader({ target, id, buttonMsg, handleAvatarChange, imageRef }) {

components/team/EditTeam.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { ArrowLeftIcon, PlusIcon, TrashIcon } from "@heroicons/react/outline";
 import ErrorAlert from "@components/ui/alerts/Error";
 import { UsernameInput } from "@components/ui/UsernameInput";

components/team/TeamListItem.tsx

@@ -1,9 +1,9 @@
 import {
-  TrashIcon,
   DotsHorizontalIcon,
+  ExternalLinkIcon,
   LinkIcon,
   PencilAltIcon,
-  ExternalLinkIcon,
+  TrashIcon,
 } from "@heroicons/react/outline";
 import Dropdown, { DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/Dropdown";
 import { useState } from "react";

components/ui/Alert.tsx

@@ -1,4 +1,4 @@
-import { XCircleIcon, InformationCircleIcon, CheckCircleIcon } from "@heroicons/react/solid";
+import { CheckCircleIcon, InformationCircleIcon, XCircleIcon } from "@heroicons/react/solid";
 import classNames from "classnames";
 import { ReactNode } from "react";
 

components/ui/Schedule/Schedule.tsx

@@ -3,6 +3,7 @@ import Text from "@components/ui/Text";
 import { PlusIcon, TrashIcon } from "@heroicons/react/outline";
 import dayjs, { Dayjs } from "dayjs";
 import classnames from "classnames";
+
 export const SCHEDULE_FORM_ID = "SCHEDULE_FORM_ID";
 export const toCalendsoAvailabilityFormat = (schedule: Schedule) => {
   return schedule;

lib/calendarClient.ts

@@ -5,11 +5,11 @@ import { Credential } from "@prisma/client";
 import CalEventParser from "./CalEventParser";
 import { EventResult } from "@lib/events/EventManager";
 import logger from "@lib/logger";
-
-const log = logger.getChildLogger({ prefix: ["[lib] calendarClient"] });
 import { CalDavCalendar } from "./integrations/CalDav/CalDavCalendarAdapter";
 import { AppleCalendar } from "./integrations/Apple/AppleCalendarAdapter";
 
+const log = logger.getChildLogger({ prefix: ["[lib] calendarClient"] });
+
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const { google } = require("googleapis");
 

lib/integrations/CalDav/CalDavCalendarAdapter.ts

@@ -1,17 +1,17 @@
-import { IntegrationCalendar, CalendarApiAdapter, CalendarEvent } from "../../calendarClient";
+import { CalendarApiAdapter, CalendarEvent, IntegrationCalendar } from "../../calendarClient";
 import { symmetricDecrypt } from "@lib/crypto";
 import {
   createAccount,
-  fetchCalendars,
+  createCalendarObject,
+  deleteCalendarObject,
   fetchCalendarObjects,
+  fetchCalendars,
   getBasicAuthHeaders,
-  createCalendarObject,
   updateCalendarObject,
-  deleteCalendarObject,
 } from "tsdav";
 import { Credential } from "@prisma/client";
 import ICAL from "ical.js";
-import { createEvent, DurationObject, Attendee, Person } from "ics";
+import { Attendee, createEvent, DurationObject, Person } from "ics";
 import dayjs from "dayjs";
 import { v4 as uuidv4 } from "uuid";
 import { stripHtml } from "../../emails/helpers";

pages/api/book/event.ts

@@ -242,13 +242,16 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
     }; // used for invitee emails
   }
 
+  // Initialize EventManager with credentials
+  const rescheduleUid = req.body.rescheduleUid;
+
   const bookingCreateInput: Prisma.BookingCreateInput = {
     uid,
     title: evt.title,
     startTime: dayjs(evt.startTime).toDate(),
     endTime: dayjs(evt.endTime).toDate(),
     description: evt.description,
-    confirmed: !eventType.requiresConfirmation,
+    confirmed: !eventType.requiresConfirmation || !!rescheduleUid,
     location: evt.location,
     eventType: {
       connect: {
@@ -375,9 +378,8 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
     }
   }
 
-  // Initialize EventManager with credentials
   const eventManager = new EventManager(user.credentials);
-  const rescheduleUid = req.body.rescheduleUid;
+
   if (rescheduleUid) {
     // Use EventManager to conditionally use all needed integrations.
     const updateResults: CreateUpdateResult = await eventManager.update(evt, rescheduleUid);
@@ -410,7 +412,7 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
     }
   }
 
-  if (eventType.requiresConfirmation) {
+  if (eventType.requiresConfirmation && !rescheduleUid) {
     await new EventOrganizerRequestMail(evt, uid).sendEmail();
   }
 
@@ -429,6 +431,6 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
     },
   });
 
-  // booking succesfull
+  // booking successful
   return res.status(201).json(booking);
 }

pages/api/integrations/office365calendar/callback.ts

@@ -1,6 +1,7 @@
 import type { NextApiRequest, NextApiResponse } from "next";
 import { getSession } from "@lib/auth";
 import prisma from "../../../../lib/prisma";
+
 const scopes = ["offline_access", "Calendars.Read", "Calendars.ReadWrite"];
 
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {

pages/event-types/[type].tsx

@@ -3,7 +3,7 @@ import Modal from "@components/Modal";
 import React, { useEffect, useRef, useState } from "react";
 import Select, { OptionTypeBase } from "react-select";
 import prisma from "@lib/prisma";
-import { EventTypeCustomInput, EventTypeCustomInputType, SchedulingType } from "@prisma/client";
+import { Availability, EventTypeCustomInput, EventTypeCustomInputType, SchedulingType } from "@prisma/client";
 import { LocationType } from "@lib/location";
 import Shell from "@components/Shell";
 import { getSession } from "@lib/auth";
@@ -28,7 +28,6 @@ import {
 import dayjs from "dayjs";
 import utc from "dayjs/plugin/utc";
 import timezone from "dayjs/plugin/timezone";
-import { Availability } from "@prisma/client";
 import { validJson } from "@lib/jsonUtils";
 import throttle from "lodash.throttle";
 import "react-dates/initialize";