Bindu | BAH-4360 | Fix Form Scripts saving issue due to html escape from payload

src/common/utils/encodingUtils.js

@@ -9,6 +9,42 @@ export function utf8ToBase64(str) {
   return btoa(binaryString);
 }
 
+export function unescapeHtml(str) {
+  if (typeof str !== 'string') return str;
+  return str
+    .replace(/&lt;/g, '<')
+    .replace(/&gt;/g, '>')
+    .replace(/&amp;/g, '&');
+}
+
+export function deepUnescapeStrings(obj) {
+  if (typeof obj === 'string') {
+    return unescapeHtml(obj);
+  }
+  if (Array.isArray(obj)) {
+    return obj.map(deepUnescapeStrings);
+  }
+  if (typeof obj === 'object' && obj !== null) {
+    const result = {};
+    for (const key of Object.keys(obj)) {
+      result[key] = deepUnescapeStrings(obj[key]);
+    }
+    return result;
+  }
+  return obj;
+}
+
+export function unescapeFormResourceValue(valueString) {
+  if (!valueString) return valueString;
+  try {
+    const parsed = JSON.parse(valueString);
+    const unescaped = deepUnescapeStrings(parsed);
+    return JSON.stringify(unescaped);
+  } catch (e) {
+    return valueString;
+  }
+}
+
 export function base64ToUtf8(b64) {
   if (b64 === undefined || b64 === null || b64 === '') {
     return '';

src/form-builder/components/FormDetailContainer.jsx

@@ -28,6 +28,7 @@ import isEqual from 'lodash/isEqual';
 import { clearTranslations } from '../actions/control';
 import { formEventUpdate, saveEventUpdate } from '../actions/control';
 import { Exception } from 'form-builder/helpers/Exception';
+import { unescapeFormResourceValue } from 'common/utils/encodingUtils';
 import {
   saveFormNameTranslations,
   saveTranslations,
@@ -86,6 +87,9 @@ export class FormDetailContainer extends Component {
         `${formBuilderConstants.formUrl}/${this.props.match.params.formUuid}?${params}`
       )
       .then((data) => {
+        if (data.resources.length > 0 && data.resources[0].value) {
+          data.resources[0].value = unescapeFormResourceValue(data.resources[0].value);
+        }
         const parsedFormValue =
           data.resources.length > 0 ? JSON.parse(data.resources[0].value) : {};
         const formDefVersion = parsedFormValue.formDefVersion || 1.0;
@@ -597,7 +601,7 @@ export class FormDetailContainer extends Component {
       name: form.name,
       id: responseObject.form.id,
       dataType: responseObject.dataType,
-      value: responseObject.value,
+      value: unescapeFormResourceValue(responseObject.value),
       uuid: responseObject.uuid,
     };
     form.resources = [formResource];

src/form-builder/components/FormPreviewModal.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-import 'bahmni-form-controls/dist/helpers.js';
+import 'bahmni-form-controls/helpers.js';
 import { Exception } from 'form-builder/helpers/Exception';
 import { Container } from 'bahmni-form-controls';