Switching SSW website to use JotForms (#1919)

* JotForm Script for the website

* Removing JotFormScript reference

* Adding null react component

* Removing empty react component causing Lint issue

* Adding logic for the form to load on navigation

* Creating a separate component for the JotForm Script

* Adding JOTFORM_ID in pipeline

* Removing unnecessary variable

* Adding comments

* Adding id for the script

* Adding comments for the script

* Adding guard for the script and changing the form type

* Removing weekly check

* Removing JotForm Id from pipeline and adding it to Tina Global

* Adding default settings in Tina for JotForm

* Created a new component for jotForm

* Adding type for jotFormEmbed

* Adding reusable component

* Adding visual editing

* Updating props name to make it more meaningful

* Fixed hardcoded id for the JotForm

* Adding link for the doc to sharepoint

* Updating generated graphql

.tina/collections/global.tsx

@@ -1,4 +1,5 @@
 import type { Collection } from "tinacms";
+import { jotFormSchema } from "../../components/blocks/jotFormEmbed";
 
 export const globalSchema: Collection = {
   label: "Global - Sections",
@@ -239,5 +240,6 @@ export const globalSchema: Collection = {
         },
       ],
     },
+    jotFormSchema,
   ],
 };

components/blocks-renderer.tsx

@@ -7,6 +7,7 @@ import { ClientLogos } from "./blocks/clientLogos";
 import { Content } from "./blocks/content";
 import { ContentCard } from "./blocks/contentCard";
 import { CustomImage } from "./blocks/customImage";
+import { JotFormEmbed } from "./blocks/jotFormEmbed";
 import { PaymentBlock } from "./blocks/payment-block";
 import { ServiceCards } from "./blocks/serviceCards";
 import { TableLayout } from "./blocks/tableLayout";
@@ -59,6 +60,7 @@ const componentMap = {
   ClientList,
   LatestTech,
   VideoEmbed,
+  JotFormEmbed,
 };
 
 export const Blocks = ({ prefix, blocks }) => {

components/blocks/index.ts

@@ -33,6 +33,7 @@ import { flagSchema } from "./flag";
 import { googleMapsSchema } from "./googleMapsWrapper";
 import { heroBlockSchema } from "./hero";
 import { internalCarouselBlockSchema } from "./internalCarousel";
+import { jotFormEmbedSchema } from "./jotFormEmbed";
 import { newslettersTableBlockSchema } from "./newslettersTable";
 import { paymentBlockSchema } from "./payment-block";
 import { recurringEventSchema } from "./recurringEvent";
@@ -87,6 +88,7 @@ export const pageBlocks: Template[] = [
   latestTechSchema,
   testimonialsListSchema,
   eventLinkSchema,
+  jotFormEmbedSchema,
   customDownloadButtonSchema,
 ];
 
@@ -117,6 +119,7 @@ export * from "./fixedColumns";
 export * from "./flag";
 export * from "./googleMapsWrapper";
 export * from "./hero";
+export * from "./jotFormEmbed";
 export * from "./newslettersTable";
 export * from "./recurringEvent";
 export * from "./serviceCards";