plugin updates

wp/wp-content/plugins/leadin/scripts/gutenberg/Common/useCustomCssBlockProps.ts

@@ -0,0 +1,12 @@
+import { useBlockProps } from '@wordpress/block-editor';
+
+export default function useCustomCssBlockProps(defaultCssClasses: string) {
+  const blockProps = useBlockProps.save();
+  if (
+    !blockProps.className ||
+    !(blockProps.className as string).includes(defaultCssClasses)
+  ) {
+    blockProps.className = `${blockProps.className} ${defaultCssClasses}`;
+  }
+  return blockProps;
+}

wp/wp-content/plugins/leadin/scripts/gutenberg/FormBlock/FormBlockSave.tsx

@@ -1,13 +1,17 @@
 import React from 'react';
 import { RawHTML } from '@wordpress/element';
 import { IFormBlockAttributes } from './registerFormBlock';
+import useCustomCssBlockProps from '../Common/useCustomCssBlockProps';
+
+const DefaultCssClasses = 'wp-block-leadin-hubspot-form-block';
 
 export default function FormSaveBlock({ attributes }: IFormBlockAttributes) {
   const { portalId, formId } = attributes;
+  const blockProps = useCustomCssBlockProps(DefaultCssClasses);
 
   if (portalId && formId) {
     return (
-      <RawHTML className="wp-block-leadin-hubspot-form-block">
+      <RawHTML {...blockProps}>
         {`[hubspot portal="${portalId}" id="${formId}" type="form"]`}
       </RawHTML>
     );

wp/wp-content/plugins/leadin/scripts/gutenberg/MeetingsBlock/MeetingSaveBlock.tsx

@@ -2,14 +2,21 @@ import React from 'react';
 import { RawHTML } from '@wordpress/element';
 import { IMeetingBlockAttributes } from './registerMeetingBlock';
 
+import useCustomCssBlockProps from '../Common/useCustomCssBlockProps';
+
+const DefaultCssClasses = 'wp-block-leadin-hubspot-meeting-block';
+
 export default function MeetingSaveBlock({
   attributes,
 }: IMeetingBlockAttributes) {
   const { url } = attributes;
+  const blockProps = useCustomCssBlockProps(DefaultCssClasses);
 
   if (url) {
     return (
-      <RawHTML className="wp-block-leadin-hubspot-meeting-block">{`[hubspot url="${url}" type="meeting"]`}</RawHTML>
+      <RawHTML
+        {...blockProps}
+      >{`[hubspot url="${url}" type="meeting"]`}</RawHTML>
     );
   }
   return null;