Fix lint errors

Author: IhorMasechko

website/modules/@apostrophecms/form-widget/views/widget.html

@@ -23,7 +23,9 @@
       {% area form, 'contents' %}
 
       {% if recaptchaReady %}
+      {# sonar-ignore-start #}
       <script src="https://www.google.com/recaptcha/api.js" async defer></script>
+      {# sonar-ignore-end #}
         <div class="g-recaptcha"
           data-sitekey="{{ recaptchaSite }}">
         </div>

website/modules/custom-form/index.js

@@ -1,48 +1,61 @@
-const fetch = require('node-fetch'); 
+const fetch = require('node-fetch');
+
+const handleSubmit = async (self, req) => {
+  const global = await req.apos.global.get(req);
+  const recaptchaToken = req.body['g-recaptcha-response'];
+
+  const enableRecaptcha = global.useRecaptcha && global.recaptchaSecret;
+
+  if (enableRecaptcha) {
+    if (!recaptchaToken) {
+      return req.res.status(400).json({ error: 'Missing reCAPTCHA token.' });
+    }
+
+    try {
+      const params = new URLSearchParams();
+      params.append('secret', global.recaptchaSecret);
+      params.append('response', recaptchaToken);
+      params.append('remoteip', req.ip);
+
+      const response = await fetch(
+        'https://www.google.com/recaptcha/api/siteverify',
+        {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+          },
+          body: params,
+          timeout: 5000,
+        },
+      );
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+
+      if (!data.success) {
+        return req.res
+          .status(400)
+          .json({ error: 'reCAPTCHA verification failed.' });
+      }
+    } catch (err) {
+      // Logging the error for debugging purposes
+      /* eslint-disable-next-line no-console */
+      console.error('reCAPTCHA error:', err);
+
+      return req.res.status(500).json({ error: 'Error verifying reCAPTCHA.' });
+    }
+  }
+
+  return self.super.handlers.submit(req);
+};
 
 module.exports = {
   extend: '@apostrophecms/form',
   handlers(self) {
     return {
-      async submit(req) {
-        const global = await req.apos.global.get(req);
-        const recaptchaToken = req.body['g-recaptcha-response'];
-
-        const enableRecaptcha = global.useRecaptcha && global.recaptchaSecret;
-
-        if (enableRecaptcha) {
-          if (!recaptchaToken) {
-            return req.res.status(400).json({ error: 'Missing reCAPTCHA token.' });
-          }
-
-          try {
-            const params = new URLSearchParams();
-            params.append('secret', global.recaptchaSecret);
-            params.append('response', recaptchaToken);
-            params.append('remoteip', req.ip);
-
-            const response = await fetch(
-              'https://www.google.com/recaptcha/api/siteverify',
-              {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-                body: params
-              }
-            );
-
-            const data = await response.json();
-
-            if (!data.success) {
-              return req.res.status(400).json({ error: 'reCAPTCHA verification failed.' });
-            }
-          } catch (err) {
-            return req.res.status(500).json({ error: 'Error verifying reCAPTCHA.' });
-          }
-        }
-
-        // Pass control to the original Apostrophe form submit handler
-        return self.super.handlers.submit(req);
-      }
+      submit: (req) => handleSubmit(self, req),
     };
-  }
+  },
 };