add contact form block

Author: juliawegmayr

demo/admin/src/common/blocks/ContactFormBlock.tsx

@@ -0,0 +1,10 @@
+import { type BlockInterface, createBlockSkeleton } from "@comet/cms-admin";
+import { type ContactFormBlockData, type ContactFormBlockInput } from "@src/blocks.generated";
+import { FormattedMessage } from "react-intl";
+
+export const ContactFormBlock: BlockInterface<ContactFormBlockData, Record<string, never>, ContactFormBlockInput> = {
+    ...createBlockSkeleton(),
+    name: "ContactForm",
+    displayName: <FormattedMessage id="blocks.contactForm" defaultMessage="Contact Form" />,
+    defaultValues: () => ({}),
+};

demo/admin/src/documents/pages/blocks/PageContentBlock.tsx

@@ -1,5 +1,6 @@
 import { AnchorBlock, createBlocksBlock, DamImageBlock } from "@comet/cms-admin";
 import { AccordionBlock } from "@src/common/blocks/AccordionBlock";
+import { ContactFormBlock } from "@src/common/blocks/ContactFormBlock";
 import { LayoutBlock } from "@src/common/blocks/LayoutBlock";
 import { MediaGalleryBlock } from "@src/common/blocks/MediaGalleryBlock";
 import { PageTreeIndexBlock } from "@src/common/blocks/PageTreeIndexBlock";
@@ -50,6 +51,7 @@ export const PageContentBlock = createBlocksBlock({
         fullWidthImage: FullWidthImageBlock,
         productList: ProductListBlock,
         pageTreeIndex: PageTreeIndexBlock,
+        contactForm: ContactFormBlock,
     },
     additionalItemFields: {
         ...userGroupAdditionalItemFields,

demo/api/block-meta.json

@@ -615,6 +615,11 @@
             }
         ]
     },
+    {
+        "name": "ContactForm",
+        "fields": [],
+        "inputFields": []
+    },
     {
         "name": "ContentGroup",
         "fields": [
@@ -2106,7 +2111,8 @@
                                 "textImage": "TextImage",
                                 "fullWidthImage": "FullWidthImage",
                                 "productList": "ProductList",
-                                "pageTreeIndex": "PageTreeIndex"
+                                "pageTreeIndex": "PageTreeIndex",
+                                "contactForm": "ContactForm"
                             },
                             "nullable": false
                         },
@@ -2171,7 +2177,8 @@
                                 "textImage": "TextImage",
                                 "fullWidthImage": "FullWidthImage",
                                 "productList": "ProductList",
-                                "pageTreeIndex": "PageTreeIndex"
+                                "pageTreeIndex": "PageTreeIndex",
+                                "contactForm": "ContactForm"
                             },
                             "nullable": false
                         },

demo/api/src/common/blocks/contact-form.block.ts

@@ -0,0 +1,11 @@
+import { BlockData, BlockInput, blockInputToData, createBlock } from "@comet/cms-api";
+
+class ContactFormBlockData extends BlockData {}
+
+class ContactFormBlockInput extends BlockInput {
+    transformToBlockData(): ContactFormBlockData {
+        return blockInputToData(ContactFormBlockData, this);
+    }
+}
+
+export const ContactFormBlock = createBlock(ContactFormBlockData, ContactFormBlockInput, "ContactForm");

demo/api/src/db/fixtures/fixtures.module.ts

@@ -33,6 +33,7 @@ import { YouTubeVideoBlockFixtureService } from "./generators/blocks/media/youtu
 import { AnchorBlockFixtureService } from "./generators/blocks/navigation/anchor-block-fixture.service";
 import { CallToActionBlockFixtureService } from "./generators/blocks/navigation/call-to-action-block-fixture.service";
 import { CallToActionListBlockFixtureService } from "./generators/blocks/navigation/call-to-action-list-block.service";
+import { ContactFormBlockFixtureService } from "./generators/blocks/navigation/contact-form-block-fixture.service";
 import { LinkBlockFixtureService } from "./generators/blocks/navigation/link-block-fixture.service";
 import { LinkListBlockFixtureService } from "./generators/blocks/navigation/link-list-block-fixture.service";
 import { PageTreeIndexBlockFixtureService } from "./generators/blocks/navigation/page-tree-index-block-fixture.service";
@@ -79,6 +80,7 @@ import { VideoFixtureService } from "./generators/video-fixture.service";
         CallToActionBlockFixtureService,
         CallToActionListBlockFixtureService,
         ColumnsBlockFixtureService,
+        ContactFormBlockFixtureService,
         ContentGroupBlockFixtureService,
         DamImageBlockFixtureService,
         DamVideoBlockFixtureService,

demo/api/src/db/fixtures/generators/blocks/navigation/contact-form-block-fixture.service.ts

@@ -0,0 +1,10 @@
+import { ExtractBlockInputFactoryProps } from "@comet/cms-api";
+import { Injectable } from "@nestjs/common";
+import { ContactFormBlock } from "@src/common/blocks/contact-form.block";
+
+@Injectable()
+export class ContactFormBlockFixtureService {
+    async generateBlockInput(): Promise<ExtractBlockInputFactoryProps<typeof ContactFormBlock>> {
+        return {};
+    }
+}

demo/api/src/db/fixtures/generators/page-content-block-fixture.service.ts

@@ -16,6 +16,7 @@ import { FullWidthImageBlockFixtureService } from "./blocks/media/full-width-ima
 import { MediaGalleryBlockFixtureService } from "./blocks/media/media-gallery-block-fixture.service";
 import { StandaloneMediaBlockFixtureService } from "./blocks/media/standalone-media-block-fixture.service";
 import { AnchorBlockFixtureService } from "./blocks/navigation/anchor-block-fixture.service";
+import { ContactFormBlockFixtureService } from "./blocks/navigation/contact-form-block-fixture.service";
 import { LinkListBlockFixtureService } from "./blocks/navigation/link-list-block-fixture.service";
 import { PageTreeIndexBlockFixtureService } from "./blocks/navigation/page-tree-index-block-fixture.service";
 import { StandaloneCallToActionListBlockFixtureService } from "./blocks/navigation/standalone-call-to-action-list-block-fixture.service";
@@ -53,6 +54,7 @@ export class PageContentBlockFixtureService {
         private readonly standaloneRichTextBlockFixtureService: StandaloneRichTextBlockFixtureService,
         private readonly productListBlockFixtureService: ProductListBlockFixtureService,
         private readonly pageTreeIndexBlockFixtureService: PageTreeIndexBlockFixtureService,
+        private readonly contactFormBlockFixtureService: ContactFormBlockFixtureService,
     ) {}
 
     async generateBlockInput(blockCategory?: BlockCategory): Promise<ExtractBlockInputFactoryProps<typeof PageContentBlock>> {
@@ -82,6 +84,7 @@ export class PageContentBlockFixtureService {
             richtext: ["textAndContent", this.standaloneRichTextBlockFixtureService],
             textImage: ["textAndContent", this.textImageBlockFixtureService],
             productList: ["textAndContent", this.productListBlockFixtureService],
+            contactForm: ["textAndContent", this.contactFormBlockFixtureService],
         };
 
         const supportedBlocksFixtureGenerators = Object.entries(fixtures)

demo/api/src/documents/pages/blocks/page-content.block.ts

@@ -1,5 +1,6 @@
 import { AnchorBlock, BaseBlocksBlockItemData, BaseBlocksBlockItemInput, BlockField, createBlocksBlock, DamImageBlock } from "@comet/cms-api";
 import { AccordionBlock } from "@src/common/blocks/accordion.block";
+import { ContactFormBlock } from "@src/common/blocks/contact-form.block";
 import { MediaGalleryBlock } from "@src/common/blocks/media-gallery.block";
 import { PageTreeIndexBlock } from "@src/common/blocks/page-tree-index.block";
 import { SpaceBlock } from "@src/common/blocks/space.block";
@@ -47,6 +48,7 @@ const supportedBlocks = {
     fullWidthImage: FullWidthImageBlock,
     productList: ProductListBlock,
     pageTreeIndex: PageTreeIndexBlock,
+    contactForm: ContactFormBlock,
 };
 
 class BlocksBlockItemData extends BaseBlocksBlockItemData(supportedBlocks) {

demo/site/src/common/blocks/ContactFormBlock.tsx

@@ -0,0 +1,10 @@
+"use client";
+import { type PropsWithData, withPreview } from "@comet/site-nextjs";
+import { type ContactFormBlockData } from "@src/blocks.generated";
+
+export const ContactFormBlock = withPreview(
+    ({ data }: PropsWithData<ContactFormBlockData>) => {
+        return <>Contact Form</>;
+    },
+    { label: "Contact Form" },
+);

demo/site/src/documents/pages/blocks/PageContentBlock.tsx

@@ -3,6 +3,7 @@ import { BlocksBlock, type PropsWithData, type SupportedBlocks } from "@comet/si
 import { type PageContentBlockData } from "@src/blocks.generated";
 import { PageContentAccordionBlock } from "@src/common/blocks/AccordionBlock";
 import { AnchorBlock } from "@src/common/blocks/AnchorBlock";
+import { ContactFormBlock } from "@src/common/blocks/ContactFormBlock";
 import { DamImageBlock } from "@src/common/blocks/DamImageBlock";
 import { LayoutBlock } from "@src/common/blocks/LayoutBlock";
 import { PageContentMediaGalleryBlock } from "@src/common/blocks/MediaGalleryBlock";
@@ -48,6 +49,7 @@ const supportedBlocks: SupportedBlocks = {
     fullWidthImage: (props) => <FullWidthImageBlock data={props} />,
     productList: (props) => <ProductListBlock data={props} />,
     pageTreeIndex: (props) => <PageTreeIndexBlock data={props} />,
+    contactForm: (props) => <ContactFormBlock data={props} />,
 };
 
 export const PageContentBlock = ({ data }: PropsWithData<PageContentBlockData>) => {