-
+
}
{style === 'arc' &&
diff --git a/assets/src/blocks/ENForm/CountrySelector.js b/assets/src/blocks/ENForm/CountrySelector.js
deleted file mode 100644
index 7626154f1f..0000000000
--- a/assets/src/blocks/ENForm/CountrySelector.js
+++ /dev/null
@@ -1,286 +0,0 @@
-export const CountrySelector = attributes => {
- const {
- name = 'country-selector',
- id = null,
- default_text = '',
- class_name = '',
- error_message = '',
- required = false,
- onInputChange = null,
- onBlur = null,
- } = attributes;
-
- const options = [
- ,
- ...countries.map(c => {
- return ;
- }),
- ];
-
- return (
-
- );
-};
-
-const countries = [
- {code: 'AF', name: 'Afghanistan'},
- {code: 'AX', name: 'Åland Islands'},
- {code: 'AL', name: 'Albania'},
- {code: 'DZ', name: 'Algeria'},
- {code: 'AS', name: 'American Samoa'},
- {code: 'AD', name: 'Andorra'},
- {code: 'AO', name: 'Angola'},
- {code: 'AI', name: 'Anguilla'},
- {code: 'AQ', name: 'Antarctica'},
- {code: 'AG', name: 'Antigua and Barbuda'},
- {code: 'AR', name: 'Argentina'},
- {code: 'AM', name: 'Armenia'},
- {code: 'AW', name: 'Aruba'},
- {code: 'AU', name: 'Australia'},
- {code: 'AT', name: 'Austria'},
- {code: 'AZ', name: 'Azerbaijan'},
- {code: 'BS', name: 'Bahamas'},
- {code: 'BH', name: 'Bahrain'},
- {code: 'BD', name: 'Bangladesh'},
- {code: 'BB', name: 'Barbados'},
- {code: 'BY', name: 'Belarus'},
- {code: 'BE', name: 'Belgium'},
- {code: 'BZ', name: 'Belize'},
- {code: 'BJ', name: 'Benin'},
- {code: 'BM', name: 'Bermuda'},
- {code: 'BT', name: 'Bhutan'},
- {code: 'BO', name: 'Bolivia, Plurinational State of'},
- {code: 'BQ', name: 'Bonaire, Sint Eustatius and Saba'},
- {code: 'BA', name: 'Bosnia and Herzegovina'},
- {code: 'BW', name: 'Botswana'},
- {code: 'BV', name: 'Bouvet Island'},
- {code: 'BR', name: 'Brazil'},
- {code: 'IO', name: 'British Indian Ocean Territory'},
- {code: 'BN', name: 'Brunei Darussalam'},
- {code: 'BG', name: 'Bulgaria'},
- {code: 'BF', name: 'Burkina Faso'},
- {code: 'BI', name: 'Burundi'},
- {code: 'CV', name: 'Cabo Verde'},
- {code: 'KH', name: 'Cambodia'},
- {code: 'CM', name: 'Cameroon'},
- {code: 'CA', name: 'Canada'},
- {code: 'KY', name: 'Cayman Islands'},
- {code: 'CF', name: 'Central African Republic'},
- {code: 'TD', name: 'Chad'},
- {code: 'CL', name: 'Chile'},
- {code: 'CN', name: 'China mainland'},
- {code: 'CX', name: 'Christmas Island'},
- {code: 'CC', name: 'Cocos (Keeling) Islands'},
- {code: 'CO', name: 'Colombia'},
- {code: 'KM', name: 'Comoros'},
- {code: 'CG', name: 'Congo'},
- {code: 'CD', name: 'Congo, the Democratic Republic of the'},
- {code: 'CK', name: 'Cook Islands'},
- {code: 'CR', name: 'Costa Rica'},
- {code: 'CI', name: 'Côte d\'Ivoire'},
- {code: 'HR', name: 'Croatia'},
- {code: 'CU', name: 'Cuba'},
- {code: 'CW', name: 'Curaçao'},
- {code: 'CY', name: 'Cyprus'},
- {code: 'CZ', name: 'Czech Republic'},
- {code: 'DK', name: 'Denmark'},
- {code: 'DJ', name: 'Djibouti'},
- {code: 'DM', name: 'Dominica'},
- {code: 'DO', name: 'Dominican Republic'},
- {code: 'EC', name: 'Ecuador'},
- {code: 'EG', name: 'Egypt'},
- {code: 'SV', name: 'El Salvador'},
- {code: 'GQ', name: 'Equatorial Guinea'},
- {code: 'ER', name: 'Eritrea'},
- {code: 'EE', name: 'Estonia'},
- {code: 'ET', name: 'Ethiopia'},
- {code: 'FK', name: 'Falkland Islands (Malvinas'},
- {code: 'FO', name: 'Faroe Islands'},
- {code: 'FJ', name: 'Fiji'},
- {code: 'FI', name: 'Finland'},
- {code: 'FR', name: 'France'},
- {code: 'GF', name: 'French Guiana'},
- {code: 'PF', name: 'French Polynesia'},
- {code: 'TF', name: 'French Southern Territories'},
- {code: 'GA', name: 'Gabon'},
- {code: 'GM', name: 'Gambia'},
- {code: 'GE', name: 'Georgia'},
- {code: 'DE', name: 'Germany'},
- {code: 'GH', name: 'Ghana'},
- {code: 'GI', name: 'Gibraltar'},
- {code: 'GR', name: 'Greece'},
- {code: 'GL', name: 'Greenland'},
- {code: 'GD', name: 'Grenada'},
- {code: 'GP', name: 'Guadeloupe'},
- {code: 'GU', name: 'Guam'},
- {code: 'GT', name: 'Guatemala'},
- {code: 'GG', name: 'Guernsey'},
- {code: 'GN', name: 'Guinea'},
- {code: 'GW', name: 'Guinea-Bissau'},
- {code: 'GY', name: 'Guyana'},
- {code: 'HT', name: 'Haiti'},
- {code: 'HM', name: 'Heard Island and McDonald Islands'},
- {code: 'VA', name: 'Holy See (Vatican City State'},
- {code: 'HN', name: 'Honduras'},
- {code: 'HK', name: 'Hong Kong'},
- {code: 'HU', name: 'Hungary'},
- {code: 'IS', name: 'Iceland'},
- {code: 'IN', name: 'India'},
- {code: 'ID', name: 'Indonesia'},
- {code: 'IR', name: 'Iran, Islamic Republic of'},
- {code: 'IQ', name: 'Iraq'},
- {code: 'IE', name: 'Ireland'},
- {code: 'IM', name: 'Isle of Man'},
- {code: 'IL', name: 'Israel'},
- {code: 'IT', name: 'Italy'},
- {code: 'JM', name: 'Jamaica'},
- {code: 'JP', name: 'Japan'},
- {code: 'JE', name: 'Jersey'},
- {code: 'JO', name: 'Jordan'},
- {code: 'KZ', name: 'Kazakhstan'},
- {code: 'KE', name: 'Kenya'},
- {code: 'KI', name: 'Kiribati'},
- {code: 'KP', name: 'Korea, Democratic People\'s Republic of'},
- {code: 'KR', name: 'Korea, Republic of'},
- {code: 'KW', name: 'Kuwait'},
- {code: 'KG', name: 'Kyrgyzstan'},
- {code: 'LA', name: 'Lao People\'s Democratic Republic'},
- {code: 'LV', name: 'Latvia'},
- {code: 'LB', name: 'Lebanon'},
- {code: 'LS', name: 'Lesotho'},
- {code: 'LR', name: 'Liberia'},
- {code: 'LY', name: 'Libya'},
- {code: 'LI', name: 'Liechtenstein'},
- {code: 'LT', name: 'Lithuania'},
- {code: 'LU', name: 'Luxembourg'},
- {code: 'MO', name: 'Macao'},
- {code: 'MK', name: 'Macedonia, the former Yugoslav Republic of'},
- {code: 'MG', name: 'Madagascar'},
- {code: 'MW', name: 'Malawi'},
- {code: 'MY', name: 'Malaysia'},
- {code: 'MV', name: 'Maldives'},
- {code: 'ML', name: 'Mali'},
- {code: 'MT', name: 'Malta'},
- {code: 'MH', name: 'Marshall Islands'},
- {code: 'MQ', name: 'Martinique'},
- {code: 'MR', name: 'Mauritania'},
- {code: 'MU', name: 'Mauritius'},
- {code: 'YT', name: 'Mayotte'},
- {code: 'MX', name: 'Mexico'},
- {code: 'FM', name: 'Micronesia, Federated States of'},
- {code: 'MD', name: 'Moldova, Republic of'},
- {code: 'MC', name: 'Monaco'},
- {code: 'MN', name: 'Mongolia'},
- {code: 'ME', name: 'Montenegro'},
- {code: 'MS', name: 'Montserrat'},
- {code: 'MA', name: 'Morocco'},
- {code: 'MZ', name: 'Mozambique'},
- {code: 'MM', name: 'Myanmar'},
- {code: 'NA', name: 'Namibia'},
- {code: 'NR', name: 'Nauru'},
- {code: 'NP', name: 'Nepal'},
- {code: 'NL', name: 'Netherlands'},
- {code: 'NC', name: 'New Caledonia'},
- {code: 'NZ', name: 'New Zealand'},
- {code: 'NI', name: 'Nicaragua'},
- {code: 'NE', name: 'Niger'},
- {code: 'NG', name: 'Nigeria'},
- {code: 'NU', name: 'Niue'},
- {code: 'NF', name: 'Norfolk Island'},
- {code: 'MP', name: 'Northern Mariana Islands'},
- {code: 'NO', name: 'Norway'},
- {code: 'OM', name: 'Oman'},
- {code: 'PK', name: 'Pakistan'},
- {code: 'PW', name: 'Palau'},
- {code: 'PS', name: 'Palestine, State of'},
- {code: 'PA', name: 'Panama'},
- {code: 'PG', name: 'Papua New Guinea'},
- {code: 'PY', name: 'Paraguay'},
- {code: 'PE', name: 'Peru'},
- {code: 'PH', name: 'Philippines'},
- {code: 'PN', name: 'Pitcairn'},
- {code: 'PL', name: 'Poland'},
- {code: 'PT', name: 'Portugal'},
- {code: 'PR', name: 'Puerto Rico'},
- {code: 'QA', name: 'Qatar'},
- {code: 'RE', name: 'Réunion'},
- {code: 'RO', name: 'Romania'},
- {code: 'RU', name: 'Russian Federation'},
- {code: 'RW', name: 'Rwanda'},
- {code: 'BL', name: 'Saint Barthélemy'},
- {code: 'SH', name: 'Saint Helena, Ascension and Tristan da Cunha'},
- {code: 'KN', name: 'Saint Kitts and Nevis'},
- {code: 'LC', name: 'Saint Lucia'},
- {code: 'MF', name: 'Saint Martin (French part'},
- {code: 'PM', name: 'Saint Pierre and Miquelon'},
- {code: 'VC', name: 'Saint Vincent and the Grenadines'},
- {code: 'WS', name: 'Samoa'},
- {code: 'SM', name: 'San Marino'},
- {code: 'ST', name: 'Sao Tome and Principe'},
- {code: 'SA', name: 'Saudi Arabia'},
- {code: 'SN', name: 'Senegal'},
- {code: 'RS', name: 'Serbia'},
- {code: 'SC', name: 'Seychelles'},
- {code: 'SL', name: 'Sierra Leone'},
- {code: 'SG', name: 'Singapore'},
- {code: 'SX', name: 'Sint Maarten (Dutch part'},
- {code: 'SK', name: 'Slovakia'},
- {code: 'SI', name: 'Slovenia'},
- {code: 'SB', name: 'Solomon Islands'},
- {code: 'SO', name: 'Somalia'},
- {code: 'ZA', name: 'South Africa'},
- {code: 'GS', name: 'South Georgia and the South Sandwich Islands'},
- {code: 'SS', name: 'South Sudan'},
- {code: 'ES', name: 'Spain'},
- {code: 'LK', name: 'Sri Lanka'},
- {code: 'SD', name: 'Sudan'},
- {code: 'SR', name: 'Suriname'},
- {code: 'SJ', name: 'Svalbard and Jan Mayen'},
- {code: 'SZ', name: 'Swaziland'},
- {code: 'SE', name: 'Sweden'},
- {code: 'CH', name: 'Switzerland'},
- {code: 'SY', name: 'Syrian Arab Republic'},
- {code: 'TW', name: 'Taiwan'},
- {code: 'TJ', name: 'Tajikistan'},
- {code: 'TZ', name: 'Tanzania, United Republic of'},
- {code: 'TH', name: 'Thailand'},
- {code: 'TL', name: 'Timor-Leste'},
- {code: 'TG', name: 'Togo'},
- {code: 'TK', name: 'Tokelau'},
- {code: 'TO', name: 'Tonga'},
- {code: 'TT', name: 'Trinidad and Tobago'},
- {code: 'TN', name: 'Tunisia'},
- {code: 'TR', name: 'Turkey'},
- {code: 'TM', name: 'Turkmenistan'},
- {code: 'TC', name: 'Turks and Caicos Islands'},
- {code: 'TV', name: 'Tuvalu'},
- {code: 'UG', name: 'Uganda'},
- {code: 'UA', name: 'Ukraine'},
- {code: 'AE', name: 'United Arab Emirates'},
- {code: 'GB', name: 'United Kingdom'},
- {code: 'US', name: 'United States'},
- {code: 'UM', name: 'United States Minor Outlying Islands'},
- {code: 'UY', name: 'Uruguay'},
- {code: 'UZ', name: 'Uzbekistan'},
- {code: 'VU', name: 'Vanuatu'},
- {code: 'VE', name: 'Venezuela, Bolivarian Republic of'},
- {code: 'VN', name: 'Viet Nam'},
- {code: 'VG', name: 'Virgin Islands, British'},
- {code: 'VI', name: 'Virgin Islands, U.S'},
- {code: 'WF', name: 'Wallis and Futuna'},
- {code: 'EH', name: 'Western Sahara'},
- {code: 'YE', name: 'Yemen'},
- {code: 'ZM', name: 'Zambia'},
- {code: 'ZW', name: 'Zimbabwe'},
-];
diff --git a/assets/src/blocks/ENForm/ENFormBlock.js b/assets/src/blocks/ENForm/ENFormBlock.js
deleted file mode 100644
index d6129c0d18..0000000000
--- a/assets/src/blocks/ENForm/ENFormBlock.js
+++ /dev/null
@@ -1,78 +0,0 @@
-import {renderToString} from 'react-dom/server';
-import {ENFormEditor} from './ENFormEditor';
-import {ENFormFrontend} from './ENFormFrontend';
-import {ENFormV1} from './deprecated/ENFormV1.js';
-import {ENFormV2} from './deprecated/ENFormV2.js';
-
-const {__} = wp.i18n;
-
-export const BLOCK_NAME = 'planet4-blocks/enform';
-
-export const attributes = {
- en_page_id: {type: 'integer'},
- enform_goal: {type: 'string'},
- en_form_style: {type: 'string', default: 'side-style'},
- title: {type: 'string'},
- description: {type: 'string'},
- campaign_logo: {type: 'boolean'},
- content_title: {type: 'string'},
- content_title_size: {type: 'string', default: 'h1'},
- content_description: {type: 'string'},
- button_text: {type: 'string'},
- text_below_button: {type: 'string'},
- thankyou_title: {type: 'string'},
- thankyou_subtitle: {type: 'string'},
- thankyou_donate_message: {type: 'string'},
- thankyou_social_media_message: {type: 'string'},
- donate_button_checkbox: {type: 'boolean'},
- donate_text: {type: 'string', default: __('Donate', 'planet4-engagingnetworks')},
- thankyou_url: {type: 'string'},
- custom_donate_url: {type: 'string'},
- background: {type: 'integer'},
- background_image_src: {type: 'string', default: ''},
- background_image_srcset: {type: 'string'},
- background_image_sizes: {type: 'string'},
- background_image_focus: {type: 'string', default: '50% 50%'},
- en_form_id: {type: 'integer'},
- en_form_fields: {type: 'array', default: []},
- social: {type: 'object', default: {}},
- social_accounts: {type: 'object', default: {}},
-};
-
-export const registerENForm = () => {
- const {registerBlockType} = wp.blocks;
- const {RawHTML} = wp.element;
-
- registerBlockType(BLOCK_NAME, {
- title: 'EN Form',
- description: __('Allows for adding in-page call to actions with data collected and sent to the relevant engaging network account.', 'planet4-blocks-backend'),
- icon: 'feedback',
- category: 'planet4-blocks',
- supports: {
- multiple: false,
- },
- styles: [
- {name: 'full-width-bg', label: 'Full page width with background'},
- {name: 'full-width', label: 'Page body/text size width'},
- {name: 'side-style', label: 'Form on the side', isDefault: true},
- ],
- attributes,
- edit: ENFormEditor,
- save: props => {
- // Sort attributes in a predictable order
- const orderedAttributes = Object.fromEntries(Object.entries(props.attributes).sort());
-
- const markup = renderToString(
-
);
- return
-
-
-
-
-
- {is_side_style &&
-
-
- {campaign_logo && campaign_logo_path &&
- 
- }
-
- }
-
- {activeTplId === 'signup' &&
-
-
- );
-};
-
-const submitENForm = props => {
- const {
- form_data,
- fields,
- enform_goal,
- thankyou_url,
- setErrorMsg,
- setActiveTplId,
- en_page_id,
- } = props;
-
- const post_data = makePostData(form_data, fields);
-
- // Send form
- const baseUrl = document.body.dataset.nro;
- const post_url = `${baseUrl}/wp-json/planet4/v1/enform/${en_page_id}`;
- fetch(post_url, {
- method: 'POST',
- contentType: 'application/json',
- mode: 'cors',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify(post_data),
- })
- .then(response => {
- if (response.status !== 200) {
- throw new Error(`Error submitting form: ${response.statusText || 'unknown error'}`);
- }
- return response.json();
- })
- .then(() => {
- // Submit Hotjar success
- if (typeof hj === 'function') {
- hj('formSubmitSuccessful'); // eslint-disable-line no-undef
- }
-
- // DataLayer push event on successful EN form submission.
- // eslint-disable-next-line no-undef
- if (typeof google_tag_value !== 'undefined' && google_tag_value) {
- const dataLayerPayload = {
- event: 'petitionSignup',
- };
- if (enform_goal) {
- dataLayerPayload.gGoal = enform_goal;
- }
- // eslint-disable-next-line no-undef
- dataLayer.push(dataLayerPayload);
- }
-
- // redirect or thanks
- if (thankyou_url && urlIsValid(thankyou_url)) {
- window.location = thankyou_url;
- } else {
- setActiveTplId('thankyou');
- }
- })
- .catch(error => {
- // eslint-disable-next-line no-console
- console.error('Error:', error);
- // Submit Hotjar failure
- if (typeof hj === 'function') {
- hj('formSubmitFailed'); // eslint-disable-line no-undef
- }
- setErrorMsg(error.message);
- });
-};
-
-/**
- * Build data to be posted on form submit
- *
- * @param {Object} form_data The form data
- * @param {Array} fields The fields
- * @return {Object} Formatted data for EN
- */
-const makePostData = (form_data, fields) => {
- const supporter = {
- questions: {},
- };
-
- for (const key in form_data) {
- const field = fields.find(f => inputId(f).name === key);
- if (!field) {
- continue;
- }
-
- // Questions via checkbox or text question
- if (key.startsWith('supporter.questions.')) {
- const value = typeof form_data[key] === 'string' ? form_data[key] : checkboxValue(form_data[key]);
- supporter.questions['question.' + field.id] = value;
- continue;
- }
-
- // Remove fields without name
- if (!field.property) {
- continue;
- }
-
- // Basic data & hidden field
- if (null !== form_data[key]) {
- supporter[field.property] = form_data[key];
- } else if (field.input_type === 'hidden') {
- supporter[field.property] = field.default_value;
- }
- }
-
- return {
- standardFieldNames: true,
- supporter,
- };
-};
-
-const checkboxValue = value => true === value ? 'Y' : 'N';
-
-const validateForm = (form_data, fields, setErrors) => {
- setErrors({});
-
- let formIsValid = true;
- fields.forEach(field => {
- if (!validateField(field, form_data, setErrors)) {
- formIsValid = false;
- }
- });
-
- return formIsValid;
-};
-
-const validateField = (field, form_data, setErrors) => {
- const {id, name} = inputId(field);
- const value = form_data[name];
- const element = document.getElementById(id);
-
- if (!element) {
- return true;
- }
-
- if (field.required && [null, false, ''].includes(value)) {
- setErrors(errors => {
- return {...errors, [field.id]: element.dataset.errormessage};
- });
- return false;
- }
-
- if (element.type === 'email') {
- return validateEmail(field, element, setErrors, value);
- }
-
- if (element.type === 'radio') {
- return validateRadio(field, element, setErrors, name);
- }
-
- const regexPattern = element.dataset.validate_regex;
- if (regexPattern?.length) {
- return validateRegex(field, element, setErrors, value, regexPattern);
- }
-
- const callbackFunction = element.dataset.validate_callback;
- if ('function' === typeof window[callbackFunction]) {
- return validateCallback(field, element, setErrors, callbackFunction);
- }
-
- return true;
-};
-
-const validateEmail = (field, element, setErrors, value) => {
- // Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email#basic_validation
- const re = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
- if (!re.test(String(value).toLowerCase())) {
- setErrors(errors => {
- return {...errors, [field.id]: element.dataset.errormessage};
- });
- return false;
- }
- return true;
-};
-
-const validateRadio = (field, element, setErrors, name, fields) => {
- const sibling_radios_checked = fields.find(f => {
- const {id: f_id, name: f_name} = inputId(f);
- const f_element = document.getElementById(f_id);
- return f_name === name && f_element && f_element.checked === true;
- });
- if (!sibling_radios_checked) {
- setErrors(errors => {
- return {...errors, [field.id]: element.dataset.errormessage};
- });
- return false;
- }
- return true;
-};
-
-const validateRegex = (field, element, setErrors, value, regexPattern) => {
- const regex = new RegExp(regexPattern);
- if (!regex.test(value)) {
- setErrors(errors => {
- return {...errors, [field.id]: element.dataset.validate_regex_msg};
- });
- return false;
- }
- return true;
-};
-
-const validateCallback = (field, element, setErrors, callbackFunction) => {
- const validate = window[callbackFunction](element.value);
- if (true !== validate) {
- setErrors(errors => {
- return {...errors, [field.id]: validate};
- });
- return false;
- }
- return true;
-};
-
-const urlIsValid = url_str => {
- try {
- const url = new URL(url_str);
- return ['http:', 'https:'].includes(url.protocol);
- } catch (e) {
- // eslint-disable-next-line no-console
- console.log(e);
- }
-
- return false;
-};
-
-const ThankYou = ({attributes, error_msg}) => {
- const {
- en_form_style,
- thankyou_title,
- thankyou_subtitle,
- thankyou_social_media_message,
- thankyou_donate_message,
- donate_button_checkbox,
- donate_text,
- donatelink,
- social,
- social_accounts,
- } = attributes;
-
- const social_params = {...social, utm_medium: 'thank-you'};
-
- return (
-
-
-
-
- {title &&
-
- }
- {is_side_style &&
-
- }
- {description &&
-
- }
-
-
-
-
-
-
-
-
- );
-};
diff --git a/assets/src/blocks/ENForm/ENFormInPlaceEdit.js b/assets/src/blocks/ENForm/ENFormInPlaceEdit.js
deleted file mode 100644
index ce93657eb3..0000000000
--- a/assets/src/blocks/ENForm/ENFormInPlaceEdit.js
+++ /dev/null
@@ -1,375 +0,0 @@
-import {FormGenerator} from './FormGenerator';
-import {ShareButtons} from './ShareButtons';
-
-const {useSelect} = wp.data;
-const {RichText, BlockControls} = wp.blockEditor;
-const {ToolbarGroup} = wp.components;
-const {useState} = wp.element;
-const {__} = wp.i18n;
-
-export const ENFormInPlaceEdit = ({attributes, setAttributes}) => {
- const {
- en_form_style,
- className,
- } = attributes;
-
- // Switch between signup form and thank you message
- const templates = [
- {
- id: 'signup',
- icon: 'format-aside',
- title: __('Signup form', 'planet4-blocks-backend'),
- },
- {
- id: 'thankyou',
- icon: 'awards',
- title: __('Thank you message', 'planet4-blocks-backend'),
- },
- ];
- const [activeTplId, setActiveTplId] = useState('signup');
- const activeTpl = templates.find(tpl => tpl.id === activeTplId);
-
- // Style specific params
- const is_side_style = en_form_style === 'side-style';
- const style_has_image = en_form_style === 'full-width-bg' || en_form_style === 'side-style';
- const section_style = (style => {
- switch (style) {
- case 'side-style':
- return 'block-header alignfull';
- case 'full-width-bg':
- return 'block-footer alignfull';
- default:
- return '';
- }
- })(en_form_style);
-
- return (
- <>
-
- {error_msg &&
- { error_msg }
- }
-
-
-
-
-
-
- { unescape(thankyou_title) }
-
-
-
-
-
-
- { thankyou_social_media_message }
-
-
-
- {!donate_button_checkbox &&
- <>
-
-
-
-
-
- }
-
- {thankyou_donate_message}
-
-
-
-
-
- {is_side_style &&
-
-
- {campaign_logo && campaign_logo_path &&
-
- }
- setAttributes({content_title: title})}
- placeholder={__('Enter title', 'planet4-blocks-backend')}
- withoutInteractiveFormatting
- allowedFormats={[]}
- />
- setAttributes({content_description: desc})}
- placeholder={__('Enter description', 'planet4-blocks-backend')}
- allowedFormats={['core/bold', 'core/italic']}
- />
-
-
- );
-};
-
-const Signup = ({attributes, setAttributes}) => {
- const {
- title,
- description,
- en_form_id,
- } = attributes;
-
- const fields = useSelect(select => {
- const enform_post = en_form_id ? select('core').getEntityRecord('postType', 'p4en_form', en_form_id) : {};
- return enform_post?.p4enform_fields || [];
- }, [en_form_id]);
- setAttributes({en_form_fields: fields});
-
- return (
-
-
- );
-};
-
-const ThankYou = ({attributes, setAttributes}) => {
- const {
- en_form_style,
- thankyou_title,
- thankyou_subtitle,
- thankyou_donate_message,
- thankyou_social_media_message,
- donate_button_checkbox,
- donate_text,
- donatelink,
- social,
- social_accounts,
- } = attributes;
-
- const social_params = {...social, utm_medium: 'thank-you'};
-
- const toAttribute = attributeName => {
- return value => {
- setAttributes({[attributeName]: value});
- };
- };
-
- const container_class = `thankyou ${en_form_style !== 'side-style' ? 'full-width' : ''}`;
-
- const error = '';
- if (error) {
- return (
-
-
-
-
- setAttributes({title: titl})}
- placeholder={__('Enter form title', 'planet4-blocks-backend')}
- withoutInteractiveFormatting
- allowedFormats={[]}
- />
- setAttributes({description: des})}
- placeholder={__('Enter form description', 'planet4-blocks-backend')}
- allowedFormats={['core/bold', 'core/italic']}
- />
-
-
-
-
-
-
- {error &&
- { error }
- }
-
- );
- }
-
- return (
-
-
- );
-};
-
-const FormContent = ({attributes, setAttributes, fields}) => {
- const {
- en_form_style,
- button_text,
- text_below_button,
- } = attributes;
-
- const fwbg = en_form_style === 'full-width-bg';
-
- return (
-
- );
-};
diff --git a/assets/src/blocks/ENForm/ENFormScript.js b/assets/src/blocks/ENForm/ENFormScript.js
deleted file mode 100644
index b3f5d6933e..0000000000
--- a/assets/src/blocks/ENForm/ENFormScript.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import {createRoot} from 'react-dom/client';
-import {ENFormFrontend} from './ENFormFrontend';
-import {hydrateBlock} from '../../functions/hydrateBlock';
-
-hydrateBlock('planet4-blocks/enform', ENFormFrontend);
-
-// Fallback for non migrated content. Remove after migration.
-document.querySelectorAll('[data-render="planet4-blocks/enform"]').forEach(
- blockNode => {
- const attributes = JSON.parse(blockNode.dataset.attributes);
- const rootElement = createRoot(blockNode);
- rootElement.render(
-
-
-
-
-
-
-
-
-
-
-
- {!donate_button_checkbox &&
- <>
-
-
-
-
-
-
- }
-
- {is_campaign &&
- onCampaignLogoChange(campaignLogo)}
- />
- }
- setAttributes({en_page_id: parseInt(id)})}
- required={true}
- />
-
- setAttributes({en_form_id: parseInt(id)})}
- help={en_forms.length > 0 ?
- __('Select the P4EN Form that will be displayed.', 'planet4-engagingnetworks-backend') :
- __('Create an EN Form', 'planet4-engagingnetworks-backend')}
- />
-
- {style_has_image &&
-
- onBackgroundChange(image)}
- imageId={background}
- imageUrl={background_image_src}
- buttonLabel={__('+ Select background image', 'planet4-blocks-backend')}
- disabled={false}
- />
- {background_image_src &&
-
- }
-
-
- {__('Select focal point for background image', 'planet4-blocks-backend')}
- onFocalChange('background_image_focus', focus)}
- />
-
- }
- - - P4 Handbook EN Form - - {' '} ✍️ -
-
- {fields.map((field, index) => {
- return (
-
- );
- })}
-
- );
-};
-
-const Input = props => {
- const {
- field,
- index,
- onInputChange = () => {
- // no action by default
- },
- onBlur = () => {
- // no action by default
- },
- control_fields,
- errors,
- is_side_style,
- } = props;
-
- return (returnField => {
- switch (returnField?.input_type) {
- case 'text':
- case 'email':
- return
-
- );
-};
-
-const CheckboxInput = ({field, onInputChange, onBlur, index, control_fields, errors}) => {
- return field.en_type === 'GEN' ?
-
- onInputChange(field, e)}
- onBlur={e => onBlur(field, e)}
- />
- {is_side_style &&
-
- }
- {has_error &&
-
- { errors[field.id] ?? errorMessage }
- }
-
-
- );
-};
-
-const CheckboxGen = ({field, onInputChange, onBlur, control_fields, errors}) => {
- const {id, name} = inputId(field);
- const question_option = {};
- const has_error = errors && errors[field.id];
- const errorMessage = __('This field is required', 'planet4-engagingnetworks');
-
- return (
-
-
-
-
-
- );
-};
-
-const RadioInput = ({field, onInputChange, onBlur, errors}) => {
- const {id, name} = inputId(field);
- const options = field.radio_options[field.locale] || [];
- const has_error = errors && errors[field.id];
-
- const inputs = options.map((opt, index) => {
- return (
-
-
-
-
-
- );
- });
-
- if (inputs.length <= 0) {
- return null;
- }
-
- const errorMessage = __('This field is required', 'planet4-engagingnetworks');
-
- return (
-
-
-
-
-
- {field.label}
-
- { inputs } - {has_error && -
- );
-};
-
-const CountryInput = ({field, onInputChange, onBlur, errors}) => {
- const {id, name} = inputId(field);
- const has_error = errors && errors[field.id];
- const error_message = __('Please select a country.', 'planet4-engagingnetworks');
- const props = {
- id,
- name,
- class_name: `en__field__input en__field__input--select en_select_country form-select ${has_error ? 'is-invalid' : ''}`,
- default_text: `${__('Select Country or Region', 'planet4-engagingnetworks')}${field.required ? ' *' : ''}`,
- error_message,
- required: field?.required || false,
- label: `${field.label}${field.required ? ' *' : ''}`,
- onInputChange: e => onInputChange(field, e),
- onBlur: e => onBlur(field, e),
- };
-
- return (
- - { inputs } - {has_error && -
{errors[field.id] ?? errorMessage}
- }
-
-
- );
-};
-
-const PositionInput = ({field, onInputChange, onBlur, errors, is_side_style}) => {
- const {id, name} = inputId(field);
- const has_error = errors && errors[field.id];
- const error_message = __('Please select a position.', 'planet4-engagingnetworks');
- const props = {
- id,
- name,
- class_name: `en__field__input en__field__input--select en_select_position form-select ${has_error ? 'is-invalid' : ''}`,
- default_text: `${__('Select Affiliation, Position or Profession', 'planet4-engagingnetworks')}${field.required ? ' *' : ''}`,
- error_message,
- required: field?.required || false,
- onInputChange: e => onInputChange(field, e),
- onBlur: e => onBlur(field, e),
- };
-
- return (
-
-
- { errors[field.id] ?? error_message }
- }
-
-
- );
-};
-
-/**
- * Toggles availability of checkboxes depending on the one clicked
- *
- * @param {Object} e
- */
-const toggleDependencies = e => {
- const target = e.target;
- const dependencies = target?.dataset?.dependency;
- if (!target || !dependencies) {
- return;
- }
-
- for (const dependency of dependencies.split(',')) {
- const dep_element = document.querySelector(`.dependency-${dependency}`);
- if (!dep_element) {
- continue;
- }
-
- if (target.checked) {
- dep_element.removeAttribute('disabled');
- // eslint-disable-next-line no-unused-expressions
- dep_element.parentElement?.classList.remove('disable-checkbox');
- } else {
- dep_element.setAttribute('disabled', '');
- dep_element.checked = false;
- // eslint-disable-next-line no-unused-expressions
- dep_element.parentElement?.classList.add('disable-checkbox');
- }
- }
-};
diff --git a/assets/src/blocks/ENForm/PositionSelector.js b/assets/src/blocks/ENForm/PositionSelector.js
deleted file mode 100644
index 4a1aec2e0b..0000000000
--- a/assets/src/blocks/ENForm/PositionSelector.js
+++ /dev/null
@@ -1,51 +0,0 @@
-export const PositionSelector = attributes => {
- const {
- name = 'position-selector',
- id = null,
- default_text = '',
- class_name = '',
- error_message = '',
- required = false,
- onInputChange = null,
- onBlur = null,
- } = attributes;
-
- const options = [
- ,
- ...positions.map(p => {
- return ;
- }),
- ];
-
- return (
-
- );
-};
-
-const positions = [
- {code: 'politician', name: 'Politician / Political figure'},
- {code: 'scientist', name: 'Scientist / Academic'},
- {code: 'business_leader', name: 'Business leader / Business'},
- {code: 'indigenous_leader', name: 'Indigenous leader or organisation'},
- {code: 'artists', name: 'Artists'},
- {code: 'faith_leader', name: 'Faith leader / Faith community'},
- {code: 'civil_society_leader', name: 'Civil society leader or organisation'},
- {code: 'minister', name: 'Minister or former Minister'},
- {code: 'cultural_leader', name: 'Cultural leader or organisation'},
- {code: 'youth_leader', name: 'Youth leader or organisation'},
- {code: 'unions', name: 'Unions'},
- {code: 'sports', name: 'Sports / Athlete'},
- {code: 'public_private_institution', name: 'Public and private institution'},
- {code: 'other', name: 'Other public representative'},
-];
diff --git a/assets/src/blocks/ENForm/ShareButtons.js b/assets/src/blocks/ENForm/ShareButtons.js
deleted file mode 100644
index e893230037..0000000000
--- a/assets/src/blocks/ENForm/ShareButtons.js
+++ /dev/null
@@ -1,115 +0,0 @@
-const {__} = wp.i18n;
-window.dataLayer = window.dataLayer || [];
-
-const SvgIcon = props => {
- const theme_dir = window.p4_vars.themeUrl;
- const {
- name,
- sprite = `${theme_dir}/assets/build/sprite.symbol.svg`,
- class_name = 'icon',
- } = props;
-
- return (
-
- );
-};
-
-export const ShareButtons = ({social_params, social_accounts}) => {
- const {
- link = document.URL,
- title = document.title,
- description = '',
- utm_medium = '',
- utm_content = '',
- utm_campaign = '',
- } = social_params;
-
- const share = (action, label) => {
- const shared = {
- eventCategory: 'Social Share',
- eventAction: action,
- eventLabel: label,
- };
-
- window.dataLayer.push({
- event: 'uaevent',
- ...shared,
- });
-
- window.dataLayer.push({
- event: 'page_shared',
- channel: action,
- ...shared,
- });
- };
-
- return (
-
- {is_side_style &&
-
- }
-
- { errors[field.id] ?? error_message }
- }
-
- {
- share('Whatsapp', link);
- }}
- target="_blank"
- className="share-btn whatsapp"
- rel="noreferrer"
- >
-
- );
-};
-
-const twitterUrl = (link, title, description, account) => {
- return `https://x.com/share?url=${encodeURIComponent(link)}` +
- `&text=${encodeURIComponent(title)}` +
- (description ? ` - ${encodeURIComponent(description)}` : '') +
- (account ? ` via @${encodeURIComponent(account)}&related=${encodeURIComponent(account)}` : '');
-};
-
-const utm = (utm_source, utm_medium, utm_content, utm_campaign) => {
- return [
- utm_source ? `utm_source=${encodeURIComponent(utm_source)}` : null,
- utm_medium ? `utm_medium=${encodeURIComponent(utm_medium)}` : null,
- utm_content ? `utm_content=${encodeURIComponent(utm_content)}` : null,
- utm_campaign ? `utm_campaign=${encodeURIComponent(utm_campaign)}` : null,
- ].filter(x => x).join('&');
-};
diff --git a/assets/src/blocks/ENForm/deprecated/ENFormV1.js b/assets/src/blocks/ENForm/deprecated/ENFormV1.js
deleted file mode 100644
index 0ea7f104a2..0000000000
--- a/assets/src/blocks/ENForm/deprecated/ENFormV1.js
+++ /dev/null
@@ -1,45 +0,0 @@
-const {__} = wp.i18n;
-
-export const ENFormV1 = {
- attributes: {
- en_page_id: {type: 'integer'},
- enform_goal: {type: 'string'},
- en_form_style: {type: 'string'},
- title: {type: 'string'},
- description: {type: 'string'},
- campaign_logo: {type: 'boolean'},
- content_title: {type: 'string'},
- content_title_size: {type: 'string'},
- content_description: {type: 'string'},
- button_text: {type: 'string'},
- text_below_button: {type: 'string'},
- thankyou_title: {type: 'string'},
- thankyou_subtitle: {type: 'string'},
- thankyou_donate_message: {type: 'string'},
- thankyou_social_media_message: {type: 'string'},
- donate_button_checkbox: {type: 'boolean'},
- custom_donate_url: {type: 'string'},
- thankyou_url: {type: 'string'},
- background: {type: 'integer'},
- en_form_id: {type: 'integer'},
- },
- isEligible(attributes) {
- return typeof attributes.social === 'undefined';
- },
- migrate(attributes) {
- return {
- ...attributes,
- background_image_src: '',
- background_image_srcset: null,
- background_image_sizes: null,
- background_image_focus: '50% 50%',
- donate_text: __('Donate', 'planet4-engagingnetworks'),
- en_form_fields: [],
- social: {},
- social_accounts: {},
- };
- },
- save() {
- return null;
- },
-};
diff --git a/assets/src/blocks/ENForm/deprecated/ENFormV2.js b/assets/src/blocks/ENForm/deprecated/ENFormV2.js
deleted file mode 100644
index 8dfbcf6c13..0000000000
--- a/assets/src/blocks/ENForm/deprecated/ENFormV2.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import {BLOCK_NAME, attributes} from '../ENFormBlock';
-import {frontendRendered} from '../../../functions/frontendRendered';
-
-export const ENFormV2 = {
- attributes,
- save: props => {
- // Sort attributes in a predictable order
- const ordered_attrs = Object.fromEntries(Object.entries(props.attributes).sort());
-
- return frontendRendered(BLOCK_NAME)(ordered_attrs, props?.className);
- },
-};
diff --git a/assets/src/blocks/ENForm/inputId.js b/assets/src/blocks/ENForm/inputId.js
deleted file mode 100644
index 0bc8c6f237..0000000000
--- a/assets/src/blocks/ENForm/inputId.js
+++ /dev/null
@@ -1,17 +0,0 @@
-
-export const inputId = field => {
- switch (field.en_type) {
- case 'GEN':
- case 'OPT':
- return {
- id: `en__field_supporter_questions_${field.id}`,
- name: `supporter.questions.${field.id}`,
- };
- case 'Field':
- default:
- return {
- id: `en__field_supporter_${field.property}`,
- name: `supporter.${field.property}`,
- };
- }
-};
diff --git a/assets/src/scss/blocks.scss b/assets/src/scss/blocks.scss
index 3cf1b37df4..404dd70073 100644
--- a/assets/src/scss/blocks.scss
+++ b/assets/src/scss/blocks.scss
@@ -10,7 +10,6 @@
@import "blocks/Cookies/CookiesStyle";
@import "blocks/Counter/CounterStyle";
@import "blocks/Covers/CoversStyle";
-@import "blocks/ENForm/ENFormStyle";
@import "blocks/HappyPoint/HappyPointStyle";
@import "blocks/SocialMedia/SocialMediaStyle";
@import "blocks/Spreadsheet";
diff --git a/assets/src/scss/blocks/Counter/CounterStyle.scss b/assets/src/scss/blocks/Counter/CounterStyle.scss
index 2ec854fda3..473b69be74 100644
--- a/assets/src/scss/blocks/Counter/CounterStyle.scss
+++ b/assets/src/scss/blocks/Counter/CounterStyle.scss
@@ -14,22 +14,6 @@
white-space: pre-wrap;
}
- .enform-extra-header-placeholder & {
- margin-top: 40px;
- margin-bottom: 30px;
-
- .counter-text {
- text-align: left;
- }
-
- .progress-container {
- _-- {
- display: block;
- }
- height: 20px;
- }
- }
-
&.counter-style-4 {
display: none;
}
@@ -71,10 +55,6 @@
margin-left: -10px;
}
- .enform-progress-bar _-- {
- background: var(--gp-green-400);
- }
-
.progress-arc {
_-- {
max-width: 225px;
@@ -104,8 +84,3 @@
font-weight: bold;
}
}
-
-.wp-block-planet4-blocks-counter.is-style-en-forms-bar,
-.wp-block-planet4-blocks-counter .counter-style-en-forms-bar {
- display: none;
-}
diff --git a/assets/src/scss/blocks/ENForm/ENFormEditorStyle.scss b/assets/src/scss/blocks/ENForm/ENFormEditorStyle.scss
deleted file mode 100644
index ed770323a5..0000000000
--- a/assets/src/scss/blocks/ENForm/ENFormEditorStyle.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-.enform {
- background: none;
-}
-
-.enform .form-container {
- input {
- box-sizing: border-box;
- }
-}
-
-.wp-core-ui {
- .enform a.btn-primary {
- color: var(--btn-primary-color, #fff);
- }
- /* Let select inputs follow the flow */
- .enform select {
- max-width: 90%;
- }
- /* Nullify default editor border */
- .enform input[type="checkbox"] {
- border: 0;
- }
-
- .enform-side-style,
- .enform-full-width-bg {
- width: 100%;
-
- .container {
- z-index: 1;
- }
- }
-
- .enform-full-width {
- /* Default enform text color is white, editor background color too */
- background: var(--p4-dark-green-800);
-
- div.submit div.btn {
- width: 32%;
- margin-top: 32px;
- }
- }
-
- .enform-full-width-bg {
- div.submit {
- padding: 0;
- }
- }
-
- .enform-side-style {
- .submit div.btn {
- padding: 0;
- margin-top: 32px;
- }
- }
-}
diff --git a/assets/src/scss/blocks/ENForm/ENFormStyle.scss b/assets/src/scss/blocks/ENForm/ENFormStyle.scss
deleted file mode 100644
index 6e790f50ec..0000000000
--- a/assets/src/scss/blocks/ENForm/ENFormStyle.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// EN Blocks
-@import "components/enform";
-@import "components/enform-full-width-bg";
-@import "components/enform-full-width";
-@import "components/enform-side-style";
-// Campaigns - mixins
-@import "campaigns/mixins";
-// Campaigns - themes
-@import "campaigns/campaign_enform";
diff --git a/assets/src/scss/blocks/ENForm/campaigns/_campaign_enform.scss b/assets/src/scss/blocks/ENForm/campaigns/_campaign_enform.scss
deleted file mode 100644
index 784f735ebc..0000000000
--- a/assets/src/scss/blocks/ENForm/campaigns/_campaign_enform.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.enform-wrap {
- @include campaign-en-block();
-}
diff --git a/assets/src/scss/blocks/ENForm/campaigns/_mixins.scss b/assets/src/scss/blocks/ENForm/campaigns/_mixins.scss
deleted file mode 100644
index 6032b1330b..0000000000
--- a/assets/src/scss/blocks/ENForm/campaigns/_mixins.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-@mixin campaign-en-block($form-caption-transform: false) {
- .form-caption {
- padding-bottom: $sp-8;
-
- h1, h2, h3 {
- @if $form-caption-transform {
- text-transform: $form-caption-transform;
- }
- }
-
- p {
- font-size: $font-size-sm;
- line-height: 1.875rem;
- }
-
- h1 {
- font-size: 3.62rem;
- color: white !important;
- margin-bottom: 16px;
- line-height: 1.225;
- }
-
- h2 {
- margin-bottom: 18px;
- }
-
- h3 {
- margin-bottom: 16px;
- }
-
- .campaign-logo {
- width: 380px;
- max-width: 100%;
- padding-bottom: 30px;
- padding-top: 10px;
- display: block;
- }
- }
-
- .enform {
- .submit button {
- margin-bottom: 0;
- box-sizing: border-box;
- width: 100%;
- }
- }
-}
diff --git a/assets/src/scss/blocks/ENForm/components/_enform-full-width-bg.scss b/assets/src/scss/blocks/ENForm/components/_enform-full-width-bg.scss
deleted file mode 100644
index 1751505d9d..0000000000
--- a/assets/src/scss/blocks/ENForm/components/_enform-full-width-bg.scss
+++ /dev/null
@@ -1,78 +0,0 @@
-.enform-full-width-bg {
- @include background-before-opacity($beige-100);
- width: 100vw;
- min-height: 444px;
- overflow: hidden;
- display: flex;
- align-items: center;
-
- picture {
- align-self: start;
-
- img {
- position: absolute;
- height: auto;
- width: 100%;
- object-fit: cover;
- object-position: center center;
- opacity: 0.3;
-
- @supports (object-fit: cover) {
- & {
- height: 100%;
- }
- }
- }
- }
-
- .enform {
- .form-description {
- margin-bottom: 16px;
- }
-
- .title-and-description {
- h2 {
- margin-bottom: $sp-4;
- }
-
- p {
- margin-bottom: $sp-4;
- }
- }
-
- form {
- .submit {
- @include medium-and-up {
- margin-top: 0;
- }
-
- @include large-and-up {
- padding-left: 0;
- margin-top: 0;
- }
-
- @include medium-and-up {
- flex-direction: unset;
- }
-
- button {
- min-width: 100%;
- padding: 0;
- margin-top: 0;
- }
-
- .enform-legal {
- min-width: 100%;
- }
- }
-
- .formblock-flex {
- .en__field {
- @include large-and-up {
- width: 49%;
- }
- }
- }
- }
- }
-}
diff --git a/assets/src/scss/blocks/ENForm/components/_enform-full-width.scss b/assets/src/scss/blocks/ENForm/components/_enform-full-width.scss
deleted file mode 100644
index 9ccb4afd86..0000000000
--- a/assets/src/scss/blocks/ENForm/components/_enform-full-width.scss
+++ /dev/null
@@ -1,88 +0,0 @@
-.enform-full-width {
- background: var(--p4-dark-green-800);
-
- .container {
- padding: 0;
- }
-
- .enform {
- color: white;
- padding: $sp-4;
- padding-bottom: 42px;
-
- .title-and-description {
- h2 {
- margin-bottom: 16px;
- }
-
- .form-description {
- margin-bottom: 32px;
- }
- }
-
- form {
- .custom-control .custom-control-description {
- color: var(--white);
-
- a {
- color: var(--white);
- }
- }
-
- .en__field--check {
- margin-top: 16px;
-
- @include medium-and-up {
- width: 100%;
- }
-
- label {
- margin-bottom: 0;
- }
-
- .form-group {
- margin-bottom: 0;
- }
- }
-
- .form-check-label-block {
- padding: 0;
- }
-
- .submit {
- display: flex;
- margin-top: 0;
-
- @include medium-and-up {
- justify-content: center;
- }
-
- @include large-and-up {
- justify-content: left;
- }
-
- button {
- padding: 0;
- margin-bottom: 0;
-
- @include medium-and-up {
- width: 380px !important;
- }
-
- @include large-and-up {
- width: 32% !important;
- }
- }
- }
-
- .enform-legal {
- margin-top: 24px;
-
- @include large-and-up {
- margin-top: 16px;
- width: 66%;
- }
- }
- }
- }
-}
diff --git a/assets/src/scss/blocks/ENForm/components/_enform-side-style.scss b/assets/src/scss/blocks/ENForm/components/_enform-side-style.scss
deleted file mode 100644
index 5de136ec0d..0000000000
--- a/assets/src/scss/blocks/ENForm/components/_enform-side-style.scss
+++ /dev/null
@@ -1,169 +0,0 @@
-.enform-side-style {
- width: 100vw;
- min-height: 444px;
- overflow: hidden;
- display: flex;
- align-items: center;
-
- &:only-child {
- margin-bottom: 0;
- }
-
- .caption-overlay {
- display: block;
- background: url("../../images/carousel-blurred-overlay.png");
- background-position: bottom right;
- background-size: cover;
- height: 100%;
- width: 90%;
- position: absolute;
- margin-left: 0;
- z-index: 1;
-
- html[dir="rtl"] & {
- background-position: bottom left;
- }
-
- @include medium-and-up {
- width: 50%;
- }
- }
-
- // Darken background
- &::after {
- @include fill-container;
- content: "";
- background: rgba(30, 30, 30, 0.45);
- }
-
- picture {
- align-self: start;
-
- @include large-and-up {
- display: block;
- }
-
- img {
- position: absolute;
- height: auto;
- width: 100%;
- object-fit: cover;
- object-position: center center;
- opacity: 1;
-
- @supports (object-fit: cover) {
- & {
- height: 100%;
- }
- }
- }
- }
-
- .enform {
- overflow: hidden;
- align-items: center;
- min-height: 444px;
- background: white;
- padding-top: 28px;
- float: none;
- width: 100vw;
- margin-top: 0;
- margin-bottom: 0;
-
- margin-left: calc(((100vw - 100%) / 2) * -1);
- padding-left: calc(((100vw - 100%) / 2));
- padding-right: calc(((100vw - 100%) / 2));
-
- @include large-and-up {
- margin-top: 96px;
- margin-bottom: 60px;
- float: right;
-
- html[dir="rtl"] & {
- float: left;
- }
-
- width: 40%;
- max-width: 444px;
- box-sizing: content-box;
- box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
- padding: $sp-6 30px 34px;
- }
-
- .en__field--check {
- margin-top: $sp-2;
-
- .form-group {
- padding-top: 0;
- margin-bottom: 0;
- }
-
- label {
- margin-bottom: 0;
- }
-
- p {
- html[dir="rtl"] & {
- display: inline;
- }
- }
- }
- }
-
- .title-and-description {
- padding: $sp-2;
-
- @include large-and-up {
- padding: 0;
- }
-
- .enform-extra-header-placeholder {
- .container {
- padding-top: 0;
- }
-
- .counter-block _-- {
- margin-bottom: 0;
- margin-top: 32px;
- }
-
- .progress-container {
- margin-bottom: $sp-2;
- height: $sp-1x;
-
- html[dir="rtl"] & {
- margin-bottom: $sp-4;
- }
- }
-
- .counter-text {
- margin-bottom: 0;
-
- html[dir="rtl"] & {
- text-align: right;
- }
- }
- }
-
- .form-description {
- margin-bottom: $sp-4;
-
- html[dir="rtl"] & {
- font-size: 0.75rem;
- }
- }
- }
-
- .form-container {
- background: var(--white);
- padding: $sp-2;
-
- @include large-and-up {
- padding: 0;
- }
-
- .formblock-flex .en__field {
- width: 100%;
- }
- }
-}
diff --git a/assets/src/scss/blocks/ENForm/components/_enform.scss b/assets/src/scss/blocks/ENForm/components/_enform.scss
deleted file mode 100644
index dec69492fa..0000000000
--- a/assets/src/scss/blocks/ENForm/components/_enform.scss
+++ /dev/null
@@ -1,301 +0,0 @@
-.form-caption {
- float: none;
- width: 100%;
-
- --block-enform--caption-- {
- padding-top: 53px;
- padding-bottom: 53px;
- padding-left: 15px;
- padding-right: 15px;
-
- @include medium-and-up {
- padding-top: 106px;
- padding-bottom: 106px;
- }
-
- @include large-and-up {
- padding-top: 117px;
- padding-left: 0;
- padding-right: 0;
- width: 50%;
- }
- }
- @include large-and-up {
- float: left;
-
- html[dir="rtl"] & {
- float: right;
- }
-
- .form-caption-background {
- display: none;
- }
- }
-
- h1, h2, h3 {
- --block-enform--caption-heading-- {
- color: white;
- }
- }
-
- h1 {
- margin-bottom: 24px;
- line-height: 1.1;
-
- @include large-and-up {
- margin-bottom: $sp-4;
- }
- }
-
- h2 {
- margin-bottom: 18px;
- line-height: 1.2;
-
- @include large-and-up {
- margin-bottom: 24px;
- }
- }
-
- h3 {
- margin-bottom: 8px;
- font-size: 1.25rem;
-
- @include medium-and-up {
- font-size: 1.675rem;
- }
-
- @include large-and-up {
- font-size: 1.75rem;
- }
- }
-
- p {
- --block-enform--caption--paragraph-- {
- color: var(--white);
- font-size: 1rem;
- line-height: 1.37rem;
- }
-
- html[dir="rtl"] & {
- font-size: 1rem;
- }
- }
-
- .campaign-logo {
- max-height: 17.5rem;
- margin-bottom: 2rem;
- }
-}
-
-.enform {
- _-- {
- font-family: var(--font-family-primary);
- }
- margin-top: 36px;
- height: inherit;
- width: 100%;
-
- form {
- margin: 0;
-
- input,
- select.form-control.en__field__input--select,
- button {
- min-width: 200px;
-
- @include large-and-up {
- width: 100% !important;
- }
- }
-
- .disable-checkbox {
- opacity: 0.5;
- }
-
- .formblock-flex {
- display: flex;
- flex-wrap: wrap;
- width: 100%;
-
- @include medium-and-up {
- justify-content: space-between;
- }
-
- .en__field {
- width: 100%;
-
- @include large-and-up {
- width: 32%;
- }
- }
- }
-
- .submit {
- margin: 0;
- margin-top: 19px;
- line-height: 1;
-
- button, .btn {
- box-sizing: border-box;
- width: 100% !important;
- margin-top: $sp-4;
- }
- }
-
- input[type=submit] {
- margin-bottom: 0;
- line-height: 1;
- }
-
- .enform-legal {
- margin-top: $sp-2;
-
- html[dir="rtl"] & {
- margin-top: $sp-6;
-
- @include large-and-up {
- margin-top: $sp-4;
- }
- }
-
- p {
- --block-enform--text-- {
- font-size: .75rem;
- font-family: var(--font-family-tertiary) !important;
- line-height: 1rem;
- }
- margin-bottom: 0;
- float: none;
- }
- }
- }
-
- h2 {
- .enform-full-width & {
- color: white;
-
- html[dir="rtl"] & {
- font-size: 2rem;
-
- @include large-and-up {
- font-size: 1.75rem;
- }
- }
- }
-
- &.thankyou {
- margin-bottom: 0;
- }
-
- @include medium-and-up {
- font-size: 1.75rem;
- line-height: 2.5rem;
- }
-
- @include large-and-up {
- font-size: 2.125rem;
- }
-
- @include x-large-and-up {
- font-size: 2.25rem;
- }
- }
-
- .thankyou-subtitle {
- font-weight: normal;
- }
-}
-
-.en-spinner {
- border-color: var(--white) !important;
- border-right-color: transparent!important;
- display: none;
- vertical-align: middle;
-}
-
-.thankyou {
- position: relative;
- min-height: inherit;
-
- @include mobile-only {
- margin: 0 20px;
- }
-
- &.full-width {
- max-width: 444px;
-
- @include large-and-up {
- left: 33%;
-
- html[dir="rtl"] & {
- right: 33%;
- }
- }
-
- .sub-section {
- margin-bottom: 2em;
- width: 100%;
-
- .form-group {
- margin-bottom: 2em;
- }
- }
- }
-
- .page-section-header {
- line-height: 1.2;
- }
-
- .page-section-description {
- line-height: 1.4;
- }
-
- .btn {
- width: 100% !important;
- box-sizing: border-box !important;
- }
-
- .sub-section {
- margin-bottom: 2em;
- width: 100%;
-
- .form-group {
- margin-bottom: 2em;
- }
-
- .social-media {
- .share-buttons {
- float: none;
- display: flex;
- }
-
- .share-btn {
- flex-grow: 1;
- box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
-
- &:not(:last-child) {
- margin-right: 5px;
- }
- }
-
- .twitter {
- background: #00acee none repeat scroll 0 0;
- }
- }
- }
-}
-
-.en__field--select {
- width: 100%;
- margin-bottom: 1rem;
-
- .en__field__element--select {
- margin-bottom: 0;
-
- select.form-control.en__field__input--select {
- width: 100%;
- display: block;
- margin-bottom: 0;
- }
- }
-}
diff --git a/assets/src/scss/editorStyle.scss b/assets/src/scss/editorStyle.scss
index 6a8c21242c..da5a9a83ad 100644
--- a/assets/src/scss/editorStyle.scss
+++ b/assets/src/scss/editorStyle.scss
@@ -40,7 +40,6 @@
@import "blocks/Columns/ColumnsEditorStyle";
@import "blocks/Cookies/CookiesEditorStyle";
@import "blocks/Covers/CoversEditorStyle";
-@import "blocks/ENForm/ENFormEditorStyle";
@import "blocks/HappyPoint/HappyPointEditorStyle";
@import "blocks/TableOfContents/TableOfContentsEditorStyle";
@import "blocks/TakeActionBoxout/TakeActionBoxoutEditorStyle";
diff --git a/exporter-helper.php b/exporter-helper.php
index bdbef0489d..33aac918d0 100644
--- a/exporter-helper.php
+++ b/exporter-helper.php
@@ -21,10 +21,6 @@ function get_attachments_used_in_content(string $content): array
foreach ($blocks as $block) {
// Fetch the attachement id/s from block fields.
switch ($block['blockName']) {
- case 'planet4-blocks/enform':
- $attachment_ids[] = $block['attrs']['background'] ?? '';
- break;
-
case 'core/media-text':
$attachment_ids[] = $block['attrs']['mediaId'] ?? '';
$attachment_ids[] = $block['attrs']['mediaLink'] ?? '';
diff --git a/functions.php b/functions.php
index 763b49116d..e389e99ff6 100644
--- a/functions.php
+++ b/functions.php
@@ -101,7 +101,6 @@ function (): void {
Api\Gallery::register_endpoint();
Api\Search::register_endpoint();
Api\Settings::register_endpoint();
- Api\ENForm::register_endpoint();
Api\Covers::register_endpoint();
Api\Articles::register_endpoint();
Api\SocialMedia::register_endpoint();
diff --git a/phpcs.xml.dist b/phpcs.xml.dist
index d1705371e1..d7c3d82e03 100644
--- a/phpcs.xml.dist
+++ b/phpcs.xml.dist
@@ -27,7 +27,7 @@
' . esc_html($this->error) . '
' . esc_html($this->error) . '
{{ category }}: {{ message }}
'; \ No newline at end of file diff --git a/templates/block_templates/en_selected_meta_box.twig b/templates/block_templates/en_selected_meta_box.twig deleted file mode 100644 index 491832ba45..0000000000 --- a/templates/block_templates/en_selected_meta_box.twig +++ /dev/null @@ -1,56 +0,0 @@ -{% block selected_meta_box %} -
- {{ __( 'Hover over %s icons to get more information about each field attribute.', 'planet4-engagingnetworks-backend' )|format("")|raw }}
-
- {{ __( 'Form fields will be saved only on publish/update.', 'planet4-engagingnetworks-backend' ) }}
-
| - | {{ __( 'Name', 'planet4-engagingnetworks-backend' ) }} - - - | -{{ __( 'EN Type', 'planet4-engagingnetworks-backend' ) }} - - - | -- {{ __( 'Required', 'planet4-engagingnetworks-backend' ) }} - - - | -{{ __( 'Label', 'planet4-engagingnetworks-backend' ) }} - - - | -{{ __( 'P4 field type', 'planet4-engagingnetworks-backend' ) }} - - - | -{{ __( 'Actions', 'planet4-engagingnetworks-backend' ) }} | -
|---|---|---|---|---|---|---|
| - | {{ __( 'Name', 'planet4-engagingnetworks-backend' ) }} | -{{ __( 'EN Type', 'planet4-engagingnetworks-backend' ) }} | -{{ __( 'Required', 'planet4-engagingnetworks-backend' ) }} | -{{ __( 'Label', 'planet4-engagingnetworks-backend' ) }} | -{{ __( 'Type', 'planet4-engagingnetworks-backend' ) }} | -{{ __( 'Actions', 'planet4-engagingnetworks-backend' ) }} | -
-
-
-
-
-
-
- {% if fields.en_form_style == 'side-style' %}
-
-
- {% if campaign_data.logo_path %}
- 
- {% endif %}
- <{{ fields.content_title_size | default('h1') }}>{{ fields.content_title }}
-
- {% endif %}
-
- {{ fields.content_description|e('wp_kses_post')|wpautop|raw }}
-
-
-
-
-
-
-
- {% embed 'enform/tease-thankyou.twig' %}
- {% endembed %}
-
-
- {% if fields.title %}
-
- {{ fields.title }}
- {% endif %} - {% if fields.en_form_style == 'side-style' %} - - {% endif %} -{{ fields.description|e('wp_kses_post')|wpautop|raw }}
-
-
-
-
-
-
-
-{% endblock %}
-
-
diff --git a/templates/block_templates/enform/enblock.twig b/templates/block_templates/enform/enblock.twig
deleted file mode 100644
index e57b8da319..0000000000
--- a/templates/block_templates/enform/enblock.twig
+++ /dev/null
@@ -1,84 +0,0 @@
-{% block enblock %}
-
-
-
-
-
-
-
- {% if fields.en_form_style == 'side-style' %}
-
-
- {% if campaign_data.logo_path %}
-
- {% endif %}
- <{{ fields.content_title_size | default('h1') }}>{{ fields.content_title }}
-
- {% endif %}
-
- {{ fields.content_description|e('wp_kses_post')|wpautop|raw }}
-
-
-
-
-
-
-
- {% embed 'tease-thankyou.twig' %}
- {% endembed %}
-
-
- {% if fields.title %}
-
- {{ fields.title }}
- {% endif %} - {% if fields.en_form_style == 'side-style' %} - - {% endif %} -{{ fields.description|e('wp_kses_post')|wpautop|raw }}
-
-
-
-
-
-
- {# Iterate over form fields and render each field #}
- {% for key,field in form_fields %}
- {% set errorMessage = __( 'This field is required', 'planet4-engagingnetworks' ) %}
-
- {# Construct input field name based on en type #}
- {% if field.en_type == 'GEN' or field.en_type == 'OPT' %}
- {% set en_input_name = 'supporter.questions.'~field.id %}
- {% elseif field.en_type == 'Field' %}
- {% set en_input_name = 'supporter.'~field.property %}
- {% endif %}
-
- {% if ('text' == field.input_type or 'email' == field.input_type ) %}
- {% if 'email' == field.input_type %}
- {% set errorMessage = __( 'Please enter a valid e-mail address.', 'planet4-engagingnetworks' ) %}
- {% endif %}
-
- {% set i = 0 %} - {% for locale, radio_options in field.radio_options|object_to_array_theme %} - {% if ( locale == field.selected_locale ) %} - {% for radio_option in radio_options %} - {% set radio_option = radio_option|object_to_array_theme %} -
-{% endblock %}
diff --git a/templates/block_templates/enform/position_select.twig b/templates/block_templates/enform/position_select.twig
deleted file mode 100644
index a73a2c2b02..0000000000
--- a/templates/block_templates/enform/position_select.twig
+++ /dev/null
@@ -1,32 +0,0 @@
-{% block position_options %}
-
-
- {% elseif 'checkbox' == field.input_type %}
- {% if field.dependency %}
- {% set dependent_field = field.dependency %}
- {% endif %}
- {% if 'GEN' == field.en_type %}
- {% set i = 0 %}
- {% for locale, question_options in field.question_options|object_to_array_theme %}
- {% if ( locale == field.selected_locale ) %}
- {% for question_option in question_options %}
- {% set question_option = question_option|object_to_array_theme %}
-
-
-
-
-
-
- {% set i = i+1 %}
- {% endfor %}
- {% endif %}
- {% endfor %}
- {% elseif 'OPT' == field.en_type %}
-
-
-
-
-
- {% endif %}
- {% elseif 'radio' == field.input_type %}
-
- {{ field.label|e('wp_kses_post')|raw }}
-
-
-
- - {% set i = 0 %} - {% for locale, radio_options in field.radio_options|object_to_array_theme %} - {% if ( locale == field.selected_locale ) %} - {% for radio_option in radio_options %} - {% set radio_option = radio_option|object_to_array_theme %} -
-
- {% set i = i+1 %}
- {% endfor %}
- {% endif %}
- {% endfor %}
- {% elseif 'country' == field.input_type %}
- {% set errorMessage = __( 'Please select a country.', 'planet4-engagingnetworks' ) %}
-
-
-
-
-
- {% elseif 'position' == field.input_type %}
- {% set errorMessage = __( 'Please select a position.', 'planet4-engagingnetworks' ) %}
-
- {% include 'block_templates/enform/country_select.twig' with { errorMessage: errorMessage } %}
-
-
-
- {% endif %}
- {% endfor %}
-
- {% include 'block_templates/enform/position_select.twig' with { errorMessage: errorMessage } %}
-
-
-
-
-{% endblock %}
-
-
diff --git a/templates/block_templates/enform/tease-thankyou.twig b/templates/block_templates/enform/tease-thankyou.twig
deleted file mode 100644
index d2dbbee07c..0000000000
--- a/templates/block_templates/enform/tease-thankyou.twig
+++ /dev/null
@@ -1,33 +0,0 @@
-
diff --git a/templates/block_templates/selected_enform_fields.twig b/templates/block_templates/selected_enform_fields.twig
deleted file mode 100644
index 962d143712..0000000000
--- a/templates/block_templates/selected_enform_fields.twig
+++ /dev/null
@@ -1,146 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/templates/block_templates/settings.twig b/templates/block_templates/settings.twig
deleted file mode 100644
index eb1b33864c..0000000000
--- a/templates/block_templates/settings.twig
+++ /dev/null
@@ -1,65 +0,0 @@
-{% block settings_content %}
-
-
-
-
- {{ fn( 'settings_errors' ) }}
-
-
-
-
-{% endblock %}
diff --git a/tests/e2e/blocks/enform.spec.js b/tests/e2e/blocks/enform.spec.js
deleted file mode 100644
index 4d9386c8d7..0000000000
--- a/tests/e2e/blocks/enform.spec.js
+++ /dev/null
@@ -1,264 +0,0 @@
-import {test, expect} from '../tools/lib/test-utils.js';
-import {publishPost, createPostWithFeaturedImage} from '../tools/lib/post.js';
-
-import fieldsData from '../fixtures/enform/ensapi_sample_fields_response.json';
-import questionsData from '../fixtures/enform/ensapi_sample_questions_response.json';
-import questionData from '../fixtures/enform/ensapi_sample_question_236734_response.json';
-import optinData from '../fixtures/enform/ensapi_sample_question_3877_response.json';
-import depOptinData from '../fixtures/enform/ensapi_sample_question_220954_response.json';
-import {formFields, formFieldsAttributes} from '../fixtures/enform/enformData.js';
-
-test.describe.configure({mode: 'serial'});
-let enFormId;
-let pageUrl;
-let featureIsActiveOnInstance;
-
-test.useAdminLoggedIn();
-
-test.describe('create, use and submit EN Form', () => {
- test('activate EN Form block', async ({page, admin}) => {
- // Enable EN Form block
- await admin.visitAdminPage('admin.php', 'page=planet4_settings_features');
- const checkbox = page.getByRole('checkbox', {name: ' Activate the EN Form block, as well as the "Progress Bar inside EN Form" Counter block style.'});
- featureIsActiveOnInstance = await checkbox.isChecked();
- if (!featureIsActiveOnInstance) {
- await checkbox.click();
- await page.locator('input[type="submit"]').click();
- }
-
- // Complete EN API settings to avoid api/cache issues
- await page.goto('./wp-admin/admin.php?page=en-settings');
-
- const adminPublicApiKey = page.locator('input#p4en_public_api');
- const adminPrivateApiKey = page.locator('input#p4en_private_api');
- const frontendPublicApiKey = page.locator('input#p4en_frontend_public_api');
- const frontendPrivateApiKey = page.locator('input#p4en_frontend_private_api');
-
- const apubKey = await adminPublicApiKey.inputValue();
- const aprvKey = await adminPrivateApiKey.inputValue();
- const fpubKey = await frontendPublicApiKey.inputValue();
- const fprvKey = await frontendPrivateApiKey.inputValue();
-
- if (!apubKey) {
- await adminPublicApiKey.fill('admin-public');
- }
- if (!aprvKey) {
- await adminPrivateApiKey.fill('admin-private');
- }
- if (!fpubKey) {
- await frontendPublicApiKey.fill('frontend-public');
- }
- if (!fprvKey) {
- await frontendPrivateApiKey.fill('frontend-private');
- }
- await page.locator('input[type="submit"]').click();
- });
-
- test('create simple EN Form', async ({page, admin, requestUtils}) => {
- // Insert relevant data in transient cache
- const postData = {
- ens_auth_public_token: 'public-token',
- ens_auth_token: 'private-token',
- ens_supporter_fields_response: fieldsData.supporter,
- ens_supporter_questions_response: questionsData.questions,
- ens_supporter_question_by_id_response_236734: questionData['question.236734'],
- ens_supporter_question_by_id_response_3887: optinData['question.3887'],
- ens_supporter_question_by_id_response_220954: depOptinData['question.220954'],
- };
- const items = [];
- for (const key in postData) {
- items.push({key, value: JSON.stringify(postData[key])});
- }
-
- await requestUtils.rest({
- path: '/planet4/v1/transient',
- method: 'POST',
- data: {items},
- });
-
- // Create a new form
- await admin.visitAdminPage('post-new.php', 'post_type=p4en_form');
- const metaboxHeadings = await page.locator('h2').allInnerTexts();
- expect(metaboxHeadings.includes('Form preview')).toBeTruthy();
- expect(metaboxHeadings.includes('Selected Components')).toBeTruthy();
- expect(metaboxHeadings.includes('Available Fields')).toBeTruthy();
- expect(metaboxHeadings.includes('Available Questions')).toBeTruthy();
- expect(metaboxHeadings.includes('Available Opt-ins')).toBeTruthy();
-
- await page.locator('input[name="post_title"]').fill('Acceptance Test - ENForm');
- const fields = [].concat(formFields.fields, formFields.questions);
- for (const field of fields) {
- if (field.name === 'Email') {
- continue; // Email field is there by default
- }
- const element = await page.waitForSelector(`button[data-name="${field.name}"]`);
- await element.scrollIntoViewIfNeeded();
- await element.click();
- }
-
- // Set fields attributes.
- for (const field of fields) {
- const element = await page.waitForSelector(`tr[data-en-id="${field.id}"] .field-type-select`);
- await element.scrollIntoViewIfNeeded();
- if (field.name !== 'Email') { // Email field type is not modifiable
- await element.selectOption(formFieldsAttributes[field.name].type);
- }
- if (formFieldsAttributes[field.name]?.required && field.name !== 'Email') {
- await page.locator(`tr[data-en-id="${field.id}"] input[type="checkbox"]`).click();
- }
- if (formFieldsAttributes[field.name]?.label?.length > 0 && field.type !== 'OPT') {
- await page.locator(`tr[data-en-id="${field.id}"] input[type="text"]`).fill(formFieldsAttributes[field.name].label);
- }
- if (formFieldsAttributes[field.name]?.default_value?.length > 0) {
- await page.locator(`tr[data-en-id="${field.id}"] .dashicons-edit`).click();
- const defaultValField = await page.waitForSelector(`.dialog-${field.id} input[data-attribute="default_value"]`);
- await defaultValField.fill(formFieldsAttributes[field.name].default_value);
- await page.locator(`.dialog-${field.id} button[title='Close']`).click();
- }
- }
-
- // Set dependency field value.
- for (const field of fields) {
- if (!formFieldsAttributes[field.name]?.dependency) {
- continue;
- }
- await page.locator(`#en_form_selected_fields_table tr[data-en-id="${field.id}"] .dashicons-edit`).click();
- const element = await page.waitForSelector(`.dialog-${field.id} .dependency-select`);
- await element.selectOption(formFieldsAttributes[field.name].dependency);
- await page.locator(`.dialog-${field.id} button[title='Close']`).click();
- }
-
- // Reorder last field with the second to last field to assert that ordering fields works.
- const source = page.locator('tr:last-child span.dashicons-sort');
- const target = page.locator('tr:nth-last-child(2) span.dashicons-sort');
- await source.dragTo(target);
-
- await page.locator('#publish').click();
-
- // Assert that the fields were saved with the expected attributes/values.
- for (const field of fields) {
- const element = page.locator(`tr[data-en-id="${field.id}"]`);
- await expect(element).toHaveAttribute('data-en-name', field.name);
- if (formFieldsAttributes[field.name]?.required) {
- await page.locator(`tr[data-en-id="${field.id}"] input[type="checkbox"]`).isChecked();
- }
- if (formFieldsAttributes[field.name]?.label?.length > 0 && field.type !== 'OPT') {
- const labelField = page.locator(`tr[data-en-id="${field.id}"] input[type="text"]`);
- expect(labelField).toHaveValue(formFieldsAttributes[field.name].label);
- }
- if (formFieldsAttributes[field.name]?.default_value?.length > 0) {
- await page.locator(`tr[data-en-id="${field.id}"] .dashicons-edit`).click();
- const defaultValField = page.locator(`.dialog-${field.id} input[data-attribute="default_value"]`);
- await expect(defaultValField).toHaveValue(formFieldsAttributes[field.name].default_value);
- await page.locator(`.dialog-${field.id} button[title="Close"]`).click();
- }
- }
-
- const currentUrl = page.url();
- enFormId = new URL(currentUrl).searchParams.get('post');
- });
-
- test('create Page with EN Form side style', async ({page, admin, editor}) => {
- pageUrl = await createPageWithENForm(page, admin, editor, 'side');
- });
-
- test('fill EN Form (side style) on frontend', async ({page}) => {
- await fillENFormAndSubmit(page);
- });
-
- test('create Page with EN Form full-width-bg style', async ({page, admin, editor}) => {
- pageUrl = await createPageWithENForm(page, admin, editor, 'full-width-bg');
- });
-
- test('fill EN Form (full-width-bg style) on frontend', async ({page}) => {
- await fillENFormAndSubmit(page);
- });
-
- test('disable EN Form block', async ({page, admin}) => {
- await admin.visitAdminPage('admin.php', 'page=planet4_settings_features');
-
- if (featureIsActiveOnInstance) {
- return;
- }
-
- const checkbox = page.getByRole('checkbox', {name: ' Activate the EN Form block, as well as the "Progress Bar inside EN Form" Counter block style.'});
- const checked = await checkbox.isChecked();
- if (checked) {
- await checkbox.click();
- await page.locator('input[type="submit"]').click();
- }
- });
-});
-
-async function createPageWithENForm(page, admin, editor, style) {
- await createPostWithFeaturedImage({admin, editor}, {
- title: 'Test page with enform (style)',
- postType: 'page',
- });
-
- await editor.canvas.getByRole('button', {name: 'Add default block'}).click();
- await page.keyboard.type('/enform');
- await page.getByRole('option', {name: 'EN Form'}).click();
- await page.waitForSelector('.block.enform-wrap');
-
- if (style === 'full-width-bg') {
- await page.getByRole('button', {name: 'Full page width with background'}).click();
- }
- const goalSelector = await page.getByRole('combobox', {name: 'Select Goal'});
- await goalSelector.selectOption('Petition Signup');
- const formSelector = await page.getByRole('combobox', {name: 'Planet 4 Engaging Networks form'});
- await formSelector.selectOption(enFormId);
-
- await page.waitForSelector('#en__field_supporter_emailAddress');
-
- // Publish page.
- const url = await publishPost({page, editor});
- return url;
-}
-
-async function fillENFormAndSubmit(page) {
- const fields = [].concat(formFields.fields, formFields.questions);
-
- await page.goto(pageUrl);
-
- // Check dependency field.
- for (const field of fields) {
- const dep = formFieldsAttributes[field.name]?.dependency;
- if (formFieldsAttributes[field.name].type === 'Checkbox' && dep) {
- await expect(page.locator(`.dependency-${field.name}`)).toBeDisabled();
- }
- }
-
- // Fill the form's fields
- for (const field of fields) {
- if (['Email', 'Text'].includes(formFieldsAttributes[field.name].type)) {
- const name = field.questionId ? `supporter.questions.${field.id}` : `supporter.${field.property}`;
- await page.locator(`[name="${name}"]`).fill('Lorem ipsum');
- } else if (formFieldsAttributes[field.name].type === 'Checkbox') {
- await page.locator(`label[for="en__field_supporter_questions_${field.id}"]`).dispatchEvent('click');
- }
- }
-
- await expect(page.locator('#p4en_form')).toContainText('Please enter a valid e-mail address.');
- await page.locator('[name="supporter.emailAddress"]').fill('test@example.com');
-
- await page.route('./wp-json/planet4/v1/enform/*', async route => {
- expect(route.request().postDataJSON()).toMatchObject({
- standardFieldNames: true,
- supporter: {
- questions: {
- 'question.236734': 'Lorem ipsum',
- 'question.220954': 'Y',
- 'question.3887': 'Y',
- },
- emailAddress: 'test@example.com',
- firstName: 'Lorem ipsum',
- lastName: 'Lorem ipsum',
- NOT_TAGGED_1: 'hidden field ασφ (0287#$%^ 日本語',
- },
- });
-
- await route.fulfill({json: []});
- });
- await page.getByRole('button', {name: 'Sign'}).click();
-}
diff --git a/tests/e2e/fixtures/enform/enformData.js b/tests/e2e/fixtures/enform/enformData.js
deleted file mode 100644
index a6823ff95b..0000000000
--- a/tests/e2e/fixtures/enform/enformData.js
+++ /dev/null
@@ -1,107 +0,0 @@
-export const formFields = {
- fields: [
- {
- id: 28121,
- name: 'Email',
- tag: 'Email Address',
- property: 'emailAddress',
- },
- {
- id: 28116,
- name: 'First name',
- tag: 'First Name',
- property: 'firstName',
- },
- {
- id: 28117,
- name: 'Last name',
- tag: 'Last Name',
- property: 'lastName',
- },
- {
- id: 28122,
- name: 'Country',
- tag: 'Country',
- property: 'country',
- },
- {
- id: 67127,
- name: 'AwakenMe',
- tag: 'Not Tagged',
- property: 'NOT_TAGGED_1',
- },
- ],
- questions: [
- {
- id: 236734,
- questionId: 25781,
- name: 'test question 1',
- type: 'GEN',
- },
- {
- id: 220954,
- questionId: 25511,
- name: 'nro_data_ok',
- type: 'OPT',
- },
- {
- id: 3887,
- questionId: 3665,
- name: 'Opt-in',
- type: 'OPT',
- },
- ],
-};
-
-export const formFieldsAttributes = {
- 'First name': {
- default_value: '',
- label: 'First Name',
- required: false,
- type: 'Text',
- },
- 'Last name': {
- default_value: '',
- label: 'Last Name',
- required: false,
- type: 'Text',
- },
- Email: {
- default_value: '',
- label: 'Email',
- required: true,
- type: 'Email',
- },
- Country: {
- default_value: '',
- label: 'Country',
- required: false,
- type: 'Country',
- },
- AwakenMe: {
- default_value: 'hidden field ασφ (0287#$%^ 日本語',
- label: '',
- required: false,
- type: 'Hidden',
- },
- 'test question 1': {
- default_value: '',
- label: 'What\'s the question?',
- required: false,
- type: 'Text',
- },
- nro_data_ok: {
- default_value: '',
- label: 'I am happy for my data to be shared with my local Greenpeace office.',
- required: false,
- type: 'Checkbox',
- },
- 'Opt-in': {
- default_value: '',
- label: 'Opt in',
- required: false,
- type: 'Checkbox',
- dependency: 'nro_data_ok',
- },
-};
-
diff --git a/tests/e2e/fixtures/enform/ensapi_sample_fields_response.json b/tests/e2e/fixtures/enform/ensapi_sample_fields_response.json
deleted file mode 100644
index 544e9b504b..0000000000
--- a/tests/e2e/fixtures/enform/ensapi_sample_fields_response.json
+++ /dev/null
@@ -1,676 +0,0 @@
-{
- "supporter": [
- {
- "id": 28115,
- "name": "Title",
- "tag": "Title",
- "property": "title"
- },
- {
- "id": 28116,
- "name": "First name",
- "tag": "First Name",
- "property": "firstName"
- },
- {
- "id": 28117,
- "name": "Last name",
- "tag": "Last Name",
- "property": "lastName"
- },
- {
- "id": 28118,
- "name": "Address 1",
- "tag": "Address 1",
- "property": "address1"
- },
- {
- "id": 53481,
- "name": "Address 2",
- "tag": "Address 2",
- "property": "address2"
- },
- {
- "id": 28119,
- "name": "City",
- "tag": "City",
- "property": "city"
- },
- {
- "id": 28122,
- "name": "Country",
- "tag": "Country",
- "property": "country"
- },
- {
- "id": 28120,
- "name": "Postcode",
- "tag": "Postcode",
- "property": "postcode"
- },
- {
- "id": 42648,
- "name": "County",
- "tag": "Region",
- "property": "region"
- },
- {
- "id": 53483,
- "name": "Phone Number",
- "tag": "Phone Number",
- "property": "phoneNumber"
- },
- {
- "id": 53455,
- "name": "Credit Card Holder Name",
- "tag": "Credit Card Holder Name",
- "property": "creditCardHolderName"
- },
- {
- "id": 53463,
- "name": "Password",
- "tag": "Password",
- "property": "password"
- },
- {
- "id": 75473,
- "name": "Company",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_5"
- },
- {
- "id": 75474,
- "name": "email_type",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_6"
- },
- {
- "id": 63628,
- "name": "ChallengeDate",
- "tag": "P2P Fundraiser Type",
- "property": "p2pFundraiserType"
- },
- {
- "id": 75475,
- "name": "title",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_7"
- },
- {
- "id": 75476,
- "name": "middle_name",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_8"
- },
- {
- "id": 67127,
- "name": "AwakenMe",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_1"
- },
- {
- "id": 75477,
- "name": "full_name",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_9"
- },
- {
- "id": 74010,
- "name": "MP constituency",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_2"
- },
- {
- "id": 75478,
- "name": "date_of_birth",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_10"
- },
- {
- "id": 74011,
- "name": "MP party",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_3"
- },
- {
- "id": 75479,
- "name": "gender",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_11"
- },
- {
- "id": 75470,
- "name": "Country Of Ownership",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_4"
- },
- {
- "id": 75481,
- "name": "phone_type",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_13"
- },
- {
- "id": 75482,
- "name": "address_1",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_14"
- },
- {
- "id": 75483,
- "name": "address_2",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_15"
- },
- {
- "id": 75484,
- "name": "address_3",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_16"
- },
- {
- "id": 75485,
- "name": "region",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_17"
- },
- {
- "id": 75486,
- "name": "language_pref",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_18"
- },
- {
- "id": 75487,
- "name": "source",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_19"
- },
- {
- "id": 75488,
- "name": "channel",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_20"
- },
- {
- "id": 75489,
- "name": "contact_codes",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_21"
- },
- {
- "id": 75490,
- "name": "communication_codes",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_22"
- },
- {
- "id": 75491,
- "name": "gp_interests",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_23"
- },
- {
- "id": 75492,
- "name": "legacy_optin_details",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_24"
- },
- {
- "id": 75493,
- "name": "legacy_optin_date",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_25"
- },
- {
- "id": 75494,
- "name": "fr_rg_amount",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_26"
- },
- {
- "id": 75495,
- "name": "fr_rg_frequency",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_27"
- },
- {
- "id": 75496,
- "name": "fr_rg_last_gift_date",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_28"
- },
- {
- "id": 75497,
- "name": "fr_donor_id",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_29"
- },
- {
- "id": 75498,
- "name": "fr_first_name",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_30"
- },
- {
- "id": 75499,
- "name": "fr_last_name",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_31"
- },
- {
- "id": 75500,
- "name": "fr_tax_name",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_32"
- },
- {
- "id": 75501,
- "name": "fr_amount",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_33"
- },
- {
- "id": 75502,
- "name": "fr_frequency",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_34"
- },
- {
- "id": 75503,
- "name": "fr_debit_date",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_35"
- },
- {
- "id": 75504,
- "name": "fr_account_number",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_36"
- },
- {
- "id": 75505,
- "name": "fr_email",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_37"
- },
- {
- "id": 75506,
- "name": "fr_email_category",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_38"
- },
- {
- "id": 75507,
- "name": "fr_receipt_no",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_39"
- },
- {
- "id": 75508,
- "name": "fr_apr",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_40"
- },
- {
- "id": 75509,
- "name": "fr_may",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_41"
- },
- {
- "id": 75510,
- "name": "fr_jun",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_42"
- },
- {
- "id": 75511,
- "name": "fr_jul",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_43"
- },
- {
- "id": 75512,
- "name": "fr_aug",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_44"
- },
- {
- "id": 75513,
- "name": "fr_sep",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_45"
- },
- {
- "id": 75514,
- "name": "fr_oct",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_46"
- },
- {
- "id": 75515,
- "name": "fr_nov",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_47"
- },
- {
- "id": 75516,
- "name": "fr_dec",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_48"
- },
- {
- "id": 75517,
- "name": "fr_jan",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_49"
- },
- {
- "id": 75518,
- "name": "fr_feb",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_50"
- },
- {
- "id": 75519,
- "name": "fr_mar",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_51"
- },
- {
- "id": 75520,
- "name": "is_standard_chartered_customer",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_52"
- },
- {
- "id": 75521,
- "name": "email_ok",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_53"
- },
- {
- "id": 75682,
- "name": "Groupcode",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_54"
- },
- {
- "id": 75683,
- "name": "isDonor",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_55"
- },
- {
- "id": 75684,
- "name": "isFDSuc",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_56"
- },
- {
- "id": 75685,
- "name": "isFRDonor",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_57"
- },
- {
- "id": 75686,
- "name": "isFRNLSubscriber",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_58"
- },
- {
- "id": 75687,
- "name": "isReDonor",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_59"
- },
- {
- "id": 75689,
- "name": "isSubscriber",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_60"
- },
- {
- "id": 75690,
- "name": "isVolunteer",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_61"
- },
- {
- "id": 75691,
- "name": "Join date",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_62"
- },
- {
- "id": 75692,
- "name": "Supporter birthday",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_63"
- },
- {
- "id": 75693,
- "name": "volunteer_apply_reason_shiptour",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_64"
- },
- {
- "id": 75694,
- "name": "volunteer_type",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_65"
- },
- {
- "id": 75695,
- "name": "volunteer_type_shiptour",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_66"
- },
- {
- "id": 75696,
- "name": "city_shiptour",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_67"
- },
- {
- "id": 75697,
- "name": "city_shiptour_openboat",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_68"
- },
- {
- "id": 77983,
- "name": "testPK",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_69"
- },
- {
- "id": 77990,
- "name": "birthdayMonth",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_70"
- },
- {
- "id": 79741,
- "name": "Email address",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_71"
- },
- {
- "id": 80867,
- "name": "DonorUserRef",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_72"
- },
- {
- "id": 81551,
- "name": "DDBatchNo",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_73"
- },
- {
- "id": 81606,
- "name": "PaymentRejectReason",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_74"
- },
- {
- "id": 82578,
- "name": "Label Text",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_75"
- },
- {
- "id": 88153,
- "name": "Card_Declined_Imported_SF",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_76"
- },
- {
- "id": 98272,
- "name": "SFDC Contact ID",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_77"
- },
- {
- "id": 98273,
- "name": "SFDC Lead ID",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_78"
- },
- {
- "id": 101574,
- "name": "email_ok_supporter",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_79"
- },
- {
- "id": 101604,
- "name": "supporter ID Friends",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_80"
- },
- {
- "id": 101605,
- "name": "date added to friends",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_81"
- },
- {
- "id": 101931,
- "name": "Date Added to Friends",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_82"
- },
- {
- "id": 102123,
- "name": "demo",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_83"
- },
- {
- "id": 102168,
- "name": "owned_PH",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_84"
- },
- {
- "id": 104611,
- "name": "lead_id",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_85"
- },
- {
- "id": 104612,
- "name": "Contact_id",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_86"
- },
- {
- "id": 104758,
- "name": "civi_id",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_90"
- },
- {
- "id": 104759,
- "name": "supporter_id",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_91"
- },
- {
- "id": 28121,
- "name": "Email",
- "tag": "Email Address",
- "property": "emailAddress"
- },
- {
- "id": 104754,
- "name": "first_name",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_87"
- },
- {
- "id": 104755,
- "name": "last_name",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_88"
- },
- {
- "id": 75480,
- "name": "phone_number",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_12"
- },
- {
- "id": 104756,
- "name": "supporter_birthday",
- "tag": "Supporter Birthday",
- "property": "dateOfBirth"
- },
- {
- "id": 104757,
- "name": "owned_hungary",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_89"
- },
- {
- "id": 104762,
- "name": "hu_active_donor",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_92"
- },
- {
- "id": 104763,
- "name": "hu_recurring_donor",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_93"
- },
- {
- "id": 104764,
- "name": "card_expiry",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_94"
- },
- {
- "id": 104765,
- "name": "donor_first_donation_date",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_95"
- },
- {
- "id": 105316,
- "name": "txn6",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_96"
- },
- {
- "id": 105317,
- "name": "txn7",
- "tag": "Not Tagged",
- "property": "NOT_TAGGED_97"
- }
- ]
-}
diff --git a/tests/e2e/fixtures/enform/ensapi_sample_pages_response.json b/tests/e2e/fixtures/enform/ensapi_sample_pages_response.json
deleted file mode 100644
index b9186be066..0000000000
--- a/tests/e2e/fixtures/enform/ensapi_sample_pages_response.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
- "pages": [
- {
- "id": 20000,
- "campaignId": 9000,
- "name": "Testing",
- "title": null,
- "type": "dc",
- "subType": "PET",
- "clientId": 1000,
- "createdOn": 1519825631000,
- "modifiedOn": 1519826239000,
- "campaignBaseUrl": "https://act.greenpeace.org",
- "campaignStatus": "live",
- "defaultLocale": "en-US"
- },
- {
- "id": 20001,
- "campaignId": 1800,
- "name": "BFFJ",
- "title": "Break Free From Jez",
- "type": "dc",
- "subType": "PET",
- "clientId": 1000,
- "createdOn": 1532417882000,
- "modifiedOn": null,
- "campaignBaseUrl": "https://act.greenpeace.org",
- "campaignStatus": "new",
- "defaultLocale": "en-US"
- },
- {
- "id": 20002,
- "campaignId": 9001,
- "name": "Blank template",
- "title": null,
- "type": "dc",
- "subType": "PET",
- "clientId": 1000,
- "createdOn": 1473149968000,
- "modifiedOn": 1537350723000,
- "campaignBaseUrl": "https://act.greenpeace.org",
- "campaignStatus": "close",
- "defaultLocale": "en-US"
- },
- {
- "id": 20003,
- "campaignId": 9003,
- "name": "Demo page",
- "title": "Stop using plastic",
- "type": "dc",
- "subType": "PET",
- "clientId": 1000,
- "createdOn": 1542747921000,
- "modifiedOn": null,
- "campaignBaseUrl": "https://act.greenpeace.org",
- "campaignStatus": "new",
- "defaultLocale": "en-GB"
- }
- ]
-}
diff --git a/tests/e2e/fixtures/enform/ensapi_sample_question_220954_response.json b/tests/e2e/fixtures/enform/ensapi_sample_question_220954_response.json
deleted file mode 100644
index 642969c6ab..0000000000
--- a/tests/e2e/fixtures/enform/ensapi_sample_question_220954_response.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
- "question.220954": [
- {
- "id": 220954,
- "questionId": 25511,
- "name": "nro_data_ok",
- "type": "OPT",
- "locale": "en-US",
- "htmlFieldType": "checkbox",
- "content": {
- "data": [
- {
- "forId": "",
- "imageUrl": "",
- "selected": false,
- "value": "N",
- "label": "I am happy for my data to be shared with my local Greenpeace office."
- }
- ]
- }
- }
- ]
-}
diff --git a/tests/e2e/fixtures/enform/ensapi_sample_question_236734_response.json b/tests/e2e/fixtures/enform/ensapi_sample_question_236734_response.json
deleted file mode 100644
index d5e9add991..0000000000
--- a/tests/e2e/fixtures/enform/ensapi_sample_question_236734_response.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
- "question.236734": [
- {
- "id": 236734,
- "questionId": 25781,
- "name": "test question 1",
- "type": "GEN",
- "locale": "en-US",
- "label": "how many forests are there?",
- "htmlFieldType": "text",
- "content": null
- }
- ]
-}
diff --git a/tests/e2e/fixtures/enform/ensapi_sample_question_3877_response.json b/tests/e2e/fixtures/enform/ensapi_sample_question_3877_response.json
deleted file mode 100644
index eaeb92bdf0..0000000000
--- a/tests/e2e/fixtures/enform/ensapi_sample_question_3877_response.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
- "question.3887": [
- {
- "id": 3887,
- "questionId": 3665,
- "name": "Opt-in",
- "type": "OPT",
- "locale": "en-US",
- "htmlFieldType": "checkbox",
- "content": {
- "data": [
- {
- "forId": "",
- "imageUrl": "",
- "selected": false,
- "value": "Y",
- "label": "Yes, I would like to receive updates via email. This is a link example https://www.google.com"
- }
- ]
- }
- }
- ]
-}
diff --git a/tests/e2e/fixtures/enform/ensapi_sample_questions_response.json b/tests/e2e/fixtures/enform/ensapi_sample_questions_response.json
deleted file mode 100644
index 5bfe24c35e..0000000000
--- a/tests/e2e/fixtures/enform/ensapi_sample_questions_response.json
+++ /dev/null
@@ -1,268 +0,0 @@
-{
- "questions": [
- {
- "id": 3887,
- "questionId": 3665,
- "name": "Opt-in",
- "type": "OPT"
- },
- {
- "id": 220954,
- "questionId": 25511,
- "name": "nro_data_ok",
- "type": "OPT"
- },
- {
- "id": 236813,
- "questionId": 25792,
- "name": "forest survey - score",
- "type": "GEN"
- },
- {
- "id": 237901,
- "questionId": 25817,
- "name": "forest survey - question 2",
- "type": "GEN"
- },
- {
- "id": 237902,
- "questionId": 25818,
- "name": "forest survey - question 3",
- "type": "GEN"
- },
- {
- "id": 237903,
- "questionId": 25819,
- "name": "forest survey - question 4",
- "type": "GEN"
- },
- {
- "id": 237904,
- "questionId": 25820,
- "name": "forest survey - question 5",
- "type": "GEN"
- },
- {
- "id": 212477,
- "questionId": 25318,
- "name": "NRO_share_ok",
- "type": "OPT"
- },
- {
- "id": 219998,
- "questionId": 25506,
- "name": "Letter Text",
- "type": "GEN"
- },
- {
- "id": 271939,
- "questionId": 26495,
- "name": "IPCC - question 1",
- "type": "GEN"
- },
- {
- "id": 271940,
- "questionId": 26496,
- "name": "IPCC - question 2",
- "type": "GEN"
- },
- {
- "id": 236734,
- "questionId": 25781,
- "name": "test question 1",
- "type": "GEN"
- },
- {
- "id": 182157,
- "questionId": 24545,
- "name": "test multi check",
- "type": "GEN"
- },
- {
- "id": 160201,
- "questionId": 23864,
- "name": "Language",
- "type": "GEN"
- },
- {
- "id": 258357,
- "questionId": 26204,
- "name": "Opt In Palm Oil",
- "type": "OPT"
- },
- {
- "id": 178317,
- "questionId": 24374,
- "name": "Channel - Email",
- "type": "GEN"
- },
- {
- "id": 178318,
- "questionId": 24375,
- "name": "Purpose - Campaigns",
- "type": "GEN"
- },
- {
- "id": 178319,
- "questionId": 24376,
- "name": "Purpose - Fundraising",
- "type": "GEN"
- },
- {
- "id": 126685,
- "questionId": 22983,
- "name": "PTA Opt Out",
- "type": "OPT"
- },
- {
- "id": 174173,
- "questionId": 24232,
- "name": "Campaigning",
- "type": "OPT"
- },
- {
- "id": 237900,
- "questionId": 25816,
- "name": "forest survey - question 1",
- "type": "GEN"
- },
- {
- "id": 106418,
- "questionId": 22330,
- "name": "GPI test",
- "type": "OPT"
- },
- {
- "id": 131366,
- "questionId": 23122,
- "name": "email_ok",
- "type": "OPT"
- },
- {
- "id": 271943,
- "questionId": 26497,
- "name": "IPCC - score",
- "type": "GEN"
- },
- {
- "id": 261259,
- "questionId": 26257,
- "name": "FA test",
- "type": "GEN"
- },
- {
- "id": 174169,
- "questionId": 24228,
- "name": "SMS",
- "type": "OPT"
- },
- {
- "id": 174171,
- "questionId": 24230,
- "name": "Mail (post)",
- "type": "OPT"
- },
- {
- "id": 173794,
- "questionId": 24217,
- "name": "email_ok_radio",
- "type": "OPT"
- },
- {
- "id": 242254,
- "questionId": 25903,
- "name": "email updates",
- "type": "OPT"
- },
- {
- "id": 237905,
- "questionId": 25821,
- "name": "forest survey - question 6",
- "type": "GEN"
- },
- {
- "id": 174168,
- "questionId": 24227,
- "name": "Phone",
- "type": "OPT"
- },
- {
- "id": 174170,
- "questionId": 24229,
- "name": "Social Media",
- "type": "OPT"
- },
- {
- "id": 249110,
- "questionId": 26074,
- "name": "q_Rick",
- "type": "GEN"
- },
- {
- "id": 178316,
- "questionId": 24373,
- "name": "Channel - Phone",
- "type": "GEN"
- },
- {
- "id": 174172,
- "questionId": 24231,
- "name": "Fundraising",
- "type": "OPT"
- },
- {
- "id": 174174,
- "questionId": 24233,
- "name": "Volunteering",
- "type": "OPT"
- },
- {
- "id": 261093,
- "questionId": 26248,
- "name": "JD test",
- "type": "OPT"
- },
- {
- "id": 408173,
- "questionId": 29555,
- "name": "Call To Target Feedback",
- "type": "GEN"
- },
- {
- "id": 381131,
- "questionId": 28782,
- "name": "email_ok_hungary",
- "type": "OPT"
- },
- {
- "id": 381132,
- "questionId": 28783,
- "name": "hu_data_policy_disclaimer",
- "type": "OPT"
- },
- {
- "id": 417462,
- "questionId": 29754,
- "name": "Animals",
- "type": "GEN"
- },
- {
- "id": 418805,
- "questionId": 29788,
- "name": "Education",
- "type": "GEN"
- },
- {
- "id": 408507,
- "questionId": 29565,
- "name": "Call To Target Extended Feedback",
- "type": "GEN"
- },
- {
- "id": 418804,
- "questionId": 29787,
- "name": "Antarctic",
- "type": "GEN"
- }
- ]
-}
diff --git a/webpack.config.js b/webpack.config.js
index 2f9d005970..5fbea88054 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -56,8 +56,6 @@ module.exports = {
SocialMediaEditorScript: './assets/src/blocks/SocialMedia/SocialMediaEditorScript.js',
SocialMediaStyle: './assets/src/scss/blocks/SocialMedia/SocialMediaStyle.scss',
SocialMediaEditorStyle: './assets/src/scss/blocks/SocialMedia/SocialMediaEditorStyle.scss',
- ENFormScript: './assets/src/blocks/ENForm/ENFormScript.js',
- ENFormEditorScript: './assets/src/blocks/ENForm/ENFormEditorScript.js',
TimelineScript: './assets/src/blocks/Timeline/TimelineScript.js',
TimelineEditorScript: './assets/src/blocks/Timeline/TimelineEditorScript.js',
TimelineStyle: './assets/src/scss/blocks/Timeline/TimelineStyle.scss',