@modernman00/shared-js-lib 1.2.43 → 1.2.44

package/AcctMgt/update.js

@@ -0,0 +1,81 @@
+import {id } from './processAll.js';
+import { bindEvent } from '../Utility.js';
+import { msgException } from '../ShowResponse.js';
+import axios from 'axios';
+import { redirectAfterDelay, parseErrorResponse } from './general.js';
+/**
+ * Creates a reusable form submission handler for update forms.
+ *
+ * @function update
+ * @param {Object} options - Configuration for the handler.
+ * @param {string} options.formId - ID of the form element.
+   * @param {string} options.buttonId - ID of the submit button.
+ * @param {string} options.route - API endpoint for submission.
+ * @param {string} options.redirect - URL to redirect to after success.
+ *
+ * @example
+ * update({
+ *   formId: 'updateForm',
+ *   buttonId: 'updateButton',
+ *   route: appTestRoutes.appTestUpdate,
+ *   redirect: appTestRoutes.appTestUpdateRedirect
+ * });
+ */
+export function update({
+  formId,
+  buttonId,
+  route,
+  redirect,
+}) {
+  const handler = async (e) => {
+    e.preventDefault();
+
+    const form = id(formId);
+    if (!form) {
+      msgException(`Form with ID "${formId}" not found.`);
+      return;
+    }
+
+    const formData = new FormData();
+    const inputs = form.querySelectorAll('[name]');
+
+    inputs.forEach(input => {
+      const name = input.name;
+      const original = input.getAttribute('data-original');
+      const current = input.type === 'file' ? input.files[0] : input.value;
+
+      // Only include changed fields
+      if (input.type === 'file') {
+        if (current) formData.append(name, current);
+      } else if (current !== original) {
+        formData.append(name, current);
+      }
+    });
+
+    try {
+
+      const response = await axios.post(route, formData);
+
+      const message = response.data.message;
+
+      const notificationId = id(`${formId}_notification`) || formId;
+
+      notificationId.scrollIntoView({ behavior: 'smooth' });
+
+      notificationId.innerHTML = message;
+
+
+      if (redirect) {
+        redirectAfterDelay(redirect, 2000);
+      }
+
+    } catch (error) {
+      console.log(error);
+      const ErrorMsg = parseErrorResponse(error);
+      notificationId.innerHTML = `<li style="color:white; background-color:red">${ErrorMsg}</li>`;
+    }
+  };
+
+  bindEvent({ id: buttonId, handler });
+}
+

package/Utility.js

@@ -35,14 +35,16 @@ export const realTimeCheckLen = (input, maxi) => {
  *
  * @param {string} str The string to convert to sentence case.
  * @returns {string} A new string in sentence case.
+ * @throws {Error} If the input is not a string or is empty.    
  */
 export const toSentenceCase = (str) => {
-    if (typeof str !== 'string') return '';
-    return str
-        .toLowerCase() // Convert the string to lowercase
-        .split(' ')    // Split the string into words
-        .map(word => word.charAt(0).toUpperCase() + word.slice(1)) // Capitalize the first letter of each word
-        .join(' ');    // Join the words back into a string
+    if (str || typeof str == 'string') {
+        return str
+            .toLowerCase() // Convert the string to lowercase
+            .split(' ')    // Split the string into words
+            .map(word => word.charAt(0).toUpperCase() + word.slice(1)) // Capitalize the first letter of each word
+            .join(' ');    // Join the words back into a string
+    } 
 }
 
 /**

package/config/version.php

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

package/package.json

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