Add blocks to default state

[MAILPOET-2451]

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

@@ -8,12 +8,18 @@ import createReducer from './reducer.jsx';
 import selectors from './selectors.jsx';
 import controls from './controls.jsx';
 import validateForm from './form_validator.jsx';
+import formBodyToBlocks from './form_body_to_blocks.jsx';
 
-const defaultState = {
+export default () => {
+  const formData = { ...window.mailpoet_form_data };
+  const formBlocks = formBodyToBlocks(formData.body);
+  delete formData.body;
+  const defaultState = {
+    formBlocks,
+    formData,
     sidebarOpened: true,
-  formData: window.mailpoet_form_data,
     formExports: window.mailpoet_form_exports,
-  formErrors: validateForm(window.mailpoet_form_data),
+    formErrors: validateForm(formData, formBlocks),
     segments: window.mailpoet_form_segments,
     pages: window.mailpoet_form_pages,
     isFormSaving: false,
@@ -22,14 +28,14 @@ const defaultState = {
       activeTab: 'form',
       openedPanels: ['basic-settings'],
     },
-};
+  };
 
-const config = {
+  const config = {
     reducer: createReducer(defaultState),
     actions,
     selectors,
     controls,
     resolvers: {},
-};
+  };
 
-export default () => (registerStore('mailpoet-form-editor', config));
+};