From c1bc0286d16bc6e0bad450975b4734996d3a61d0 Mon Sep 17 00:00:00 2001
From: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
Date: Mon, 17 Oct 2022 10:43:16 +0100
Subject: [PATCH] Additional Notes Required (#4897)

Co-authored-by: Bailey Pumfleet <pumfleet@hey.com>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 .../components/booking/pages/BookingPage.tsx  |  1 +
 .../v2/eventtype/EventAdvancedTab.tsx         | 25 ++++++++++++++++++-
 apps/web/public/static/locales/en/common.json |  2 ++
 packages/prisma/zod-utils.ts                  |  1 +
 4 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/apps/web/components/booking/pages/BookingPage.tsx b/apps/web/components/booking/pages/BookingPage.tsx
index dfb560d458..f44bc7e3f2 100644
--- a/apps/web/components/booking/pages/BookingPage.tsx
+++ b/apps/web/components/booking/pages/BookingPage.tsx
@@ -805,6 +805,7 @@ const BookingPage = ({
                   ) : (
                     <textarea
                       {...bookingForm.register("notes")}
+                      required={!!eventType.metadata.additionalNotesRequired}
                       id="notes"
                       name="notes"
                       rows={3}
diff --git a/apps/web/components/v2/eventtype/EventAdvancedTab.tsx b/apps/web/components/v2/eventtype/EventAdvancedTab.tsx
index c615f19447..818a354821 100644
--- a/apps/web/components/v2/eventtype/EventAdvancedTab.tsx
+++ b/apps/web/components/v2/eventtype/EventAdvancedTab.tsx
@@ -249,7 +249,30 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupInfered
         )}
       />
       <hr />
-
+      <Controller
+        name="metadata.additionalNotesRequired"
+        control={formMethods.control}
+        defaultValue={!!eventType.metadata.additionalNotesRequired}
+        render={({ field: { value, onChange } }) => (
+          <div className="flex space-x-3 ">
+            <Switch
+              name="additionalNotesRequired"
+              fitToHeight={true}
+              checked={value}
+              onCheckedChange={(e) => onChange(e)}
+            />
+            <div className="flex flex-col">
+              <Skeleton as={Label} className="text-sm font-semibold leading-none text-black">
+                {t("require_additional_notes")}
+              </Skeleton>
+              <Skeleton as="p" className="-mt-2 text-sm leading-normal text-gray-600">
+                {t("require_additional_notes_description")}
+              </Skeleton>
+            </div>
+          </div>
+        )}
+      />
+      <hr />
       <Controller
         name="successRedirectUrl"
         control={formMethods.control}
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
index 229a477abd..ae63a772b0 100644
--- a/apps/web/public/static/locales/en/common.json
+++ b/apps/web/public/static/locales/en/common.json
@@ -1307,6 +1307,8 @@
   "update_timezone_question": "Update Timezone?",
   "update_timezone_description": "It seems like your local timezone has changed to {{formattedCurrentTz}}.  It's very important to have the correct timezone to prevent bookings at undesired times. Do you want to update it?",
   "dont_update": "Don't update",
+  "require_additional_notes": "Require additional notes",
+  "require_additional_notes_description": "Require additional notes to be filled out when booking",
   "email_address_action": "send email to a specific email address",
   "after_event_trigger": "after event ends",
   "how_long_after": "How long after event ends?",
diff --git a/packages/prisma/zod-utils.ts b/packages/prisma/zod-utils.ts
index 44d9202f75..d51cd33fb5 100644
--- a/packages/prisma/zod-utils.ts
+++ b/packages/prisma/zod-utils.ts
@@ -31,6 +31,7 @@ export const EventTypeMetaDataSchema = z
     blockchainId: z.number().optional(),
     giphyThankYouPage: z.string().optional(),
     apps: z.object(appDataSchemas).partial().optional(),
+    additionalNotesRequired: z.boolean().optional(),
   })
   .nullable();