@gov-cy/govcy-express-services 1.0.0-alpha.8 → 1.0.0

package/src/middleware/govcyReviewPageHandler.mjs

@@ -79,7 +79,10 @@ export function govcyReviewPageHandler() {
             //--------- End Handle Validation Errors ---------
 
             // Add elements to the main section, the H1, summary list, the submit button and the JS
-            mainElements.push(pageH1, summaryList, submitButton, govcyResources.staticResources.elements["govcyFormsJs"]);
+            mainElements.push(pageH1, 
+                summaryList, 
+                submitButton
+            );
             // Append generated summary list to the page template
             pageTemplate.sections.push({ name: "main", elements: mainElements });
             

package/src/middleware/govcyReviewPostHandler.mjs

@@ -118,7 +118,7 @@ export function govcyReviewPostHandler() {
                         
                     //-- Send email to user
                     // Generate the email body
-                    let emailBody = generateSubmitEmail(service, submissionData.print_friendly_data, referenceNo, req);
+                    let emailBody = generateSubmitEmail(service, submissionData.printFriendlyData, referenceNo, req);
                     logger.debug("Email generated:", emailBody);
                     // Send the email
                     sendEmail(service.site.title[service.site.lang],emailBody,[dataLayer.getUser(req.session).email], "eMail").catch(err => {

package/src/middleware/govcySuccessPageHandler.mjs

@@ -78,7 +78,7 @@ export function govcySuccessPageHandler(isPDF = false) {
                 }   
             }
 
-            let summaryList = submissionData.renderer_data;
+            let summaryList = submissionData.rendererData;
 
             let mainElements = [];
             // Add elements to the main section
@@ -87,8 +87,7 @@ export function govcySuccessPageHandler(isPDF = false) {
                 weHaveSendYouAnEmail, 
                 pdfLink,
                 theDataFromYourRequest, 
-                summaryList, 
-                govcyResources.staticResources.elements["govcyFormsJs"]
+                summaryList
             );
             // Append generated summary list to the page template
             pageTemplate.sections.push({ name: "main", elements: mainElements });

package/src/public/js/govcyFiles.js

@@ -1,102 +1,214 @@
 // 🔍 Select all file inputs that have the .govcy-file-upload class
 var fileInputs = document.querySelectorAll('input[type="file"].govcy-file-upload');
 
+// select overlay and app root elements
+var _govcyOverlay = document.getElementById("govcy--loadingOverlay");
+var _govcyAppRoot = document.getElementById("govcy--body");
+
+// Accessibility: Keep track of previously focused element and disabled elements
+var _govcyPrevFocus = null;
+var _govcyDisabledEls = [];
+
 // 🔁 Loop over each file input and attach a change event listener
 fileInputs.forEach(function(input) {
   input.addEventListener('change', _uploadFileEventHandler);
 });
 
+/**
+ * Disables all focusable elements within a given root element
+ * @param {*} root  The root element whose focusable children will be disabled
+ */
+function disableFocusables(root) {
+    var sel = 'a[href],area[href],button,input,select,textarea,iframe,summary,[contenteditable="true"],[tabindex]:not([tabindex="-1"])';
+    var nodes = root.querySelectorAll(sel);
+    _govcyDisabledEls = [];
+    for (var i = 0; i < nodes.length; i++) {
+        var el = nodes[i];
+        if (_govcyOverlay.contains(el)) continue;                 // don’t disable overlay itself
+        var prev = el.getAttribute('tabindex');
+        el.setAttribute('data-prev-tabindex', prev === null ? '' : prev);
+        el.setAttribute('tabindex', '-1');
+        _govcyDisabledEls.push(el);
+    }
+    root.setAttribute('aria-hidden', 'true');              // hide from AT on fallback
+    root.setAttribute('aria-busy', 'true');
+}
+
+/**
+ * Restores all focusable elements within a given root element
+ * @param {*} root  The root element whose focusable children will be restored
+ */
+function restoreFocusables(root) {
+    for (var i = 0; i < _govcyDisabledEls.length; i++) {
+        var el = _govcyDisabledEls[i];
+        var prev = el.getAttribute('data-prev-tabindex');
+        if (prev === '') el.removeAttribute('tabindex'); else el.setAttribute('tabindex', prev);
+        el.removeAttribute('data-prev-tabindex');
+    }
+    _govcyDisabledEls = [];
+    root.removeAttribute('aria-hidden');
+    root.removeAttribute('aria-busy');
+}
+
+/**
+ * Traps tab key navigation within the overlay
+ * @param {*} e The event
+ * @returns 
+ */
+function trapTab(e) {
+    if (e.key !== 'Tab') return;
+    var focusables = _govcyOverlay.querySelectorAll('a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"])');
+    if (focusables.length === 0) { e.preventDefault(); _govcyOverlay.focus(); return; }
+    var first = focusables[0], last = focusables[focusables.length - 1];
+    if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }
+    else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }
+}
+
+/**
+ * Shows the loading spinner overlay and traps focus within it
+ */
+function showLoadingSpinner() {
+    _govcyPrevFocus = document.activeElement;
+    _govcyOverlay.setAttribute('aria-hidden', 'false');
+    _govcyOverlay.setAttribute('tabindex', '-1');
+    _govcyOverlay.style.display = 'flex';
+    document.documentElement.style.overflow = 'hidden';
+
+    if ('inert' in HTMLElement.prototype) {               // progressive enhancement
+        _govcyAppRoot.inert = true;
+    } else {
+        disableFocusables(_govcyAppRoot);
+        document.addEventListener('keydown', trapTab, true);
+    }
+    _govcyOverlay.focus();
+}
+
+/**
+ * Hides the loading spinner overlay and restores focus to the previously focused element
+ */
+function hideLoadingSpinner() {
+    _govcyOverlay.style.display = 'none';
+    _govcyOverlay.setAttribute('aria-hidden', 'true');
+    document.documentElement.style.overflow = '';
+
+    if ('inert' in HTMLElement.prototype) {
+        _govcyAppRoot.inert = false;
+    } else {
+        restoreFocusables(_govcyAppRoot);
+        document.removeEventListener('keydown', trapTab, true);
+    }
+    if (_govcyPrevFocus && _govcyPrevFocus.focus) _govcyPrevFocus.focus();
+}
+
 
 /**
  * Handles the upload of a file event
- * 
+ *
  * @param {object} event The event
  */
-async function _uploadFileEventHandler(event) {
+function _uploadFileEventHandler(event) {
   var input = event.target;
   var messages = {
-      "uploadSuccesful": {
-        "el": "Το αρχείο ανεβαστηκε",
-        "en": "File uploaded successfully",
-        "tr": "File uploaded successfully"
-      },
-      "uploadFailed": {
-        "el": "Αποτυχια ανεβασης",
-        "en": "File upload failed",
-        "tr": "File upload failed"
-      },
-      "uploadFailed406": {
-        "el": "Το επιλεγμένο αρχείο είναι κενό",
-        "en": "The selected file is empty",
-        "tr": "The selected file is empty"
-      },
-      "uploadFailed407": {
-        "el": "Το επιλεγμένο αρχείο πρέπει να είναι JPG, JPEG, PNG ή PDF",
-        "en": "The selected file must be a JPG, JPEG, PNG or PDF",
-        "tr": "The selected file must be a JPG, JPEG, PNG or PDF"
-      },
-      "uploadFailed408": {
-        "el": "Το επιλεγμένο αρχείο πρέπει να είναι JPG, JPEG, PNG ή PDF",
-        "en": "The selected file must be a JPG, JPEG, PNG or PDF",
-        "tr": "The selected file must be a JPG, JPEG, PNG or PDF"
-      },
-      "uploadFailed409": {
-        "el": "Το επιλεγμένο αρχείο πρέπει να είναι μικρότερο από 5MB",
-        "en": "The selected file must be smaller than 5MB",
-        "tr": "The selected file must be smaller than 5MB"
+    "uploadSuccesful": {
+      "el": "Το αρχείο ανεβαστηκε",
+      "en": "File uploaded successfully",
+      "tr": "File uploaded successfully"
+    },
+    "uploadFailed": {
+      "el": "Αποτυχια ανεβασης",
+      "en": "File upload failed",
+      "tr": "File upload failed"
+    },
+    "uploadFailed406": {
+      "el": "Το επιλεγμένο αρχείο είναι κενό",
+      "en": "The selected file is empty",
+      "tr": "The selected file is empty"
+    },
+    "uploadFailed407": {
+      "el": "Το επιλεγμένο αρχείο πρέπει να είναι JPG, JPEG, PNG ή PDF",
+      "en": "The selected file must be a JPG, JPEG, PNG or PDF",
+      "tr": "The selected file must be a JPG, JPEG, PNG or PDF"
+    },
+    "uploadFailed408": {
+      "el": "Το επιλεγμένο αρχείο πρέπει να είναι JPG, JPEG, PNG ή PDF",
+      "en": "The selected file must be a JPG, JPEG, PNG or PDF",
+      "tr": "The selected file must be a JPG, JPEG, PNG or PDF"
+    },
+    "uploadFailed409": {
+      "el": "Το επιλεγμένο αρχείο πρέπει να είναι μικρότερο από 4MB",
+      "en": "The selected file must be smaller than 4MB",
+      "tr": "The selected file must be smaller than 4MB"
+    }
+  };
+
+  // 🔐 Get the CSRF token from a hidden input field (generated by your backend)
+  var csrfEl = document.querySelector('input[type="hidden"][name="_csrf"]');
+  var csrfToken = csrfEl ? csrfEl.value : '';
+
+  // 🔧 Define siteId and pageUrl (you can dynamically extract these later)
+  var siteId = window._govcySiteId || "";
+  var pageUrl = window._govcyPageUrl || "";
+  var lang = window._govcyLang || "el";
+
+  // 📦 Grab the selected file
+  var file = event.target.files[0];
+  var elementName = input.name; // Form field's `name` attribute
+  var elementId = input.id;     // Form field's `id` attribute
+
+  if (!file) return; // Exit if no file was selected
+
+  // Show loading spinner
+  showLoadingSpinner();
+
+  // 🧵 Prepare form-data payload for the API
+  var formData = new FormData();
+  formData.append('file', file);               // Attach the actual file
+  formData.append('elementName', elementName); // Attach the field name for backend lookup
+
+  // 🚀 CHANGED: using fetch instead of axios.post
+  fetch(`/apis/${siteId}/${pageUrl}/upload`, {
+    method: "POST",
+    headers: {
+      "X-CSRF-Token": csrfToken // 🔐 Pass CSRF token in custom header
+    },
+    body: formData
+  })
+    .then(function(response) {
+      // 🚀 CHANGED: fetch does not auto-throw on error codes → check manually
+      if (!response.ok) {
+        return response.json().then(function(errData) {
+          throw { response: { data: errData } };
+        });
       }
-    };
-    // 🔐 Get the CSRF token from a hidden input field (generated by your backend)
-    var csrfEl = document.querySelector('input[type="hidden"][name="_csrf"]');
-    var csrfToken = csrfEl ? csrfEl.value : '';
-
-    // 🔧 Define siteId and pageUrl (you can dynamically extract these later)
-    var siteId = window._govcySiteId || "";
-    var pageUrl = window._govcyPageUrl || "";
-    var lang = window._govcyLang || "el";
-    // 📦 Grab the selected file
-    var file = event.target.files[0];
-    var elementName = input.name; // Form field's `name` attribute
-    var elementId = input.id; // Form field's `id` attribute
-
-    if (!file) return; // Exit if no file was selected
-
-    // 🧵 Prepare form-data payload for the API
-    var formData = new FormData();
-    formData.append('file', file);                  // Attach the actual file
-    formData.append('elementName', elementName);    // Attach the field name for backend lookup
-
-    try {
-      // 🚀 Send file to the backend upload API
-      var response = await axios.post(`/apis/${siteId}/${pageUrl}/upload`, formData, {
-        headers: {
-          'X-CSRF-Token': csrfToken // 🔐 Pass CSRF token in custom header
-        }
-      });
-
-      var sha256 = response.data.Data.sha256;
-      var fileId = response.data.Data.fileId;
-
-      // 📝 Store returned metadata in hidden fields for submission with the form
+      return response.json();
+    })
+    .then(function(data) {
+      // ✅ Success response
+      var sha256 = data.Data.sha256;
+      var fileId = data.Data.fileId;
+
+      // 📝 Store returned metadata in hidden fields if needed
       // document.querySelector('[name="' + elementName + 'Attachment[fileId]"]').value = fileId;
       // document.querySelector('[name="' + elementName + 'Attachment[sha256]"]').value = sha256;
+      
+      // Hide loading spinner
+      hideLoadingSpinner();
 
       // Render the file view
       _renderFileElement("fileView", elementId, elementName, fileId, sha256, null);
-      
+
       // Accessibility: Update ARIA live region with success message
       var statusRegion = document.getElementById('_govcy-upload-status');
       if (statusRegion) {
         setTimeout(function() {
           statusRegion.textContent = messages.uploadSuccesful[lang];
-        }, 200)
+        }, 200);
         setTimeout(function() {
           statusRegion.textContent = '';
-        }, 5000); 
+        }, 5000);
       }
-      // alert('✅ File uploaded successfully');
-
-    } catch (err) {
+    })
+    .catch(function(err) {
       // ⚠️ Show an error message if upload fails
       var errorMessage = messages.uploadFailed;
       var errorCode = err && err.response && err.response.data && err.response.data.ErrorCode;
@@ -105,9 +217,11 @@ async function _uploadFileEventHandler(event) {
         errorMessage = messages["uploadFailed" + errorCode];
       }
 
+      // Hide loading spinner
+      hideLoadingSpinner();
       // Render the file input with error
-      _renderFileElement("fileInput", elementId, elementName, "","", errorMessage);
-      
+      _renderFileElement("fileInput", elementId, elementName, "", "", errorMessage);
+
       // Re-bind the file input's change handler
       var newInput = document.getElementById(elementId);
       if (newInput) {
@@ -116,10 +230,10 @@ async function _uploadFileEventHandler(event) {
 
       // Accessibility: Focus on the form field
       document.getElementById(elementId)?.focus();
-      
-    }
+    });
 }
 
+
 /**
  * Renders a file element in the DOM
  * 
@@ -131,6 +245,14 @@ async function _uploadFileEventHandler(event) {
  * @param {object} errorMessage The error message in all supported languages 
  */
 function _renderFileElement(elementState, elementId, elementName, fileId, sha256, errorMessage) {
+  
+  // Grab the query string part (?foo=bar&route=something)
+  var queryString = window.location.search;
+  // Parse it
+  var params = new URLSearchParams(queryString);
+  // Get the "route" value (null if not present)
+  var route = params.get("route");
+
   // Create an instance of GovcyFrontendRendererBrowser
   var renderer = new GovcyFrontendRendererBrowser();
   var lang = window._govcyLang || "el";
@@ -141,7 +263,7 @@ function _renderFileElement(elementState, elementId, elementName, fileId, sha256
       "lang": lang
     }
   };
-  var fileInputMap = window._govcyFileInputs || {};
+  var fileInputMap =  JSON.parse(JSON.stringify(window._govcyFileInputs));
   var fileElement = fileInputMap[elementName];
   fileElement.element = elementState;
   if (errorMessage != null) fileElement.params.error = errorMessage;
@@ -150,8 +272,10 @@ function _renderFileElement(elementState, elementId, elementName, fileId, sha256
   if (elementState == "fileView") {
     fileElement.params.visuallyHiddenText = fileElement.params.label;
     // TODO: Also need to set the `view` and `download` URLs 
-    fileElement.params.viewHref = "#viewHref";
-    fileElement.params.deleteHref  = "#deleteHref";
+    fileElement.params.viewHref = "/" + window._govcySiteId + "/" + window._govcyPageUrl + "/view-file/" + elementName;
+    fileElement.params.viewTarget = "_blank";
+    fileElement.params.deleteHref  = "/" + window._govcySiteId + "/" + window._govcyPageUrl + "/delete-file/" + elementName 
+      + (route !== null ? "?route=" + encodeURIComponent(route) : "");
   }
   // Construct the JSONTemplate
   var JSONTemplate = {

package/src/public/js/govcyForms.js

@@ -1,20 +1,31 @@
 document.addEventListener("DOMContentLoaded", function () {
     // --- Show conditionals for checked radios ---
-    document.querySelectorAll('.govcy-radio-input[data-aria-controls]:checked').forEach(radio => {
-        const targetId = radio.getAttribute('data-aria-controls');
-        const targetElement = document.getElementById(targetId);
+    // CHANGED: NodeList.prototype.forEach is not in IE11 → use Array.prototype.forEach.call
+    // CHANGED: Arrow function → function
+    Array.prototype.forEach.call(
+        document.querySelectorAll('.govcy-radio-input[data-aria-controls]:checked'),
+        function (radio) { // CHANGED: arrow → function
+            // CHANGED: const → var (ES5)
+            var targetId = radio.getAttribute('data-aria-controls');
+            var targetElement = document.getElementById(targetId);
 
-        if (targetElement) {
-            targetElement.classList.remove('govcy-radio__conditional--hidden');
+            if (targetElement) {
+                targetElement.classList.remove('govcy-radio__conditional--hidden');
+            }
         }
-    });
+    );
+
     // --- Disable submit button after form submission ---
-    document.querySelectorAll('form').forEach(form => {
+    // CHANGED: NodeList.forEach → Array.prototype.forEach.call
+    Array.prototype.forEach.call(document.querySelectorAll('form'), function (form) { // CHANGED
         form.addEventListener('submit', function (e) {
-            const submitButton = form.querySelector('[type="submit"]');
+            // CHANGED: const → var (ES5)
+            var submitButton = form.querySelector('[type="submit"]');
             if (submitButton) {
                 submitButton.disabled = true;
                 submitButton.setAttribute('aria-disabled', 'true');
+                // (Optional) announce busy state for AT:
+                // submitButton.setAttribute('aria-busy', 'true'); // CHANGED: optional a11y improvement
             }
         });
     });

package/src/resources/govcyResources.mjs

@@ -6,6 +6,11 @@ export const staticResources = {
             el: "Υποβολή", 
             tr: "Gönder" 
         },
+        continue: { 
+            en: "Continue", 
+            el: "Συνέχεια", 
+            tr: "Continue" 
+        },
         cancel: { 
             en: "Cancel", 
             el: "Ακύρωση", 
@@ -54,7 +59,7 @@ export const staticResources = {
         errorPage403NaturalOnlyPolicyBody: {
             el: "<p>Η πρόσβαση επιτρέπεται μόνο σε φυσικά πρόσωπα με επιβεβαιωμένο προφίλ. <a href=\"/logout\">Αποσυνδεθείτε</a> και δοκιμάστε ξανά αργότερα.</p>",
             en: "<p>Access is only allowed to individuals with a verified profile.<a href=\"/logout\">Sign out</a> and try again later.</p>",
-            tr: "<p>Access is only allowed to individuals with a confirmed profile.<a href=\"/logout\">Giriş yapmadan</a> sonra tekrar deneyiniz.</p>"
+            tr: "<p>Access is only allowed to individuals with a verified profile.<a href=\"/logout\">Giriş yapmadan</a> sonra tekrar deneyiniz.</p>"
         },
         errorPage500Title: {
             el: "Λυπούμαστε, υπάρχει πρόβλημα με την υπηρεσία",
@@ -102,14 +107,49 @@ export const staticResources = {
             tr: "We have received your request. "
         },
         fileUploaded : {
-            en: "File has been uploaded. ",
-            el: "Το αρχείο ανεβάστηκε. ",
-            tr: "File has been uploaded. "
+            en: "File uploaded",
+            el: "Το αρχείο ανεβάστηκε",
+            tr: "File uploaded"
         },
         fileNotUploaded : {
             en: "File has not been uploaded. ",
             el: "Το αρχείο δεν ανεβάστηκε. ",
             tr: "File has not been uploaded. "
+        },
+        fileYouHaveUploaded : {
+            en: "You have uploaded the file for \"{{file}}\"",
+            el: "Έχετε ανεβάσει το αρχείο \"{{file}}\"",
+            tr: "You have uploaded the file for \"{{file}}\""
+        },
+        deleteFileTitle : {
+            en: "Are you sure you want to delete the file \"{{file}}\"? ",
+            el: "Σίγουρα θέλετε να διαγράψετε το αρχείο \"{{file}}\";",
+            tr: "Are you sure you want to delete the file \"{{file}}\"? "
+        },
+        deleteYesOption: {
+            el:"Ναι, θέλω να διαγράψω το αρχείο",
+            en:"Yes, I want to delete this file",
+            tr:"Yes, I want to delete this file"
+        },
+        deleteNoOption: {
+            el:"Όχι, δεν θέλω να διαγράψω το αρχείο",
+            en:"No, I don't want to delete this file",
+            tr:"No, I don't want to delete this file"
+        },
+        deleteFileValidationError: {
+            en: "Select if you want to delete the file",
+            el: "Επιλέξτε αν θέλετε να διαγράψετε το αρχείο",
+            tr: "Select if you want to delete the file"
+        },
+        viewFile: {
+            en: "View file",
+            el: "Προβολή αρχείου",
+            tr: "View file"
+        },
+        deleteSameFileWarning: {
+            en: "Υou have uploaded the same file more than once in this application. If you delete it, it will be deleted from all places in the application.",
+            el: "Έχετε ανεβάσει το αρχείο αυτό και σε άλλα σημεία της αίτησης. Αν το διαγράψετε, θα διαγραφεί από όλα τα σημεία.",
+            tr: "Υou have uploaded the same file more than once in this application. If you delete it, it will be deleted from all places in the application."
         }
     },
     //remderer sections
@@ -123,9 +163,19 @@ export const staticResources = {
             element: "htmlElement",
             params: {
                 text: {
-                    en: `<script src="https://cdn.jsdelivr.net/npm/axios@1.6.2/dist/axios.min.js"></script><script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1/dist/govcyCompiledTemplates.browser.js"></script><script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1/dist/govcyFrontendRenderer.browser.js"></script><script src="/js/govcyForms.js"></script><script src="/js/govcyFiles.js"></script>`,
-                    el: `<script src="https://cdn.jsdelivr.net/npm/axios@1.6.2/dist/axios.min.js"></script><script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1/dist/govcyCompiledTemplates.browser.js"></script><script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1/dist/govcyFrontendRenderer.browser.js"></script><script src="/js/govcyForms.js"></script><script src="/js/govcyFiles.js"></script>`,
-                    tr: `<script src="https://cdn.jsdelivr.net/npm/axios@1.6.2/dist/axios.min.js"></script><script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1/dist/govcyCompiledTemplates.browser.js"></script><script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1/dist/govcyFrontendRenderer.browser.js"></script><script src="/js/govcyForms.js"></script><script src="/js/govcyFiles.js"></script>`
+                    en: `<script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1.22.0/dist/govcyCompiledTemplates.browser.js"></script><script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1.22.0/dist/govcyFrontendRenderer.browser.js"></script><script type="module" src="/js/govcyForms.js"></script><script type="module" src="/js/govcyFiles.js"></script>`,
+                    el: `<script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1.22.0/dist/govcyCompiledTemplates.browser.js"></script><script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1.22.0/dist/govcyFrontendRenderer.browser.js"></script><script type="module" src="/js/govcyForms.js"></script><script type="module" src="/js/govcyFiles.js"></script>`,
+                    tr: `<script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1.22.0/dist/govcyCompiledTemplates.browser.js"></script><script src="https://cdn.jsdelivr.net/gh/gov-cy/govcy-frontend-renderer@v1.22.0/dist/govcyFrontendRenderer.browser.js"></script><script type="module" src="/js/govcyForms.js"></script><script type="module" src="/js/govcyFiles.js"></script>`
+                }
+            }
+        },
+        govcyLoadingOverlay: {
+            element: "htmlElement",
+            params: {
+                text: {
+                    en: `<style>.govcy-loadingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1050}.govcy-loadingOverlay[aria-hidden="false"]{display:flex}</style><div id="govcy--loadingOverlay" class="govcy-loadingOverlay" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1"><div class="govcy-loadingOverlay__content" role="status" aria-live="polite"><div class="spinner-border govcy-text-primary" role="status"><span class="govcy-visually-hidden">Loading...</span></div></div></div>`,
+                    el: `<style>.govcy-loadingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1050}.govcy-loadingOverlay[aria-hidden="false"]{display:flex}</style><div id="govcy--loadingOverlay" class="govcy-loadingOverlay" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1"><div class="govcy-loadingOverlay__content" role="status" aria-live="polite"><div class="spinner-border govcy-text-primary" role="status"><span class="govcy-visually-hidden">Φόρτωση...</span></div></div></div>`,
+                    tr: `<style>.govcy-loadingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1050}.govcy-loadingOverlay[aria-hidden="false"]{display:flex}</style><div id="govcy--loadingOverlay" class="govcy-loadingOverlay" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1"><div class="govcy-loadingOverlay__content" role="status" aria-live="polite"><div class="spinner-border govcy-text-primary" role="status"><span class="govcy-visually-hidden">Loading...</span></div></div></div>`
                 }
             }
         },

package/src/utils/govcyConstants.mjs

@@ -4,5 +4,5 @@
 export const ALLOWED_FORM_ELEMENTS = ["textInput", "textArea", "select", "radios", "checkboxes", "datePicker", "dateInput","fileInput","fileView"];
 export const ALLOWED_FILE_MIME_TYPES = ['application/pdf', 'image/jpeg', 'image/png'];
 export const ALLOWED_FILE_EXTENSIONS = ['pdf', 'jpg', 'jpeg', 'png'];
-export const ALLOWED_FILE_SIZE_MB = 5; // Maximum file size in MB
+export const ALLOWED_FILE_SIZE_MB = 4; // Maximum file size in MB
 export const ALLOWED_MULTER_FILE_SIZE_MB = 10; // Maximum file size in MB