gpfup-count-files-groups.js: Added snippet to count files in groups.

Author: saifsultanc

gp-file-upload-pro/gpfup-count-files-groups.js

@@ -4,10 +4,10 @@
  *
  * Instruction Video: https://www.loom.com/share/2328e327125844bebdcabf7c9baaabca
  */
-var formId = GFFORMID;
+const formId = GFFORMID;
 
 // Map count field IDs to arrays of file upload field IDs
-var countMapping = {
+const countMapping = {
 	5: [1, 3, 4],    // Number Field ID 5 counts files from File Upload Field IDs 1, 3, 4
 	10: [7, 8, 9]    // Number Field ID 10 counts files from File Upload Field IDs 7, 8, 9
 	// Add more mappings if needed
@@ -19,9 +19,9 @@ var gpfupInstances = Object.keys(window).filter(function (key) {
 });
 
 // Build reverse lookup: uploadFieldID => associated countFieldIDs
-var uploadToCountMap = {};
-Object.entries(countMapping).forEach(function ([countFieldID, uploadFieldIDs]) {
-	uploadFieldIDs.forEach(function (uploadFieldID) {
+const uploadToCountMap = {};
+Object.entries(countMapping).forEach(([countFieldID, uploadFieldIDs]) => {
+	uploadFieldIDs.forEach((uploadFieldID) => {
 		if (!uploadToCountMap[uploadFieldID]) {
 			uploadToCountMap[uploadFieldID] = [];
 		}
@@ -31,27 +31,30 @@ Object.entries(countMapping).forEach(function ([countFieldID, uploadFieldIDs]) {
 
 // Function to update all relevant count fields
 function updateAllCountFields() {
-	Object.entries(countMapping).forEach(function ([countFieldID, uploadFieldIDs]) {
-		var total = uploadFieldIDs.reduce(function (sum, uploadFieldID) {
-			var key = 'GPFUP_' + formId + '_' + uploadFieldID;
-			var store = window[key] && window[key].$store;
+	Object.entries(countMapping).forEach(([countFieldID, uploadFieldIDs]) => {
+		const total = uploadFieldIDs.reduce((sum, uploadFieldID) => {
+			const key = 'GPFUP_' + formId + '_' + uploadFieldID;
+			const store = window[key] && window[key].$store;
 			return sum + (store ? (store.state.files.length || 0) : 0);
 		}, 0);
 
-		var selector = '#input_' + formId + '_' + countFieldID;
-		jQuery(selector).val(total).change();
+		const selector = '#input_' + formId + '_' + countFieldID;
+		const $field = jQuery(selector);
+		if ($field.length) {
+			$field.val(total).change();
+		}
 	});
 }
 
 if (gpfupInstances.length) {
 	// Subscribe to relevant GPFUP fields
-	gpfupInstances.forEach(function (key) {
-		var parts = key.split('_');
-		var fieldID = parseInt(parts[2]); // GPFUP_formId_fieldId
-		var store = window[key].$store;
+	gpfupInstances.forEach((key) => {
+		const parts = key.split('_');
+		const fieldID = parseInt(parts[2]); // GPFUP_formId_fieldId
+		const store = window[key].$store;
 
 		if (uploadToCountMap[fieldID]) {
-			store.subscribe(function (mutation, state) {
+			store.subscribe((mutation, state) => {
 				if (mutation.type === 'SET_FILES') {
 					updateAllCountFields();
 				}