2653 add event eoi (#2761)

* 💄 Fixed styling on ROI form

* 📄 Updated interestForm to include a page URL field.

* 🧑‍💻 Made the Registration of interest button text modifiable

* 🐛 Fixed live editing for interest form button

* 🧪 Performing mimetype test for webp files

* ➖ Removed unused "useTina" import

* Revert "🧪 Performing mimetype test for webp files"

* 🔐Added expression of interest jot form ID to global settings

* 🔧
- Updated interest form to use global setting for registration of interest jotform
- Fixed interest form using formId as page url

* 🚨 Fixed build errors

* ➖ removed page url from tina schema (the jotform captures it now)

* 💾 rebuilt project schema

---------

Co-authored-by: Calinator444 <[email protected]>

components/blocks-renderer.tsx

@@ -50,6 +50,10 @@ const EventBooking = dynamic(() =>
   import("./training/eventBooking").then((mod) => mod.EventBooking)
 );
 
+const InterestForm = dynamic(() =>
+  import("./events/interestForm").then((mod) => mod.InterestForm)
+);
+
 const LocationBlock = dynamic(() =>
   import("./training/locationBlock").then((mod) => mod.LocationBlock)
 );
@@ -90,6 +94,7 @@ const componentMap = {
   BookingButton,
   PaymentBlock,
   ClientList,
+  InterestForm,
   LatestTech,
   VideoEmbed,
   JotFormEmbed,

components/blocks/index.ts

@@ -4,6 +4,7 @@ import { bookingButtonSchema } from "../bookingButton/bookingButton";
 import { utilityButtonSchema } from "../button/utilityButton";
 import { clientListSchema } from "../company/clientList";
 import { tweetEmbedSchema } from "../embeds/tweetEmbed";
+import { interestFormSchema } from "../events/interestForm";
 import { agreementFormBlockSchema } from "../terms-and-conditions/agreementForm";
 import { eventBookingSchema } from "../training/eventBooking";
 import { locationBlockSchema } from "../training/locationBlock";
@@ -37,7 +38,6 @@ import { googleMapsSchema } from "./googleMapsWrapper";
 import { gridLayoutSchema } from "./gridLayout";
 import { heroBlockSchema } from "./hero";
 import { horizontalBlockSchema } from "./horizontalCard";
-import { inlineJotFormSchema } from "../inlineJotForm/inlineJotForm";
 import { internalCarouselBlockSchema } from "./internalCarousel";
 import { jotFormEmbedSchema } from "./jotFormEmbed";
 import { newslettersTableBlockSchema } from "./newslettersTable";
@@ -56,6 +56,7 @@ export const pageBlocks: Template[] = [
   aboutUsBlockSchema,
   agendaSchema,
   agreementFormBlockSchema,
+  interestFormSchema,
   bookingButtonSchema,
   builtOnAzureBlockSchema,
   carouselBlockSchema,
@@ -80,7 +81,6 @@ export const pageBlocks: Template[] = [
   gridLayoutSchema,
   heroBlockSchema,
   horizontalBlockSchema,
-  inlineJotFormSchema,
   internalCarouselBlockSchema,
   joinAsPresenterSchema,
   joinGithubSchema,
@@ -109,6 +109,7 @@ export const pageBlocks: Template[] = [
 export * from "../bookingButton/bookingButton";
 export * from "../button/utilityButton";
 export * from "../embeds/tweetEmbed";
+export * from "../inlineJotForm/inlineJotForm";
 export * from "../terms-and-conditions/agreementForm";
 export * from "../training/eventBooking";
 export * from "../training/presenterBlock";
@@ -136,7 +137,6 @@ export * from "./fixedColumns";
 export * from "./flag";
 export * from "./googleMapsWrapper";
 export * from "./hero";
-export * from "../inlineJotForm/inlineJotForm";
 export * from "./jotFormEmbed";
 export * from "./newslettersTable";
 export * from "./recurringEvent";

components/events/interestForm.tsx

@@ -0,0 +1,26 @@
+import { Template } from "tinacms";
+import globals from "../../content/global/index.json";
+import { JotFormEmbed } from "../blocks";
+
+export const InterestForm = (props) => {
+  return (
+    <JotFormEmbed
+      jotFormId={`${globals.registrationOfInterestJotFormId}`}
+      buttonText={props.buttonText || "I am interested"}
+      containerClass=""
+    />
+  );
+};
+
+export const interestFormSchema: Template = {
+  label: "Interest Form",
+  name: "InterestForm",
+  fields: [
+    {
+      type: "string",
+      label: "Button Text",
+      name: "buttonText",
+      required: false,
+    },
+  ],
+};

content/global/index.json

@@ -194,5 +194,6 @@
     ]
   },
   "bookingJotFormId": "233468468973070",
-  "newsletterJotFormId": "240991361342051"
+  "newsletterJotFormId": "240991361342051",
+  "registrationOfInterestJotFormId": "241638083078865"
 }

tina/collections/global.tsx

@@ -334,5 +334,10 @@ export const globalSchema: Collection = {
       name: "newsletterJotFormId",
       label: "Newsletter JotForm Id",
     },
+    {
+      type: "string",
+      name: "registrationOfInterestJotFormId",
+      label: "Registration of Interest JotForm Id",
+    },
   ],
 };