- added try-catch, wrapped for getTokens;

src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js

@@ -22,6 +22,7 @@ import ElementSettingTableColumnsForCsv from '../ElementSettingTableColumnsForCs
 import { mimeTypes } from '../../../../../../configData';
 import ElementSettingReportHeader from '../ElementSettingReportHeader';
 import ElementSettingReportEnable from '../ElementSettingReportEnable';
+import getTokens from '../../../../../../helpers/getTokens';
 
 
 const ElementSetting = ({ setting, changeFn, updateDataFn, bandoStatus }) => {
@@ -72,6 +73,15 @@ const ElementSetting = ({ setting, changeFn, updateDataFn, bandoStatus }) => {
 
     const header = renderHeader();
 
+    const invalidFormula = (value) => {
+        try {
+            const context = getTokens(value)
+            return false;
+        } catch {
+            return __('Potrebbe essere un errore nella formula!')
+        }
+    }
+
     const getProperField = (setting) => {
         if (setting.name === 'options') {
             return <ElementSettingRepeater
@@ -145,6 +155,14 @@ const ElementSetting = ({ setting, changeFn, updateDataFn, bandoStatus }) => {
                 name={setting.name}
                 bandoStatus={bandoStatus}
                 setDataFn={updateDataFn}/>
+        } else if (setting.name === 'formula') {
+            const isInvalid = invalidFormula(setting.value);
+            return <>
+                <InputText id={setting.name} aria-describedby={`${setting.name}-help`}
+                              value={setting.value}
+                              onChange={(e) => changeFn(e.target.value, setting.name)}/>
+                <p style={{margiTop: 0, fontSize: '14px', color: '#df3636'}}>{isInvalid}</p>
+                </>
         } else {
             return <InputText id={setting.name} aria-describedby={`${setting.name}-help`}
                               value={setting.value}