@modernman00/shared-js-lib 1.2.28 → 1.2.29

package/AcctMgt/processAll.js

@@ -29,7 +29,6 @@ export const loginSubmission = async (formId, loginURL, redirect, css = null, le
       return;
     }
 
-
     const formInputArr = Array.from(formInput.elements);
 
     const formData = new FormHelper(formInputArr);
@@ -48,7 +47,7 @@ export const loginSubmission = async (formId, loginURL, redirect, css = null, le
       showLoader();
       localStorage.setItem('redirect', redirect);
 
-      await postFormData(loginURL, formId, redirect, css);
+      await postFormData(loginURL, formInput, redirect, css);
     } else {
 
       alert('The form cannot be submitted. Please check the errors');

package/FormHelper.js

@@ -101,7 +101,7 @@ export default class FormHelper {
 
         for (let input of this.data) {
             const { name, value, id, type, placeholder } = input;
-            const errorEl = this.id(`${name}_error`);
+          
            
 
             // Skip non-input elements
@@ -109,16 +109,18 @@ export default class FormHelper {
                 ['submit', 'button', 'g-recaptcha-response', 'cancel'].includes(name) ||
                 ['button', 'showPassword_id', 'token', 'g-recaptcha-response'].includes(id) ||
                 type === 'button' ||
-                name === 'checkbox_id'
+                id === 'checkbox_id'
             ) continue;
 
      
-
-            let label = name.replace(/_/g, ' '); // For readable error text
+             // remove _id from id if it exists to create a clean label
+            const cleanID = id.endsWith('_id') ? id.slice(0, -3) : id;
+            let label = cleanID.replace(/_/g, ' '); // For readable error text
+              const errorEl = this.id(`${cleanID}_error`);
             let val = value.trim();
 
             // Handle optional fields
-            if (optionalFields.includes(name) && val === '') {
+            if (optionalFields.includes(id) && val === '') {
                 input.value = 'Not Provided';
                 continue;
             }
@@ -131,9 +133,9 @@ export default class FormHelper {
             }
 
             // Determine field type for regex
-            let validateType = typeMap[name] || (
-                name.toLowerCase().includes('email') ? 'email' :
-                    name.toLowerCase().includes('password') ? 'password' : 'general'
+            let validateType = typeMap[id] || (
+                id.toLowerCase().includes('email') ? 'email' :
+                    id.toLowerCase().includes('password') ? 'password' : 'general'
             );
 
             if (!this.matchRegex(val, validateType)) {
@@ -187,8 +189,11 @@ export default class FormHelper {
                 return;
             }
 
+            // remove _id from id if it exists
+            const cleanID = id.endsWith('_id') ? id.slice(0, -3) : id;
+
             // Add event listeners to clear errors
-            const clearErrorHandler = () => clearErrorForElement(name);
+            const clearErrorHandler = () => clearErrorForElement(cleanID || name);
             if (value !== 'select') element.addEventListener('keyup', clearErrorHandler);
             element.addEventListener('change', clearErrorHandler);
         });

package/Http.js

@@ -11,9 +11,9 @@ import { redirectAfterDelay, parseErrorResponse } from './general.js';
  * @param {string|null} css - The CSS framework to use for notification styling (e.g., 'W3css', 'bulma').
  NOTICE:::Make sure you set the notification id as the formId_notification
  */
-export const postFormData = async (url, formId, redirect = null, css = null) => {
+export const postFormData = async (url, form, redirect = null, css = null) => {
 
-    let notificationForm = `${formId}_notification`;
+    let notificationForm = `${form.id}_notification`;
     const notificationId = id(notificationForm);
 
 
@@ -34,11 +34,6 @@ export const postFormData = async (url, formId, redirect = null, css = null) =>
     // } 
 
     // extract the form entries
-    const form = id(formId);
-
-    if (!form) {
-        throw new Error('Form element not found');
-    }
 
     let formEntries = new FormData(form);
 

package/config/version.php

@@ -1,3 +1,3 @@
 <?php
-define('APP_VERSION', 'v1.2.29');
+define('APP_VERSION', 'v1.2.30');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modernman00/shared-js-lib",
-  "version": "1.2.28",
+  "version": "1.2.29",
   "description": "Reusable JS utilities for numerous js problems",
   "homepage": "https://github.com/modernman00/shared-js-lib#readme",
   "keywords": [