Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Add mapping of block styles attribute to API data format

Browse Source 
[MAILPOET-2599]
This commit is contained in:
Rostislav Wolny
2020-03-03 17:26:31 +01:00
committed by Veljko V
parent 251c9ffd38
commit e6ceb97b18
5 changed files with 86 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
assets/js/src/form_editor/store/blocks_to_form_body.jsx
View File

@@ -1,5 +1,16 @@
import { has } from 'lodash';
const mapBlockStyles = (styles) => {
const mappedStyles = {
full_width: styles.fullWidth ? '1' : '0',
};
if (styles.inheritFromTheme) {
return mappedStyles;
}
mappedStyles.bold = styles.bold ? '1' : '0';
return mappedStyles;
};
const mapCustomField = (block, customFields, mappedCommonProperties) => {
const customField = customFields.find((cf) => cf.id === block.attributes.customFieldId);
if (!customField) return null;
@@ -13,9 +24,11 @@ const mapCustomField = (block, customFields, mappedCommonProperties) => {
}
if (block.name.startsWith('mailpoet-form/custom-text')) {
mapped.type = 'text';
mapped.styles = mapBlockStyles(block.attributes.styles);
}
if (block.name.startsWith('mailpoet-form/custom-textarea')) {
mapped.type = 'textarea';
mapped.styles = mapBlockStyles(block.attributes.styles);
}
if (block.name.startsWith('mailpoet-form/custom-radio')) {
mapped.type = 'radio';
@@ -74,6 +87,9 @@ export const mapColorSlugToValue = (colorDefinitions, colorSlug, colorValue = nu
* @param customFields - list of all custom Fields
*/
export const blocksToFormBodyFactory = (colorDefinitions, customFields = []) => {
if (!Array.isArray(customFields)) {
throw new Error('Mapper expects customFields to be an array.');
}
/**
* @param blocks
* @param parent - parent block of nested block
@@ -83,9 +99,6 @@ export const blocksToFormBodyFactory = (colorDefinitions, customFields = []) =>
if (!Array.isArray(blocks)) {
throw new Error('Mapper expects blocks to be an array.');
}
if (!Array.isArray(customFields)) {
throw new Error('Mapper expects customFields to be an array.');
}
return blocks.map((block) => {
const mapped = {
@@ -158,18 +171,21 @@ export const blocksToFormBodyFactory = (colorDefinitions, customFields = []) =>
...mapped.params,
required: '1',
},
styles: mapBlockStyles(block.attributes.styles),
};
case 'mailpoet-form/first-name-input':
return {
...mapped,
id: 'first_name',
name: 'First name',
styles: mapBlockStyles(block.attributes.styles),
};
case 'mailpoet-form/last-name-input':
return {
...mapped,
id: 'last_name',
name: 'Last name',
styles: mapBlockStyles(block.attributes.styles),
};
case 'mailpoet-form/segment-select':
return {

15
assets/js/src/form_editor/store/form_body_to_blocks.jsx
View File

@@ -167,7 +167,10 @@ export const formBodyToBlocksFactory = (colorDefinitions, customFields = []) =>
return {
...mapped,
name: 'mailpoet-form/email-input',
styles: backwardCompatibleBlockStyles,
attributes: {
...mapped.attributes,
styles: backwardCompatibleBlockStyles,
},
};
case 'heading':
if (item.params && has(item.params, 'level')) {
@@ -192,13 +195,19 @@ export const formBodyToBlocksFactory = (colorDefinitions, customFields = []) =>
return {
...mapped,
name: 'mailpoet-form/first-name-input',
styles: backwardCompatibleBlockStyles,
attributes: {
...mapped.attributes,
styles: backwardCompatibleBlockStyles,
},
};
case 'last_name':
return {
...mapped,
name: 'mailpoet-form/last-name-input',
styles: backwardCompatibleBlockStyles,
attributes: {
...mapped.attributes,
styles: backwardCompatibleBlockStyles,
},
};
case 'segments':
if (