Add automatic nl2br switch to custom html settings

[MAILPOET-2462]

assets/js/src/form_editor/blocks/custom_html/custom_html.jsx

@@ -14,6 +14,10 @@ export const settings = {
       type: 'string',
       default: MailPoet.I18n.t('blockCustomHtmlDefault'),
     },
+    nl2br: {
+      type: 'boolean',
+      default: true,
+    },
   },
   supports: {
     html: false,

assets/js/src/form_editor/blocks/custom_html/edit.jsx

@@ -3,6 +3,7 @@ import {
   Panel,
   PanelBody,
   TextareaControl,
+  ToggleControl,
 } from '@wordpress/components';
 import { InspectorControls } from '@wordpress/block-editor';
 import PropTypes from 'prop-types';
@@ -20,6 +21,11 @@ const CustomHtmlEdit = ({ attributes, setAttributes }) => {
             rows={4}
             onChange={(content) => setAttributes({ content })}
           />
+          <ToggleControl
+            label={MailPoet.I18n.t('blockCustomHtmlNl2br')}
+            checked={attributes.nl2br}
+            onChange={(nl2br) => (setAttributes({ nl2br }))}
+          />
         </PanelBody>
       </Panel>
 

assets/js/src/form_editor/store/blocks_to_form_body.jsx

@@ -92,6 +92,7 @@ export default (blocks) => {
           static: '0',
           params: {
             text: block.attributes && block.attributes.content ? block.attributes.content : '',
+            nl2br: block.attributes && block.attributes.nl2br ? '1' : '0',
           },
         };
       default:

assets/js/src/form_editor/store/form_body_to_blocks.jsx

@@ -75,6 +75,7 @@ export default (data) => {
           name: 'mailpoet-form/custom-html',
           attributes: {
             content: item.params && item.params.text ? item.params.text : '',
+            nl2br: item.params && item.params.nl2br ? !!item.params.nl2br : false,
           },
         };
       default: