@zengenti/contensis-react-base 3.0.2-beta.1 → 3.0.2-beta.11

package/cjs/forms.js

@@ -85,7 +85,6 @@ var reducer = immer.produce((state, action) => {
         state[formId] = initialFormData;
         return;
       }
-
     case SET_FORM_DATA:
       {
         const {
@@ -106,7 +105,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].settings = settings;
         return;
       }
-
     case SET_CURRENT_PAGE:
       {
         const {
@@ -120,7 +118,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].pagingInfo.pageCount = pageCount;
         return;
       }
-
     case SET_FIELD_VALUE:
       {
         const {
@@ -131,17 +128,18 @@ var reducer = immer.produce((state, action) => {
         state[formId].data[id] = value;
         return;
       }
-
     case SET_DEFAULT_FIELD_VALUE:
       {
         const {
           formId,
           value
         } = action || {};
-        state[formId].data = value;
+        state[formId].data = {
+          ...state[formId].data,
+          ...value
+        };
         return;
       }
-
     case SET_CHECKBOX_VALUE:
       {
         const {
@@ -151,12 +149,12 @@ var reducer = immer.produce((state, action) => {
           isChecked
         } = action || {};
         let values = state[formId].data[id] || [];
-        if (isChecked) state[formId].data[id] = { ...values,
+        if (isChecked) state[formId].data[id] = {
+          ...values,
           value
         };else state[formId].data[id] = values.filter(v => v !== value);
         return;
       }
-
     case SET_DATE_RANGE_VALUES:
       {
         const {
@@ -168,7 +166,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].data[id][dateType] = value;
         return;
       }
-
     case SET_FIELD_ERROR:
       {
         const {
@@ -178,7 +175,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].fieldErrors = value;
         return;
       }
-
     case SET_SUBMITTING_FORM:
       {
         const {
@@ -188,7 +184,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].status.isSubmitting = isSubmitting;
         return;
       }
-
     case SUBMIT_FORM_SUCCESS:
       {
         const {
@@ -200,7 +195,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].status.validation.sent = false;
         return;
       }
-
     case SUBMIT_FORM_FOR_VALIDATION:
       {
         const {
@@ -212,7 +206,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].status.hasError = false;
         return;
       }
-
     case SET_SUCCESS_MESSAGE:
       {
         const {
@@ -222,7 +215,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].status.message.success = message;
         return;
       }
-
     case SUBMIT_FORM_ERROR:
       {
         const {
@@ -233,7 +225,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].status.validation.sent = false;
         return;
       }
-
     case SET_FORM_ENTRIES:
       {
         const {
@@ -249,7 +240,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].entries = entryObject;
         return;
       }
-
     case SET_ERROR:
       {
         const {
@@ -259,7 +249,6 @@ var reducer = immer.produce((state, action) => {
         state[formId].status.isSubmitting = false;
         return;
       }
-
     default:
       return state;
   }
@@ -269,7 +258,6 @@ const selectForms = state => state.forms;
 const makeSelectPagedFields = formId => reselect.createSelector(selectForms, forms => {
   if (forms !== null && forms !== void 0 && forms[formId]) {
     var _forms$formId, _forms$formId2;
-
     const pagingInfo = forms === null || forms === void 0 ? void 0 : (_forms$formId = forms[formId]) === null || _forms$formId === void 0 ? void 0 : _forms$formId.pagingInfo;
     const fields = forms === null || forms === void 0 ? void 0 : (_forms$formId2 = forms[formId]) === null || _forms$formId2 === void 0 ? void 0 : _forms$formId2.fields;
     if ((fields === null || fields === void 0 ? void 0 : fields.length) > 0 && pagingInfo.pageCount > 1) return fields.filter(f => f.groupId == pagingInfo.currentPageId);else return fields;
@@ -277,77 +265,62 @@ const makeSelectPagedFields = formId => reselect.createSelector(selectForms, for
 });
 const makeSelectFormStatus = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId3;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId3 = forms[formId]) === null || _forms$formId3 === void 0 ? void 0 : _forms$formId3.status;
 });
 const makeSelectPagingInfo = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId4;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId4 = forms[formId]) === null || _forms$formId4 === void 0 ? void 0 : _forms$formId4.pagingInfo;
 });
 const makeSelectFormSettings = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId5;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId5 = forms[formId]) === null || _forms$formId5 === void 0 ? void 0 : _forms$formId5.settings;
 });
 const makeSelectFormFieldErrors = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId6;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId6 = forms[formId]) === null || _forms$formId6 === void 0 ? void 0 : _forms$formId6.fieldErrors;
 });
 const makeSelectFormEntries = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId7;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId7 = forms[formId]) === null || _forms$formId7 === void 0 ? void 0 : _forms$formId7.entries;
 });
 const makeSelectFormPostData = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId8;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId8 = forms[formId]) === null || _forms$formId8 === void 0 ? void 0 : _forms$formId8.data;
 });
 const makeSelectIsLoading = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId9;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId9 = forms[formId]) === null || _forms$formId9 === void 0 ? void 0 : _forms$formId9.status.isLoading;
 });
 const makeSelectIsSubmitting = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId10;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId10 = forms[formId]) === null || _forms$formId10 === void 0 ? void 0 : _forms$formId10.status.isSubmitting;
 });
 const makeSelectHasSuccess = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId11;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId11 = forms[formId]) === null || _forms$formId11 === void 0 ? void 0 : _forms$formId11.status.hasSuccess;
 });
 const makeSelectHasError = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId12;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId12 = forms[formId]) === null || _forms$formId12 === void 0 ? void 0 : _forms$formId12.status.hasError;
 });
 const makeSelectFormFields = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId13;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId13 = forms[formId]) === null || _forms$formId13 === void 0 ? void 0 : _forms$formId13.fields;
 });
 const makeSelectDefaultLang = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId14;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId14 = forms[formId]) === null || _forms$formId14 === void 0 ? void 0 : _forms$formId14.defaultLanguage;
 });
 const makeSelectFormSuccessMessage = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId15;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId15 = forms[formId]) === null || _forms$formId15 === void 0 ? void 0 : _forms$formId15.status.messages.success;
 });
 const makeSelectFormValidationSent = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId16;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId16 = forms[formId]) === null || _forms$formId16 === void 0 ? void 0 : _forms$formId16.status.validation.sent;
 });
 const makeSelectFormGroup$1 = formId => reselect.createSelector(selectForms, forms => {
   var _forms$formId17;
-
   return forms === null || forms === void 0 ? void 0 : (_forms$formId17 = forms[formId]) === null || _forms$formId17 === void 0 ? void 0 : _forms$formId17.groups;
 });
 const selectors = {
@@ -410,11 +383,11 @@ const postForm = async formObj => {
   const submitted = await request(URI, options);
   return submitted;
 };
-
 const request = async (url, options) => {
   return fetch(url, options).then(response => response.json()).then(result => {
     return result;
-  }) // eslint-disable-next-line no-console
+  })
+  // eslint-disable-next-line no-console
   .catch(error => console.log('error', error));
 };
 
@@ -422,14 +395,12 @@ const domains = ['1033edge.com', '11mail.com', '123.com', '123box.net', '123indi
 
 const doA11yValidation = (v, field, formValidationSent) => {
   const error = doValidateField(field, v);
-
   if (JSON.stringify(field.validations) !== '{}') {
     if (((v === null || v === void 0 ? void 0 : v.length) >= 1 || formValidationSent) && (error === null || error === void 0 ? void 0 : error.fieldId) === field.id) return 'true';else if ((v === null || v === void 0 ? void 0 : v.length) >= 1) return 'false';else return '';
   }
 };
 const doValidateField = (field, value) => {
   var _field$validations, _field$validations$re;
-
   const isRequired = field.validations && field.validations.required;
   const minLength = field.validations && field.validations.minLength;
   const maxLength = field.validations && field.validations.maxLength;
@@ -437,10 +408,8 @@ const doValidateField = (field, value) => {
   const integer = field.dataType === 'integer';
   const decimal = field.dataType === 'decimal';
   const isBusinessEmail = field.id === 'businessEmail';
-
   if (isRequired && (value === null || value === void 0 ? void 0 : value.length) <= 0) {
     var _isRequired$message, _field$name;
-
     const errorMessage = (isRequired === null || isRequired === void 0 ? void 0 : (_isRequired$message = isRequired.message) === null || _isRequired$message === void 0 ? void 0 : _isRequired$message['en-GB']) || `${(_field$name = field.name) === null || _field$name === void 0 ? void 0 : _field$name['en-GB']} is required`;
     return {
       fieldId: field.id,
@@ -448,7 +417,6 @@ const doValidateField = (field, value) => {
       message: errorMessage
     };
   }
-
   if (minLength && minLength.value > value.length) {
     const errorMessage = minLength.message ? minLength.message['en-GB'] : `Minimum characters ${minLength.value}`;
     return {
@@ -457,7 +425,6 @@ const doValidateField = (field, value) => {
       message: errorMessage
     };
   }
-
   if (maxLength && maxLength.value < value.length) {
     const errorMessage = maxLength.message && maxLength.message['en-GB'] ? maxLength.message['en-GB'] : `Maximum characters ${maxLength.value}`;
     return {
@@ -467,14 +434,10 @@ const doValidateField = (field, value) => {
     };
   }
   /** Check Regex and Business Emails */
-
-
   if (hasRegex && value.length >= 1) {
     var _r$message;
-
     const r = field.validations.regex;
     const msg = (r === null || r === void 0 ? void 0 : (_r$message = r.message) === null || _r$message === void 0 ? void 0 : _r$message['en-GB']) || `${field.name['en-GB']} is invalid`;
-
     if (isValidRegex(field, value) && isBusinessEmail) {
       if (!isBusinessEmailValid(field, value)) {
         return {
@@ -491,10 +454,8 @@ const doValidateField = (field, value) => {
       };
     }
   }
-
   if (integer) {
     const isInteger = value % 1 === 0;
-
     if (!isInteger) {
       const errorMessage = `${value} is not an ${field.dataType}`;
       return {
@@ -504,10 +465,8 @@ const doValidateField = (field, value) => {
       };
     }
   }
-
   if (decimal) {
     const isDecimal = value % 1 !== 0;
-
     if (!isDecimal) {
       const errorMessage = `${value} is not an ${field.dataType}`;
       return {
@@ -518,13 +477,11 @@ const doValidateField = (field, value) => {
     }
   }
 };
-
 const isValidRegex = (field, value) => {
   const regex = field.validations.regex.pattern;
   const regexPattern = RegExp(regex);
   if (!regexPattern.test(value)) return false;else return true;
 };
-
 const isBusinessEmailValid = (field, value) => {
   const domain = value.split('@').pop();
   if (!domains.includes(domain)) return true;else return false;
@@ -532,7 +489,6 @@ const isBusinessEmailValid = (field, value) => {
 
 const doCreateMessage = (type, minLength, maxLength, currentLength, defaultLanguage) => {
   if (!type) return null;
-
   switch (type) {
     case 'min':
       {
@@ -540,28 +496,24 @@ const doCreateMessage = (type, minLength, maxLength, currentLength, defaultLangu
         const minLengthVal = minLength && minLength.value;
         const errorMessage = minLength && minLength.message && minLength.message[defaultLanguage];
         const minText = `Minimum of ${minLengthVal.toString()} characters`;
-
         if (errorMessage) {
           return errorMessage;
         } else {
           return minText;
         }
       }
-
     case 'max':
       {
         if (!maxLength) return;
         const maxLengthVal = maxLength && maxLength.value;
         const errorMessage = maxLength && maxLength.message && maxLength.message[defaultLanguage];
         const maxText = `Maximum of ${maxLengthVal.toString()} characters`;
-
         if (errorMessage) {
           return errorMessage;
         } else {
           return maxText;
         }
       }
-
     case 'between':
       {
         if (!maxLength || !minLength) return;
@@ -569,7 +521,6 @@ const doCreateMessage = (type, minLength, maxLength, currentLength, defaultLangu
         const maxLengthVal = maxLength && maxLength.value;
         const errorMessage = minLength && minLength.message && minLength.message[defaultLanguage];
         const rangeText = `Between ${minLengthVal.toString()}-${maxLengthVal.toString()} characters)`;
-
         if (errorMessage) {
           return errorMessage;
         } else if (currentLength < minLengthVal) {
@@ -582,16 +533,13 @@ const doCreateMessage = (type, minLength, maxLength, currentLength, defaultLangu
           return rangeText;
         }
       }
-
     default:
       return null;
   }
 };
 const getFieldType = field => {
   var _field$editor, _field$editor$propert;
-
   if (!field) return null;
-
   if (field.dataType === 'string' && field.editor && field.editor.id === 'multiline') {
     return 'textarea';
   } else if (field.dataType === 'string' && field.editor && field.editor.id === 'list-dropdown') {
@@ -616,7 +564,6 @@ const getFieldType = field => {
 };
 
 const sagas = [effects.takeEvery(SUBMIT_FORM_SUCCESS, onFormSuccess), effects.takeEvery(SUBMIT_FORM_FOR_VALIDATION, doValidateForm), effects.takeEvery(SUBMIT_FORM, onSubmitForm), effects.takeEvery(SET_FORM_ID, doFetchForm), effects.takeLatest(VALIDATE_FIELD, onValidateField$1), effects.takeEvery(PAGE_FORWARD, doTogglePage), effects.takeEvery(PAGE_BACK, doTogglePage), effects.takeEvery(SET_FORM_DATA, getEntryPickerData), effects.takeLatest(SET_FORM_DATA, setDefaultValueFields)];
-
 function* doValidateForm(action) {
   const {
     formId
@@ -627,7 +574,6 @@ function* doValidateForm(action) {
     formId
   });
 }
-
 function* onValidateField$1(action) {
   const {
     formId,
@@ -636,7 +582,6 @@ function* onValidateField$1(action) {
   } = action;
   if ((value === null || value === void 0 ? void 0 : value.length) >= 1) yield effects.call(onValidateSingleField, formId, id, value);
 }
-
 function* validateGroupfields(formId, groupId) {
   const state = yield effects.select();
   const selectPostData = makeSelectFormPostData(formId);
@@ -647,11 +592,9 @@ function* validateGroupfields(formId, groupId) {
   let newErrors = [];
   groupFields.forEach(field => {
     let val = '';
-
     if (postData[field.id]) {
       val = postData[field.id];
     }
-
     const err = doValidateField(field, val);
     if (err) newErrors.push(err);
   });
@@ -661,7 +604,6 @@ function* validateGroupfields(formId, groupId) {
     value: newErrors
   });
 }
-
 function* onValidateAllFields(formId) {
   const state = yield effects.select();
   const selectPostData = makeSelectFormPostData(formId);
@@ -671,11 +613,9 @@ function* onValidateAllFields(formId) {
   let newErrors = [];
   fields.forEach(field => {
     let val = '';
-
     if (postData[field.id]) {
       val = postData[field.id];
     }
-
     const err = doValidateField(field, val);
     if (err) newErrors.push(err);
   });
@@ -685,7 +625,6 @@ function* onValidateAllFields(formId) {
     value: newErrors
   });
 }
-
 function* onValidateSingleField(formId, fieldId, value) {
   const state = yield effects.select();
   const selectFormFields = makeSelectFormFields(formId);
@@ -693,8 +632,8 @@ function* onValidateSingleField(formId, fieldId, value) {
   const selectFormFieldErrors = makeSelectFormFieldErrors(formId);
   const errors = selectFormFieldErrors(state);
   const fieldData = fields.find(f => f.id == fieldId);
-  const newErrors = []; //loop through current errors to remove any of the item we currently edit
-
+  const newErrors = [];
+  //loop through current errors to remove any of the item we currently edit
   errors.forEach(error => {
     if (error.fieldId !== fieldId) {
       //push any existing errors to new array
@@ -709,7 +648,6 @@ function* onValidateSingleField(formId, fieldId, value) {
     value: newErrors
   });
 }
-
 function* doTogglePage(action) {
   const {
     formId,
@@ -718,11 +656,9 @@ function* doTogglePage(action) {
   const state = yield effects.select();
   const selectFormGroups = makeSelectFormGroup(formId);
   const formGroups = selectFormGroups(state);
-
   if (action.type === PAGE_FORWARD) {
     yield validateGroupfields(formId, formGroups[pageIndex].id);
   }
-
   yield effects.put({
     type: SET_CURRENT_PAGE,
     formId: formId,
@@ -731,17 +667,13 @@ function* doTogglePage(action) {
     pageIndex: pageIndex
   });
 }
-
 function* doFetchForm(action) {
   var _schema$groups;
-
   const formId = action.formId;
   const schema = yield getFormSchema(formId);
   const groups = schema === null || schema === void 0 ? void 0 : (_schema$groups = schema.groups) === null || _schema$groups === void 0 ? void 0 : _schema$groups.filter(group => group.id !== 'private' && group.id !== 'settings');
-
   if (formId && schema) {
     var _schema$groups2, _submitButtonText$def;
-
     if ((schema === null || schema === void 0 ? void 0 : (_schema$groups2 = schema.groups) === null || _schema$groups2 === void 0 ? void 0 : _schema$groups2.length) > 0) {
       yield effects.put({
         type: SET_CURRENT_PAGE,
@@ -751,10 +683,10 @@ function* doFetchForm(action) {
         pageCount: groups.length
       });
     }
-
     const submitButtonText = schema.fields.find(f => f.id === 'submitButtonText');
     const fields = schema === null || schema === void 0 ? void 0 : schema.fields.map(field => {
-      return { ...field,
+      return {
+        ...field,
         type: getFieldType(field)
       };
     });
@@ -770,18 +702,15 @@ function* doFetchForm(action) {
     });
   }
 }
-
 function* onFormSuccess(action) {
   const state = yield effects.select();
   const selectFormFields = makeSelectFormFields(action.formId);
   const fields = selectFormFields(state);
   const redirect = fields.find(f => f.id === 'formSettingsRedirect');
   const message = fields.find(f => f.id === 'formSettingsMessage');
-
   if (redirect !== null && redirect !== void 0 && redirect.default) {
     window.location.href = redirect.default['en-GB'];
   }
-
   if (message !== null && message !== void 0 && message.default) {
     yield effects.put({
       type: SET_SUCCESS_MESSAGE,
@@ -790,7 +719,6 @@ function* onFormSuccess(action) {
     });
   }
 }
-
 function* onSubmitForm(action) {
   const {
     formId
@@ -799,10 +727,8 @@ function* onSubmitForm(action) {
   const selectFormFieldErrors = makeSelectFormFieldErrors(formId);
   const errors = selectFormFieldErrors(state);
   const canSubmit = (errors === null || errors === void 0 ? void 0 : errors.length) === 0;
-
   if (canSubmit) {
     var _formResObj$sys;
-
     yield effects.put({
       type: SET_SUBMITTING_FORM,
       isSubmitting: true,
@@ -815,7 +741,6 @@ function* onSubmitForm(action) {
       formPost: rawData.data
     };
     const formResObj = yield postForm(formObj);
-
     if (formResObj !== null && formResObj !== void 0 && (_formResObj$sys = formResObj.sys) !== null && _formResObj$sys !== void 0 && _formResObj$sys.id) {
       yield effects.put({
         type: SUBMIT_FORM_SUCCESS,
@@ -829,7 +754,6 @@ function* onSubmitForm(action) {
     }
   }
 }
-
 function* setDefaultValueFields(action) {
   const {
     formId,
@@ -841,15 +765,12 @@ function* setDefaultValueFields(action) {
   fields.forEach(field => {
     if (field.dataType == 'string' && field.default) {
       const val = field.default[defaultLanguage];
-
       if (val) {
         fieldObj[field.id] = val;
       }
     }
-
     if (field.id == 'sourceEntry') {
       const val = entryId;
-
       if (val) {
         fieldObj[field.id] = val;
       }
@@ -861,7 +782,6 @@ function* setDefaultValueFields(action) {
     value: fieldObj
   });
 }
-
 function* getEntryPickerData(action) {
   const {
     formId,
@@ -869,7 +789,6 @@ function* getEntryPickerData(action) {
   } = action;
   const entriesToGet = fields.filter(f => f.dataFormat == 'entry');
   let entriesList = [];
-
   if (entriesToGet) {
     entriesList = yield effects.all(entriesToGet.map(entry => {
       const entriesObj = {
@@ -892,7 +811,6 @@ const action = (type, payload = {}) => ({
   type,
   ...payload
 });
-
 const onSubmit = formId => action(SUBMIT_FORM_FOR_VALIDATION, {
   formId
 });
@@ -941,7 +859,6 @@ const actions = {
 };
 
 const ThemeContext = /*#__PURE__*/React.createContext();
-
 const ThemeProvider = ({
   children,
   theme
@@ -952,7 +869,6 @@ const ThemeProvider = ({
     theme: theme
   }, children));
 };
-
 ThemeProvider.propTypes = {
   children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].arrayOf(PropTypes__default["default"].node), PropTypes__default["default"].node]),
   theme: PropTypes__default["default"].object
@@ -1017,7 +933,6 @@ const Label = ({
     className: "visuallyHidden"
   }, " (required)"));
 };
-
 Label.propTypes = {
   className: PropTypes__default["default"].string,
   label: PropTypes__default["default"].string,
@@ -1075,7 +990,6 @@ const TextfieldStyled = styled__default["default"].div.withConfig({
 }) => {
   return styled.css(["display:", ";"], isHidden ? 'none' : 'block');
 });
-
 const Textfield = ({
   className,
   field,
@@ -1167,7 +1081,6 @@ const Textfield = ({
     d: "m2 8 4.418 4.667L14 4.659l-1.246-1.326-6.336 6.692-3.18-3.332L2 8Z"
   }))));
 };
-
 Textfield.propTypes = {
   className: PropTypes__default["default"].string,
   field: PropTypes__default["default"].any,
@@ -1274,7 +1187,6 @@ const Textarea = ({
     d: "m2 8 4.418 4.667L14 4.659l-1.246-1.326-6.336 6.692-3.18-3.332L2 8Z"
   }))));
 };
-
 Textarea.propTypes = {
   className: PropTypes__default["default"].string,
   field: PropTypes__default["default"].any,
@@ -1312,7 +1224,6 @@ const HiddenField = ({
     isHidden: true
   });
 };
-
 HiddenField.propTypes = {
   className: PropTypes__default["default"].string,
   id: PropTypes__default["default"].string,
@@ -1360,7 +1271,6 @@ const Dropdown = ({
     }, val[defaultLanguage]);
   })));
 };
-
 Dropdown.propTypes = {
   className: PropTypes__default["default"].string,
   formId: PropTypes__default["default"].string,
@@ -1380,7 +1290,6 @@ const CheckboxStyled = styled__default["default"].div.withConfig({
 }) => {
   return styled.css(["", ""], useDefaultTheme && styled.css([".checkbox-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;input{height:auto;width:auto;margin:0 4px 0 0;}label{display:inline-block;}}"]));
 });
-
 const Checkbox = ({
   className,
   formId,
@@ -1397,18 +1306,15 @@ const Checkbox = ({
   // NF change rules of hooks
   let isDefaultChecked = defaultValue && defaultValue[defaultLanguage];
   const [isChecked, setIsChecked] = React.useState(isDefaultChecked || '');
-
   switch (type) {
     case 'multiple':
       {
         if (!validations) return null;
         const isRequired = validations && validations.required ? true : false;
         const cbValues = validations && validations.allowedValues && validations.allowedValues.values;
-
         const _handleChange = (value, isChecked) => {
           setCheckboxValue(formId, id, value, isChecked);
         };
-
         if (!cbValues || cbValues.length < 1) return null;
         return /*#__PURE__*/React__default["default"].createElement(CheckboxStyled, {
           className: `checkbox-container`,
@@ -1436,14 +1342,12 @@ const Checkbox = ({
           }));
         }));
       }
-
     case 'single':
       {
         const _handleChange = isChecked => {
           setIsChecked(isChecked);
           setCheckboxValue(formId, id, isChecked);
         };
-
         return /*#__PURE__*/React__default["default"].createElement(CheckboxStyled, {
           className: `checkbox-container`,
           useDefaultTheme: useDefaultTheme
@@ -1465,7 +1369,6 @@ const Checkbox = ({
       }
   }
 };
-
 Checkbox.propTypes = {
   className: PropTypes__default["default"].string,
   formId: PropTypes__default["default"].string,
@@ -1487,7 +1390,6 @@ const RadioButtonStyled = styled__default["default"].div.withConfig({
 }) => {
   return styled.css(["", ""], useDefaultTheme && styled.css([".radio-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;input{height:auto;width:auto;margin:0 4px 0 0;}label{display:inline-block;}}"]));
 });
-
 const RadioButton = ({
   className,
   formId,
@@ -1531,7 +1433,6 @@ const RadioButton = ({
     }));
   }));
 };
-
 RadioButton.propTypes = {
   className: PropTypes__default["default"].string,
   formId: PropTypes__default["default"].string,
@@ -1563,6 +1464,7 @@ RadioButton.propTypes = {
 //m > minutes, eg ...T16:05:00 = 5
 //t > abbreviated AM / PM, e.g. A or P
 //tt > AM / PM, e.g. AM or PM
+
 const formatDate = (date, format = 'dd MMMM yyyy') => {
   if (!date) return null;
   const dateObj = new Date(date);
@@ -1574,8 +1476,9 @@ const formatDate = (date, format = 'dd MMMM yyyy') => {
   const dayNameInt = dateObj.getDay();
   const timeArr = dateString[1].split(':');
   const hour = timeArr[0];
-  const minute = timeArr[1]; //convert to abstract strings to avoid character replacement along the chain, eg. Monday would match 'M' month single parameter
+  const minute = timeArr[1];
 
+  //convert to abstract strings to avoid character replacement along the chain, eg. Monday would match 'M' month single parameter
   const YEAR = ['&&', '&'];
   const MONTH = ['££££', '£££', '££', '£'];
   const DAY = ['%%%%', '%%%', '%%', '%'];
@@ -1587,16 +1490,13 @@ const formatDate = (date, format = 'dd MMMM yyyy') => {
   .replace('MMMM', MONTH[0]).replace('MMM', MONTH[1]).replace('MM', MONTH[2]).replace('M', MONTH[3]).replace('dddd', DAY[0]).replace('ddd', DAY[1]).replace('dd', DAY[2]).replace('d', DAY[3]).replace('HH', HOUR24[0]).replace('H', HOUR24[1]).replace('hh', HOUR12[0]).replace('h', HOUR12[1]).replace('mm', MINUTE[0]).replace('m', MINUTE[1]).replace('tt', TF[0]).replace('t', TF[1]).replace(YEAR[0], year).replace(YEAR[1], year.slice(-2)).replace(MONTH[0], monthsLong[parseInt(month, 10)]).replace(MONTH[1], monthsShort[parseInt(month, 10)]).replace(MONTH[2], month).replace(MONTH[3], parseInt(month, 10)).replace(DAY[0], daysLong[dayNameInt]).replace(DAY[1], daysShort[dayNameInt]).replace(DAY[2], day).replace(DAY[3], parseInt(day, 10)).replace(HOUR24[0], hour).replace(HOUR24[1], parseInt(hour, 10)).replace(HOUR12[0], parseHour(hour)).replace(HOUR12[1], parseInt(parseHour(hour), 10)).replace(MINUTE[0], minute).replace(MINUTE[1], parseInt(minute, 10)).replace(TF[0], parseTF(hour)).replace(TF[1], parseTF(hour).slice(0, -1));
   return formattedDate;
 };
-
 const monthsShort = ['', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
 const monthsLong = ['', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
 const daysShort = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
 const daysLong = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
-
 const parseHour = hour => {
   return hour > 12 ? hour - 12 : hour;
 };
-
 const parseTF = hour => {
   return hour > 11 ? 'PM' : 'AM';
 };
@@ -1614,13 +1514,11 @@ const SingleDate = ({
   const onlyPassedDates = validations && validations.pastDateTime;
   const d = new Date();
   const todaysDate = d.toISOString();
-
   const _handleChange = (formId, id, value) => {
     const d = new Date(value);
     const isoDate = d.toISOString();
     setValue(formId, id, isoDate);
   };
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "date-container"
   }, /*#__PURE__*/React__default["default"].createElement(Label, {
@@ -1637,7 +1535,6 @@ const SingleDate = ({
     onChange: e => _handleChange(formId, id, e.target.value)
   }));
 };
-
 SingleDate.propTypes = {
   className: PropTypes__default["default"].string,
   formId: PropTypes__default["default"].string,
@@ -1656,7 +1553,6 @@ const DateRangeStyled = styled__default["default"].div.withConfig({
 }) => {
   return styled.css(["", ""], useDefaultTheme && styled.css([".daterange-wrapper{display:flex;flex-direction:column;input{&:first-child{margin:0 0 8px 0;}}}"]));
 });
-
 const DateRange = ({
   className,
   id,
@@ -1672,15 +1568,12 @@ const DateRange = ({
   const todaysDate = d.toISOString();
   const [toDate, setToDate] = React.useState('');
   const [fromDate, setFromDate] = React.useState('');
-
   const _handleDateChange = (dateType, formId, id, value) => {
     _updateDateProps(dateType, value);
-
     const d = new Date(value);
     const isoDate = d.toISOString();
     setDateRangeValues(formId, id, dateType, isoDate);
   };
-
   const _updateDateProps = (type, date) => {
     switch (type) {
       case 'from':
@@ -1690,7 +1583,6 @@ const DateRange = ({
           setFromDate(newDate);
           break;
         }
-
       case 'to':
         {
           const d = new Date(date);
@@ -1698,12 +1590,10 @@ const DateRange = ({
           setToDate(newDate);
           break;
         }
-
       default:
         return;
     }
   };
-
   return /*#__PURE__*/React__default["default"].createElement(DateRangeStyled, {
     className: `daterange-container`,
     useDefaultTheme: useDefaultTheme
@@ -1740,7 +1630,6 @@ const DateRange = ({
     onChange: e => _handleDateChange('to', formId, id, e.target.value)
   })));
 };
-
 DateRange.propTypes = {
   className: PropTypes__default["default"].string,
   formId: PropTypes__default["default"].string,
@@ -1760,7 +1649,6 @@ const EntryPickerStyled = styled__default["default"].div.withConfig({
 }) => {
   return styled.css(["", ""], useDefaultTheme && styled.css([".radio-wrapper,.checkbox-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;input{height:auto;width:auto;margin:0 4px 0 0;}label{display:inline-block;}}"]));
 });
-
 const EntryPicker = ({
   className,
   results,
@@ -1775,7 +1663,6 @@ const EntryPicker = ({
   if (!results || results.length > 3) return null;
   const isRequired = validations && validations.required ? true : false;
   let valArr = [];
-
   const _handleChange = (formId, id, value, isChecked) => {
     if (type === 'checkbox') {
       if (isChecked) {
@@ -1783,13 +1670,11 @@ const EntryPicker = ({
       } else if (!isChecked) {
         valArr = valArr.filter(valItem => valItem !== value);
       }
-
       setValue(formId, id, valArr);
     } else {
       setValue(formId, id, value);
     }
   };
-
   return /*#__PURE__*/React__default["default"].createElement(EntryPickerStyled, {
     className: `${type}-container`,
     useDefaultTheme: useDefaultTheme
@@ -1816,7 +1701,6 @@ const EntryPicker = ({
     }));
   }));
 };
-
 EntryPicker.propTypes = {
   className: PropTypes__default["default"].string,
   results: PropTypes__default["default"].array,
@@ -1845,7 +1729,6 @@ const FormComposer = ({
   if (!fields || fields.length < 1) return null;
   return fields.map((field, idx) => {
     if (!field) return null;
-
     switch (field.type) {
       case 'number':
       case 'textfield':
@@ -1867,7 +1750,6 @@ const FormComposer = ({
             useDefaultTheme: useDefaultTheme
           });
         }
-
       case 'textarea':
         {
           return /*#__PURE__*/React__default["default"].createElement(Textarea, {
@@ -1887,7 +1769,6 @@ const FormComposer = ({
             errors: errors
           });
         }
-
       case 'dropdown':
         {
           return /*#__PURE__*/React__default["default"].createElement(Dropdown, {
@@ -1902,7 +1783,6 @@ const FormComposer = ({
             useDefaultTheme: useDefaultTheme
           });
         }
-
       case 'checkbox':
         {
           return /*#__PURE__*/React__default["default"].createElement(Checkbox, {
@@ -1920,7 +1800,6 @@ const FormComposer = ({
             setCheckboxValue: setCheckboxValue
           });
         }
-
       case 'radio':
         {
           return /*#__PURE__*/React__default["default"].createElement(RadioButton, {
@@ -1935,7 +1814,6 @@ const FormComposer = ({
             useDefaultTheme: useDefaultTheme
           });
         }
-
       case 'entryPicker':
         {
           const type = field.dataType === 'objectArray' ? 'checkbox' : 'radio';
@@ -1952,7 +1830,6 @@ const FormComposer = ({
             formId: formId
           });
         }
-
       case 'date':
         {
           return /*#__PURE__*/React__default["default"].createElement(SingleDate, {
@@ -1966,7 +1843,6 @@ const FormComposer = ({
             useDefaultTheme: useDefaultTheme
           });
         }
-
       case 'dateRange':
         {
           return /*#__PURE__*/React__default["default"].createElement(DateRange, {
@@ -1979,7 +1855,6 @@ const FormComposer = ({
             useDefaultTheme: useDefaultTheme
           });
         }
-
       case 'hidden':
         {
           return /*#__PURE__*/React__default["default"].createElement(HiddenField, {
@@ -1995,7 +1870,6 @@ const FormComposer = ({
     }
   });
 };
-
 FormComposer.propTypes = {
   fields: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array, PropTypes__default["default"].object]),
   formData: PropTypes__default["default"].object,
@@ -2116,23 +1990,14 @@ const Form = ({
   onCustomSubmit
 }) => {
   const dispatch = reactRedux.useDispatch();
-
   const _setFormId = formId => dispatch(setFormId(formId));
-
   const _setValue = (formId, id, value) => dispatch(setValue(formId, id, value));
-
   const _setCheckboxValue = (formId, id, value, isChecked) => dispatch(setCheckboxValue(formId, id, value, isChecked));
-
   const _setDateRangeValues = (formId, id, dateType, value) => dispatch(setDateRangeValues(formId, id, dateType, value));
-
   const _onValidateField = (formId, id, value) => dispatch(onValidateField(formId, id, value));
-
   const _doTogglePageForward = (formId, pageIndex) => dispatch(doTogglePageForward(formId, pageIndex));
-
   const _doTogglePageBack = (formId, pageIndex) => dispatch(doTogglePageBack(formId, pageIndex));
-
   const _onSubmit = formId => dispatch(onSubmit(formId));
-
   React.useEffect(() => {
     if (formId) _setFormId(formId);
   }, [formId]);
@@ -2154,7 +2019,6 @@ const Form = ({
   const entries = reactRedux.useSelector(selectFormEntries);
   const formData = reactRedux.useSelector(selectFormPostData);
   const validate = reactRedux.useSelector(selectFormValidationSent);
-
   if (pagingInfo && pagingInfo.pageCount > 1) {
     const isLastPage = pagingInfo.pageCount == pagingInfo.pageIndex + 1;
     return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
@@ -2192,7 +2056,6 @@ const Form = ({
       loading: status === null || status === void 0 ? void 0 : status.isLoading,
       action: () => {
         _onSubmit(formId);
-
         if (onCustomSubmit) onCustomSubmit();
       },
       useDefaultTheme: useDefaultTheme
@@ -2239,7 +2102,6 @@ const Form = ({
       type: "button",
       action: () => {
         _onSubmit(formId);
-
         if (onCustomSubmit) onCustomSubmit();
       },
       useDefaultTheme: useDefaultTheme
@@ -2264,7 +2126,6 @@ const Form = ({
     }))));
   }
 };
-
 Form.propTypes = {
   className: PropTypes__default["default"].string,
   formId: PropTypes__default["default"].string,