Add mandatory option to First Name field

[MAILPOET-2452]

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

@@ -25,6 +25,11 @@ const FirstNameEdit = ({ attributes, setAttributes }) => {
             checked={attributes.labelWithinInput}
             onChange={(labelWithinInput) => (setAttributes({ labelWithinInput }))}
           />
+          <ToggleControl
+            label={MailPoet.I18n.t('blockMandatory')}
+            checked={attributes.mandatory}
+            onChange={(mandatory) => (setAttributes({ mandatory }))}
+          />
         </PanelBody>
       </Panel>
 
@@ -61,6 +66,7 @@ FirstNameEdit.propTypes = {
   attributes: PropTypes.shape({
     label: PropTypes.string.isRequired,
     labelWithinInput: PropTypes.bool.isRequired,
+    mandatory: PropTypes.bool.isRequired,
   }).isRequired,
   setAttributes: PropTypes.func.isRequired,
 };

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

@@ -20,7 +20,7 @@ export const settings = {
     },
     mandatory: {
       type: 'boolean',
-      default: true,
+      default: false,
     },
   },
   supports: {

views/form/editor.html

@@ -41,6 +41,7 @@
   'settingsGoToPage': __('Go to Page'),
   'settingsPleaseSelectList': __('Please select a list'),
   'fieldsBlocksCategory': __('Fields'),
+  'blockMandatory': __('Mandatory field'),
   'blockFirstName': __('First name'),
   'blockFirstNameDescription': __('Input field used to catch subscribers’ first names.'),
   'blockEmail': __('Email'),