config-editor-base 2.1.4 → 2.1.6

package/dist/index.js

@@ -16,26 +16,21 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
-
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-
   _setPrototypeOf(subClass, superClass);
 }
-
 function _setPrototypeOf(o, p) {
   _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
@@ -43,12 +38,10 @@ function _setPrototypeOf(o, p) {
   };
   return _setPrototypeOf(o, p);
 }
-
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
-
   return self;
 }
 
@@ -77,7 +70,6 @@ var set = function set(alert) {
         });
       }, 5000);
     }
-
     dispatch({
       type: SET,
       alert: Object.assign({}, alert, {
@@ -104,44 +96,35 @@ var isValidConfig = function isValidConfig(file) {
 };
 var getFileType = function getFileType(dropdown) {
   var type = '';
-
   switch (true) {
     case dropdown == 'Presentation Mode':
       type = 'uischema';
       break;
-
     case dropdown == 'Rule Schema':
       type = 'schema';
       break;
-
     case dropdown == 'Configuration File':
       type = 'config';
       break;
-
     case dropdown == 'Previous Configuration File':
       type = 'config-review';
       break;
-
     default:
       type = 'invalid';
   }
-
   return type;
 };
 var loadFile = function loadFile(fileName) {
   try {
     var schema = require("./schema/" + fileName.split(' | ')[1] + "/" + fileName.split(' ')[0]);
-
     return schema;
   } catch (e) {
     console.log(e);
     return null;
   }
 };
-
 var _require = require('detect-browser'),
-    detect = _require.detect;
-
+  detect = _require.detect;
 var browser = detect();
 var crcBrowserSupport = ['chrome', 'firefox', 'opera', 'safari', 'edge'].includes(browser.name);
 
@@ -168,11 +151,9 @@ var SET_CRC32_EDITOR_LIVE = "SET_CRC32_EDITOR_LIVE";
 var calcCrc32EditorLive = function calcCrc32EditorLive() {
   return function (dispatch, getState) {
     var formData = getState().editor.formData;
-
     if (crcBrowserSupport == 1 && formData) {
       var _require = require("crc"),
-          crc32 = _require.crc32;
-
+        crc32 = _require.crc32;
       var crc32EditorLive = crc32(JSON.stringify(formData, null, 2)).toString(16).toUpperCase().padStart(8, "0");
       dispatch(setCrc32EditorLive(crc32EditorLive));
     } else {
@@ -194,7 +175,6 @@ var publicUiSchemaFiles = function publicUiSchemaFiles(uiSchemaAry, schemaAry, d
       dispatch(setUISchemaFile(uiSchemaAry));
       dispatch(setUISchemaContent(loadFile(uiSchemaAry[0])));
     }
-
     if (demoMode && schemaAry.length) {
       dispatch(publicSchemaFiles(demoConfig, schemaAry, {}, uiSchemaAry));
     }
@@ -206,44 +186,33 @@ var fetchFileContent = function fetchFileContent(fileName, type) {
       case type == "uischema":
         dispatch(setConfigContentPreSubmit());
         dispatch(resetLocalUISchemaList());
-
         if (fileName.match(regexUISchemaPublic) != null) {
           dispatch(setUISchemaContent(loadFile(fileName)));
         } else {
           dispatch(setUISchemaContent(null));
         }
-
         break;
-
       case type == "schema":
         dispatch(resetLocalSchemaList());
-
         if (fileName.match(regexSchemaPublic) != null) {
           dispatch(setSchemaContent(loadFile(fileName)));
         } else {
           dispatch(setSchemaContent(null));
         }
-
         break;
-
       case type == "config":
         dispatch(resetLocalConfigList());
-
         if (fileName == "None") {
           dispatch(setConfigContent(null));
           dispatch(setUpdatedFormData(null));
           dispatch(setConfigContentPreChange(""));
         }
-
         break;
-
       case type == "config-review":
         dispatch(setConfigContentPreChange(getState().editor.configContentLocal));
-
         if (fileName == "None") {
           dispatch(setConfigContentPreChange(""));
         }
-
         break;
     }
   };
@@ -252,18 +221,15 @@ var handleUploadedFile = function handleUploadedFile(file, dropdown, schemaAry,
   var type = getFileType(dropdown);
   return function (dispatch, getState) {
     var fileReader = new FileReader();
-
     fileReader.onloadend = function (e) {
       var content = fileReader.result;
       var contentJSON = null;
       var fileNameDisplay = file.name + " (local)";
-
       try {
         contentJSON = JSON.parse(content);
       } catch (error) {
         window.alert("Warning: " + file.name + " is invalid and was not loaded");
       }
-
       if (contentJSON != null) {
         switch (true) {
           case type == "uischema" && isValidUISchema(file.name):
@@ -271,22 +237,17 @@ var handleUploadedFile = function handleUploadedFile(file, dropdown, schemaAry,
             dispatch(resetLocalUISchemaList());
             dispatch(setUISchemaFile([fileNameDisplay]));
             break;
-
           case type == "schema" && isValidSchema(file.name):
             dispatch(setSchemaContent(contentJSON));
             dispatch(resetLocalSchemaList());
             dispatch(setSchemaFile([fileNameDisplay]));
             break;
-
           case type == "config" && isValidConfig(file.name):
             var localSchema = getState().editor.editorSchemaFiles[0] && getState().editor.editorSchemaFiles[0].name.includes("(local)") ? true : false;
-
             if (file && file.name && file.name.length && localSchema == false && schemaAry && schemaAry.length) {
               dispatch(publicSchemaFiles(file.name, schemaAry, contentJSON, uiSchemaAry));
             }
-
             var configIncludesServerDetails = JSON.stringify(contentJSON, null, 2).includes("http://") || JSON.stringify(contentJSON, null, 2).includes("https://");
-
             if (configIncludesServerDetails) {
               dispatch(set({
                 type: "warning",
@@ -294,7 +255,6 @@ var handleUploadedFile = function handleUploadedFile(file, dropdown, schemaAry,
                 autoClear: false
               }));
             }
-
             dispatch(setConfigContentLocal(content));
             dispatch(setConfigContent(contentJSON));
             dispatch(resetLocalConfigList());
@@ -302,14 +262,12 @@ var handleUploadedFile = function handleUploadedFile(file, dropdown, schemaAry,
             dispatch(setUpdatedFormData(contentJSON));
             dispatch(setConfigContentPreChange(content));
             break;
-
           default:
             window.alert(file.name + " is an invalid file/filename");
             break;
         }
       }
     };
-
     fileReader.readAsText(file);
   };
 };
@@ -344,54 +302,43 @@ var setUISchemaFile = function setUISchemaFile(UISchemaFiles) {
 var publicSchemaFiles = function publicSchemaFiles(selectedConfig, schemaAry, contentJSON, uiSchemaAry) {
   return function (dispatch) {
     dispatch(resetSchemaFiles());
-
     if (selectedConfig) {
       var deviceType = "Other";
-
       if (contentJSON.can_2 != undefined && contentJSON.connect == undefined && contentJSON.gnss == undefined) {
         deviceType = "CANedge1";
       }
-
       if (contentJSON.can_2 != undefined && contentJSON.connect == undefined && contentJSON.gnss != undefined) {
         deviceType = "CANedge1 GNSS";
       }
-
       if (contentJSON.can_2 != undefined && contentJSON.connect != undefined && contentJSON.gnss == undefined) {
         deviceType = "CANedge2";
       }
-
       if (contentJSON.can_2 != undefined && contentJSON.connect != undefined && contentJSON.gnss != undefined) {
         deviceType = "CANedge2 GNSS";
       }
-
       var schemaAryFiltered = schemaAry.filter(function (e) {
         return e.includes(selectedConfig.substr(7, 5));
       });
       var uiSchemaAryFiltered = uiSchemaAry.filter(function (e) {
         return e.includes(selectedConfig.substr(7, 5));
       });
-
       if (!deviceType.includes("GNSS")) {
         schemaAryFiltered = schemaAryFiltered.filter(function (e) {
           return !e.includes("GNSS");
         });
       }
-
       if (deviceType.includes("CANedge")) {
         schemaAryFiltered = schemaAryFiltered.filter(function (e) {
           return e.includes(deviceType);
         });
       }
-
       var loadedSchema = loadFile(schemaAryFiltered[0]);
-
       if (schemaAryFiltered[0] && loadedSchema) {
         dispatch(setSchemaFile(schemaAryFiltered));
         dispatch(setSchemaContent(loadedSchema));
       } else {
         console.log("Unable to load embedded Rule Schema");
       }
-
       if (uiSchemaAryFiltered && uiSchemaAryFiltered.length) {
         dispatch(resetUISchemaList());
         dispatch(setUISchemaFile(uiSchemaAryFiltered));
@@ -439,9 +386,8 @@ var checkConfigTransmitPeriodDelay = function checkConfigTransmitPeriodDelay(con
     for (var i = 1; i < 3; i++) {
       if (content["can_" + i].transmit != undefined) {
         var transmitListFiltered = content["can_" + i].transmit.filter(function (e) {
-          return e.period < e.delay;
+          return e.period > 0 && e.period < e.delay;
         });
-
         if (transmitListFiltered.length > 0) {
           dispatch(set({
             type: "warning",
@@ -475,7 +421,6 @@ var checkConfigFiltersDisabled = function checkConfigFiltersDisabled(content) {
         var filterListFiltered = content["can_" + i].filter.id.filter(function (e) {
           return e.state == 1;
         });
-
         if (filterListFiltered.length == 0) {
           dispatch(set({
             type: "warning",
@@ -502,6 +447,23 @@ var checkConfigTls = function checkConfigTls(content) {
     }
   };
 };
+var checkConfigAwsEndpoint = function checkConfigAwsEndpoint(content) {
+  var regexAwsS3Endpoint = new RegExp("^https?:\\/\\/s3\\.[a-z]{2}-[a-z]+-\\d{1}\\.amazonaws\\.com$", "g");
+  return function (dispatch) {
+    if (content.connect != undefined && content.connect.s3 != undefined && content.connect.s3.server != undefined) {
+      if (content.connect.s3.server.endpoint != undefined) {
+        var endpoint = content.connect.s3.server.endpoint;
+        if (endpoint.includes("amazonaws") && !regexAwsS3Endpoint.test(endpoint)) {
+          dispatch(set({
+            type: "warning",
+            message: "Your S3 endpoint seems to be for AWS, but with incorrect syntax. Please review the documentation on how to configure the device for AWS S3 endpoints",
+            autoClear: false
+          }));
+        }
+      }
+    }
+  };
+};
 var checkS3EncryptedPasswordsNoKpub = function checkS3EncryptedPasswordsNoKpub(content) {
   return function (dispatch) {
     if (content.connect != undefined && content.connect.s3 != undefined && content.connect.s3.server != undefined && content.general != undefined && content.general.security != undefined) {
@@ -552,11 +514,11 @@ var saveUpdatedConfiguration = function saveUpdatedConfiguration(filename, conte
       dispatch(checkConfigTransmitMonitoring(content));
       dispatch(checkConfigFiltersDisabled(content));
       dispatch(checkConfigTls(content));
+      dispatch(checkConfigAwsEndpoint(content));
       dispatch(checkS3EncryptedPasswordsNoKpub(content));
       dispatch(checkWiFiEncryptedPasswordsNoKpub(content));
       dispatch(checkFileSplitOffsetPeriod(content));
     }
-
     dispatch(setConfigContent(content));
     var blob = new Blob([JSON.stringify(content, null, 2)], {
       type: "text/json"
@@ -657,6 +619,7 @@ var actions = {
   checkConfigTransmitMonitoring: checkConfigTransmitMonitoring,
   checkConfigFiltersDisabled: checkConfigFiltersDisabled,
   checkConfigTls: checkConfigTls,
+  checkConfigAwsEndpoint: checkConfigAwsEndpoint,
   checkS3EncryptedPasswordsNoKpub: checkS3EncryptedPasswordsNoKpub,
   checkWiFiEncryptedPasswordsNoKpub: checkWiFiEncryptedPasswordsNoKpub,
   checkFileSplitOffsetPeriod: checkFileSplitOffsetPeriod,
@@ -17879,7 +17842,6 @@ var customStyles = {
     });
   }
 };
-
 var selectOptions = function selectOptions(Files) {
   Files = lodash.orderBy(Files, ["name"], ["desc"]);
   return [].concat(Files, defaultOptions).map(function (File) {
@@ -17889,25 +17851,19 @@ var selectOptions = function selectOptions(Files) {
     };
   });
 };
-
 var EditorDropDown = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(EditorDropDown, _React$Component);
-
   function EditorDropDown(props) {
     var _this;
-
     _this = _React$Component.call(this, props) || this;
-
     _this.handleSelectChange = function (selectedValue) {
       if (selectedValue.value === "Upload") {
         _this.props.onChange("None", _this.props.name);
-
         _this.refs.fileUploader.click();
       } else if (!selectedValue.value.includes("(local)")) {
         _this.props.onChange(selectedValue.value, _this.props.name);
       }
     };
-
     _this.state = {
       defaultOption: {
         label: "None",
@@ -17916,9 +17872,7 @@ var EditorDropDown = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   var _proto = EditorDropDown.prototype;
-
   _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
     if (nextProps.selected != "") {
       this.setState({
@@ -17933,22 +17887,19 @@ var EditorDropDown = /*#__PURE__*/function (_React$Component) {
       });
     }
   };
-
   _proto.componentWillMount = function componentWillMount() {
     this.setState({
       defaultOption: selectOptions(this.props.options)[0]
     });
   };
-
   _proto.render = function render() {
     var _this2 = this;
-
     var _this$props = this.props,
-        handleUploadedFile = _this$props.handleUploadedFile,
-        options = _this$props.options,
-        schemaAry = _this$props.schemaAry,
-        uiSchemaAry = _this$props.uiSchemaAry,
-        disabled = _this$props.disabled;
+      handleUploadedFile = _this$props.handleUploadedFile,
+      options = _this$props.options,
+      schemaAry = _this$props.schemaAry,
+      uiSchemaAry = _this$props.uiSchemaAry,
+      disabled = _this$props.disabled;
     return /*#__PURE__*/React.createElement("div", {
       className: "form-group pl0 field-string"
     }, /*#__PURE__*/React.createElement("p", null, this.props.name), /*#__PURE__*/React.createElement(Select, {
@@ -17973,35 +17924,30 @@ var EditorDropDown = /*#__PURE__*/function (_React$Component) {
       className: "field-description field-description-shift"
     }, this.props.comment));
   };
-
   return EditorDropDown;
 }(React.Component);
 
 var EditorSchemaModal = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(EditorSchemaModal, _React$Component);
-
   function EditorSchemaModal(props) {
     return _React$Component.call(this, props) || this;
   }
-
   var _proto = EditorSchemaModal.prototype;
-
   _proto.componentWillUnmount = function componentWillUnmount() {
     this.props.resetFiles();
   };
-
   _proto.render = function render() {
     var _this$props = this.props,
-        editorUISchemaFiles = _this$props.editorUISchemaFiles,
-        editorSchemaFiles = _this$props.editorSchemaFiles,
-        editorConfigFiles = _this$props.editorConfigFiles,
-        handleUploadedFile = _this$props.handleUploadedFile,
-        selecteduischema = _this$props.selecteduischema,
-        selectedschema = _this$props.selectedschema,
-        selectedconfig = _this$props.selectedconfig,
-        handleDropdownChange = _this$props.handleDropdownChange,
-        schemaAry = _this$props.schemaAry,
-        uiSchemaAry = _this$props.uiSchemaAry;
+      editorUISchemaFiles = _this$props.editorUISchemaFiles,
+      editorSchemaFiles = _this$props.editorSchemaFiles,
+      editorConfigFiles = _this$props.editorConfigFiles,
+      handleUploadedFile = _this$props.handleUploadedFile,
+      selecteduischema = _this$props.selecteduischema,
+      selectedschema = _this$props.selectedschema,
+      selectedconfig = _this$props.selectedconfig,
+      handleDropdownChange = _this$props.handleDropdownChange,
+      schemaAry = _this$props.schemaAry,
+      uiSchemaAry = _this$props.uiSchemaAry;
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Schema & config loader"), /*#__PURE__*/React.createElement(EditorDropDown, {
       disabled: editorSchemaFiles.length == 0 ? true : false,
       options: editorUISchemaFiles,
@@ -18036,10 +17982,8 @@ var EditorSchemaModal = /*#__PURE__*/function (_React$Component) {
       comment: "The Configuration File contains the settings that will be used on the device. You can upload a new Configuration File via the dropdown to modify it using the editor."
     }));
   };
-
   return EditorSchemaModal;
 }(React.Component);
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     handleUploadedFile: function handleUploadedFile$1(file, type, schemaAry, uiSchemaAry) {
@@ -18050,19 +17994,14 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     }
   };
 };
-
 var EditorSchemaModal$1 = reactRedux.connect(null, mapDispatchToProps)(EditorSchemaModal);
 
 var yourForm;
-
 var merge = require("deepmerge");
-
 var PartialConfigLoader = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(PartialConfigLoader, _React$Component);
-
   function PartialConfigLoader(props) {
     var _this;
-
     _this = _React$Component.call(this, props) || this;
     _this.onReview = _this.onReview.bind(_assertThisInitialized(_this));
     _this.onFilesError = _this.onFilesError.bind(_assertThisInitialized(_this));
@@ -18076,7 +18015,6 @@ var PartialConfigLoader = /*#__PURE__*/function (_React$Component) {
       mergedConfigValid: "Unknown"
     };
     _this.fileReader = new FileReader();
-
     _this.fileReader.onload = function (event) {
       try {
         _this.setState({
@@ -18088,24 +18026,19 @@ var PartialConfigLoader = /*#__PURE__*/function (_React$Component) {
         _this.onFilesError(e);
       }
     };
-
     return _this;
   }
-
   var _proto = PartialConfigLoader.prototype;
-
   _proto.onSubmit = function onSubmit() {
     this.setState({
       mergedConfigValid: true
     }, function () {});
   };
-
   _proto.onValidationError = function onValidationError() {
     this.setState({
       mergedConfigValid: false
     }, function () {});
   };
-
   _proto.testMergedFile = function testMergedFile() {
     var mergedConfigTemp = merge(this.props.formData, this.state.jsonFile);
     this.setState({
@@ -18114,16 +18047,13 @@ var PartialConfigLoader = /*#__PURE__*/function (_React$Component) {
       yourForm.submit();
     });
   };
-
   _proto.onFileChange = function onFileChange(file) {
     this.setState({
       jsonFileName: file[0].name
     }, function () {});
   };
-
   _proto.onFilesError = function onFilesError(error) {
     var _this2 = this;
-
     this.setState({
       jsonFile: {},
       jsonFileName: ""
@@ -18131,10 +18061,8 @@ var PartialConfigLoader = /*#__PURE__*/function (_React$Component) {
       _this2.props.showAlert("info", "Invalid JSON file - " + error.message);
     });
   };
-
   _proto.onReview = function onReview() {
     var _this3 = this;
-
     console.log(this.state.mergedConfig);
     this.props.setConfigContent(this.state.mergedConfig);
     this.setState({
@@ -18142,22 +18070,19 @@ var PartialConfigLoader = /*#__PURE__*/function (_React$Component) {
       jsonFileName: ""
     }, function () {
       _this3.props.showAlert("success", "Merged partial Configuration File with editor Configuration File");
-
       _this3.props.setUpdatedFormData(_this3.state.mergedConfig);
     });
   };
-
   _proto.render = function render() {
     var _this4 = this;
-
     var _this$state = this.state,
-        jsonFile = _this$state.jsonFile,
-        jsonFileName = _this$state.jsonFileName,
-        mergedConfig = _this$state.mergedConfig,
-        mergedConfigValid = _this$state.mergedConfigValid;
+      jsonFile = _this$state.jsonFile,
+      jsonFileName = _this$state.jsonFileName,
+      mergedConfig = _this$state.mergedConfig,
+      mergedConfigValid = _this$state.mergedConfigValid;
     var _this$props = this.props,
-        formData = _this$props.formData,
-        schemaContent = _this$props.schemaContent;
+      formData = _this$props.formData,
+      schemaContent = _this$props.schemaContent;
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Partial config loader"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       className: "form-group pl0 field-string"
     }, /*#__PURE__*/React.createElement("p", {
@@ -18214,17 +18139,14 @@ var PartialConfigLoader = /*#__PURE__*/function (_React$Component) {
       }
     })))));
   };
-
   return PartialConfigLoader;
 }(React.Component);
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     formData: state.editor.formData,
     schemaContent: state.editor.schemaContent
   };
 };
-
 var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
   return {
     setConfigContent: function setConfigContent$1(content) {
@@ -18235,18 +18157,14 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
     }
   };
 };
-
 var PartialConfigLoader$1 = reactRedux.connect(mapStateToProps, mapDispatchToProps$1)(PartialConfigLoader);
 
 var EditorToolButton = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(EditorToolButton, _React$Component);
-
   function EditorToolButton(props) {
     return _React$Component.call(this, props) || this;
   }
-
   var _proto = EditorToolButton.prototype;
-
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
       className: "field-integer",
@@ -18263,19 +18181,15 @@ var EditorToolButton = /*#__PURE__*/function (_React$Component) {
       className: "btn-field-description field-description-shift"
     }, this.props.comment));
   };
-
   return EditorToolButton;
 }(React.Component);
 
 var EditorToolModalWrapper = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(EditorToolModalWrapper, _React$Component);
-
   function EditorToolModalWrapper(props) {
     return _React$Component.call(this, props) || this;
   }
-
   var _proto = EditorToolModalWrapper.prototype;
-
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
       className: "tools-side-bar"
@@ -18289,13 +18203,12 @@ var EditorToolModalWrapper = /*#__PURE__*/function (_React$Component) {
       }
     }, "\xD7")), this.props.modal);
   };
-
   return EditorToolModalWrapper;
 }(React.Component);
 
 function EditorNavs(_ref) {
   var links = _ref.navs.links,
-      onNavChange = _ref.onNavChange;
+    onNavChange = _ref.onNavChange;
   var relLinks = links.filter(function (_ref2) {
     var nav = _ref2.nav;
     return nav !== applyNav.GENERIC_NAV;
@@ -18312,9 +18225,9 @@ function EditorNavs(_ref) {
     className: "nav navbar-nav navbar-ul-margin-reduce"
   }, relLinks.map(function (_ref3, i) {
     var nav = _ref3.nav,
-        name = _ref3.name,
-        icon = _ref3.icon,
-        isActive = _ref3.isActive;
+      name = _ref3.name,
+      icon = _ref3.icon,
+      isActive = _ref3.isActive;
     return nav !== "GEOFENCE" ?
     /*#__PURE__*/
     React.createElement("li", {
@@ -18384,33 +18297,24 @@ var selectOptions$1 = function selectOptions(Files) {
     };
   });
 };
-
 var pastCrc32 = "N/A";
-
 var _require$1 = require("detect-browser"),
-    detect$1 = _require$1.detect;
-
+  detect$1 = _require$1.detect;
 var browser$1 = detect$1();
 var crcBrowserSupport$1 = ["chrome", "firefox", "opera", "safari", "edge"].includes(browser$1.name);
-
 var EditorChangesComparison = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(EditorChangesComparison, _React$Component);
-
   function EditorChangesComparison(props) {
     var _this;
-
     _this = _React$Component.call(this, props) || this;
-
     _this.toggleCheckbox = function () {
       _this.setState({
         hideWhiteSpace: !_this.state.hideWhiteSpace
       });
     };
-
     _this.handleSelectChange = function (selectedValue) {
       _this.props.handleDropdownChange(selectedValue.value, "Previous Configuration File");
     };
-
     _this.toggleCheckbox = _this.toggleCheckbox.bind(_assertThisInitialized(_this));
     _this.handleSelectChange = _this.handleSelectChange.bind(_assertThisInitialized(_this));
     _this.state = {
@@ -18418,32 +18322,27 @@ var EditorChangesComparison = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   var _proto = EditorChangesComparison.prototype;
-
   _proto.render = function render() {
     var _this$props = this.props,
-        options = _this$props.options,
-        selected = _this$props.selected,
-        past = _this$props.past,
-        current = _this$props.current,
-        closeChangesModal = _this$props.closeChangesModal,
-        revisedConfigFile = _this$props.revisedConfigFile,
-        crc32EditorLive = _this$props.crc32EditorLive,
-        isCompareChanges = _this$props.isCompareChanges,
-        enableDownload = _this$props.enableDownload,
-        externalSubmit = _this$props.externalSubmit;
+      options = _this$props.options,
+      selected = _this$props.selected,
+      past = _this$props.past,
+      current = _this$props.current,
+      closeChangesModal = _this$props.closeChangesModal,
+      revisedConfigFile = _this$props.revisedConfigFile,
+      crc32EditorLive = _this$props.crc32EditorLive,
+      isCompareChanges = _this$props.isCompareChanges,
+      enableDownload = _this$props.enableDownload,
+      externalSubmit = _this$props.externalSubmit;
     var pastCleaned = past && Object.keys(past).length ? JSON.stringify(JSON.parse(past), null, 2) : "";
-
     if (crcBrowserSupport$1 == 1 && past && Object.keys(past).length) {
       var _require2 = require("crc"),
-          crc32 = _require2.crc32;
-
+        crc32 = _require2.crc32;
       pastCrc32 = crc32(past).toString(16).toUpperCase().padStart(8, "0");
     } else {
       pastCrc32 = "N/A";
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: isCompareChanges ? "show modal-custom-wrapper" : "hidden modal-custom-wrapper"
     }, /*#__PURE__*/React.createElement("div", {
@@ -18522,10 +18421,8 @@ var EditorChangesComparison = /*#__PURE__*/function (_React$Component) {
       className: "btn btn-primary ml15"
     }, " ", "Download to disk", " "))));
   };
-
   return EditorChangesComparison;
 }(React.Component);
-
 function mapStateToProps$1(state) {
   return {
     past: state.editor.configContentPreChange,
@@ -18533,7 +18430,6 @@ function mapStateToProps$1(state) {
     crc32EditorLive: state.editor.crc32EditorLive
   };
 }
-
 var EditorChangesComparison$1 = reactRedux.connect(mapStateToProps$1)(EditorChangesComparison);
 
 var regexRevision = new RegExp('\\d{2}\\.\\d{2}\\.json', 'g');
@@ -18541,22 +18437,16 @@ var isDownloadConfig = false;
 var activatedTab;
 var EditorSection = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(EditorSection, _React$Component);
-
   function EditorSection(props) {
     var _this;
-
     _this = _React$Component.call(this, props) || this;
-
     _this.handleChange = function (_ref) {
       var formData = _ref.formData;
-
       _this.props.setUpdatedFormData(formData);
     };
-
     _this.onNavChange = function (nav) {
       activatedTab = nav[0];
     };
-
     _this.editorForm = React.createRef();
     _this.handleCompareChanges = _this.handleCompareChanges.bind(_assertThisInitialized(_this));
     _this.closeChangesModal = _this.closeChangesModal.bind(_assertThisInitialized(_this));
@@ -18587,18 +18477,14 @@ var EditorSection = /*#__PURE__*/function (_React$Component) {
     _this.s3 = _this.props.fetchFileContentExt ? true : false;
     return _this;
   }
-
   var _proto = EditorSection.prototype;
-
   _proto.escFunction = function escFunction(event) {
     if (event.keyCode === 27) {
       this.closeChangesModal();
     }
   };
-
   _proto.subMenuBtnClick = function subMenuBtnClick(name) {
     var _this2 = this;
-
     var sideBar = this.state.activeSideBar == name ? 'none' : name;
     this.setState({
       activeSideBar: sideBar
@@ -18606,17 +18492,14 @@ var EditorSection = /*#__PURE__*/function (_React$Component) {
       _this2.props.setConfigContentPreSubmit();
     });
   };
-
   _proto.hideUischemaModal = function hideUischemaModal() {
     this.setState({
       showUischemaModal: false
     });
   };
-
   _proto.handleDropdownChange = function handleDropdownChange(selection, dropdown) {
     var _this$setState,
-        _this3 = this;
-
+      _this3 = this;
     var fileType = getFileType(dropdown);
     this.setState((_this$setState = {}, _this$setState[fileType] = selection, _this$setState['selected' + fileType] = selection, _this$setState[fileType.replace('-', '')] = {
       value: selection,
@@ -18629,39 +18512,31 @@ var EditorSection = /*#__PURE__*/function (_React$Component) {
       }
     });
   };
-
   _proto.handleCompareChanges = function handleCompareChanges(e) {
     this.setState({
       isCompareChanges: !this.state.isCompareChanges
     });
   };
-
   _proto.closeChangesModal = function closeChangesModal(e) {
     this.setState({
       isCompareChanges: false
     });
     document.body.style.overflow = 'auto';
   };
-
   _proto.enableDownload = function enableDownload() {
     isDownloadConfig = true;
   };
-
   _proto.componentWillMount = function componentWillMount() {
     this.props.publicUiSchemaFiles(this.props.uiSchemaAry, this.props.schemaAry, this.props.demoMode);
   };
-
   _proto.componentDidMount = function componentDidMount() {
     document.addEventListener('keydown', this.escFunction, false);
   };
-
   _proto.componentWillUnMount = function componentWillUnMount() {
     document.removeEventListener('keydown', this.escFunction, false);
   };
-
   _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
     var _this4 = this;
-
     var uiLocal = nextProps.editorUISchemaFiles.filter(function (file) {
       return file.name.includes('(local)');
     });
@@ -18671,25 +18546,21 @@ var EditorSection = /*#__PURE__*/function (_React$Component) {
     var configLocal = nextProps.editorConfigFiles.filter(function (file) {
       return file.name.includes('(local)');
     });
-
     if (uiLocal.length) {
       this.setState({
         selecteduischema: uiLocal[0].name
       });
     }
-
     if (schemaLocal.length) {
       this.setState({
         selectedschema: schemaLocal[0].name
       });
     }
-
     if (configLocal.length) {
       this.setState({
         selectedconfig: configLocal[0].name
       });
     }
-
     if (nextProps.editorConfigFiles.length == 0) {
       this.setState({
         configreview: {
@@ -18698,7 +18569,6 @@ var EditorSection = /*#__PURE__*/function (_React$Component) {
         }
       });
     }
-
     if (this.props.editorConfigFiles.length != nextProps.editorConfigFiles.length && nextProps.editorConfigFiles[0] && nextProps.editorConfigFiles[0].name) {
       var configName = configLocal.length ? configLocal[0].name : nextProps.editorConfigFiles[0].name;
       this.setState({
@@ -18715,39 +18585,30 @@ var EditorSection = /*#__PURE__*/function (_React$Component) {
       });
     }
   };
-
   _proto.onSubmit = function onSubmit(_ref2) {
     var _this5 = this;
-
     var formData = _ref2.formData;
-
     if (this.props.schemaContent == undefined || this.props.schemaContent == null) {
       this.props.showAlert('info', 'No Rule Schema has been loaded');
       return;
     }
-
     var checkSchemaList = this.props.editorSchemaFiles.length ? this.props.editorSchemaFiles[0].name : null;
     var checkSchemaUpload = this.props.editorSchemaFiles.filter(function (file) {
       return file.name.includes('(local)');
     });
     var checkUpload = null;
-
     if (checkSchemaUpload.length) {
       checkUpload = checkSchemaUpload[0].name.split(' ')[0];
     }
-
     this.setState({
       schema: checkUpload ? checkUpload : this.state.selectedschema ? this.state.selectedschema : checkSchemaList,
       formData: formData,
       isSubmitting: true
     }, function () {
       var tempJson = JSON.stringify(formData, null, 2);
-
       _this5.props.setConfigContent(JSON.parse(tempJson));
-
       var revisedConfigFileSchema = _this5.state.schema;
       var revisedConfigFile = "config-" + revisedConfigFileSchema.match(regexRevision);
-
       if (_this5.state.isCompareChanges === false) {
         _this5.setState({
           isCompareChanges: true,
@@ -18756,23 +18617,18 @@ var EditorSection = /*#__PURE__*/function (_React$Component) {
             label: revisedConfigFile
           }
         });
-
         document.body.style.overflow = 'hidden';
       } else {
         if (isDownloadConfig) {
           _this5.props.saveUpdatedConfiguration(revisedConfigFile, formData);
-
           isDownloadConfig = false;
           document.body.style.overflow = 'auto';
-
           _this5.setState({
             isCompareChanges: false
           });
         } else {
           _this5.props.updateConfigFileExt(JSON.stringify(formData, null, 2), "" + revisedConfigFile);
-
           document.body.style.overflow = 'auto';
-
           _this5.setState({
             isCompareChanges: false
           });
@@ -18780,24 +18636,21 @@ var EditorSection = /*#__PURE__*/function (_React$Component) {
       }
     });
   };
-
   _proto.handleError = function handleError(errors) {
     isDownloadConfig = false;
     this.props.showAlert('danger', 'The config contains validation errors (see top of editor) - please review and try again');
   };
-
   _proto.render = function render() {
     var _this6 = this;
-
     var _this$props = this.props,
-        editorSchemaFiles = _this$props.editorSchemaFiles,
-        editorConfigFiles = _this$props.editorConfigFiles,
-        editorUISchemaFiles = _this$props.editorUISchemaFiles,
-        configContent = _this$props.configContent,
-        uiContent = _this$props.uiContent,
-        schemaContent = _this$props.schemaContent,
-        editorTools = _this$props.editorTools,
-        sideBarPadding = _this$props.sideBarPadding;
+      editorSchemaFiles = _this$props.editorSchemaFiles,
+      editorConfigFiles = _this$props.editorConfigFiles,
+      editorUISchemaFiles = _this$props.editorUISchemaFiles,
+      configContent = _this$props.configContent,
+      uiContent = _this$props.uiContent,
+      schemaContent = _this$props.schemaContent,
+      editorTools = _this$props.editorTools,
+      sideBarPadding = _this$props.sideBarPadding;
     var editorUISchemaFile = editorUISchemaFiles[0] ? editorUISchemaFiles[0].name : "";
     var editorUIAdvancedSimpleTest = editorUISchemaFile.includes("Simple") || editorUISchemaFile.includes("Advanced");
     var FormWithNav = schemaContent ? applyNav__default(Form, EditorNavs) : Form;
@@ -18924,10 +18777,8 @@ var EditorSection = /*#__PURE__*/function (_React$Component) {
       className: "config-bar-background"
     }));
   };
-
   return EditorSection;
 }(React.Component);
-
 var mapStateToProps$2 = function mapStateToProps(state) {
   return {
     editorSchemaFiles: state.editor.editorSchemaFiles,
@@ -18939,7 +18790,6 @@ var mapStateToProps$2 = function mapStateToProps(state) {
     configContentPreChange: state.editor.configContentPreChange
   };
 };
-
 var mapDispatchToProps$2 = function mapDispatchToProps(dispatch) {
   return {
     fetchFileContent: function fetchFileContent$1(fileName, fileType) {
@@ -18962,7 +18812,6 @@ var mapDispatchToProps$2 = function mapDispatchToProps(dispatch) {
     }
   };
 };
-
 var EditorSection$1 = reactRedux.connect(mapStateToProps$2, mapDispatchToProps$2)(EditorSection);
 
 var reducer = (function (state, action) {
@@ -18977,101 +18826,83 @@ var reducer = (function (state, action) {
       crc32EditorLive: ""
     };
   }
-
   switch (action.type) {
     case SET_CRC32_EDITOR_LIVE:
       return _extends({}, state, {
         crc32EditorLive: action.crc32EditorLive
       });
-
     case RESET_SCHEMA_FILES:
       return {
         editorSchemaFiles: [],
         editorConfigFiles: [],
         editorUISchemaFiles: []
       };
-
     case SET_CONFIG_DATA:
       return _extends({}, state, {
         configContent: action.configContent
       });
-
     case SET_SCHEMA_DATA:
       return _extends({}, state, {
         schemaContent: action.schemaContent
       });
-
     case SET_UI_SCHEMA_DATA:
       return _extends({}, state, {
         uiContent: action.uiContent
       });
-
     case SET_UISCHEMA_LIST:
       return _extends({}, state, {
         editorUISchemaFiles: lodash.uniqBy([].concat(state.editorUISchemaFiles, action.UISchemaFiles), "name")
       });
-
     case SET_SCHEMA_LIST:
       return _extends({}, state, {
         editorSchemaFiles: lodash.uniqBy([].concat(state.editorSchemaFiles, action.schemaFiles), "name")
       });
-
     case SET_CONFIG_LIST:
       return _extends({}, state, {
         editorConfigFiles: lodash.uniqBy([].concat(state.editorConfigFiles, action.configFiles), "name")
       });
-
     case RESET_UISCHEMA_LIST:
       return _extends({}, state, {
         editorUISchemaFiles: action.UISchemaFiles
       });
-
     case RESET_LOCAL_UISCHEMA_LIST:
       return _extends({}, state, {
         editorUISchemaFiles: state.editorUISchemaFiles.filter(function (file) {
           return !file.name.includes("(local)");
         })
       });
-
     case RESET_CONFIG_LIST:
       return _extends({}, state, {
         editorConfigFiles: action.configFiles
       });
-
     case RESET_LOCAL_CONFIG_LIST:
       return _extends({}, state, {
         editorConfigFiles: state.editorConfigFiles.filter(function (file) {
           return file.name.split(".").slice(-1)[0] == "json";
         })
       });
-
     case RESET_SCHEMA_LIST:
       return _extends({}, state, {
         editorSchemaFiles: action.schemaFiles
       });
-
     case RESET_LOCAL_SCHEMA_LIST:
       return _extends({}, state, {
         editorSchemaFiles: state.editorSchemaFiles.filter(function (file) {
           return !file.name.includes("(local)");
         })
       });
-
     case SET_CONFIG_DATA_PRE_CHANGE:
       return _extends({}, state, {
         configContentPreChange: action.configContentPreChange
       });
-
     case SET_CONFIG_DATA_LOCAL:
       return _extends({}, state, {
         configContentLocal: action.configContentLocal
       });
-
     case SET_UPDATED_FORM_DATA:
       return _extends({}, state, {
         formData: action.formData
       });
-
     default:
       return state;
   }