Merge pull request #2252 from siteorigin/builder-field-backup-changes

sowFieldBackups Builder Changes

Author: Misplon

base/js/admin.js

@@ -1329,7 +1329,8 @@ var sowbForms = window.sowbForms || {};
 		// Exclude keys that are not relevant for field value comparison.
 		if (
 			key === '_sow_form_timestamp' ||
-			key === '_sow_form_id'
+			key === '_sow_form_id' ||
+			key === 'builder_id'
 		) {
 			return false;
 		}
@@ -1406,12 +1407,47 @@ var sowbForms = window.sowbForms || {};
 		// Add user change detection to the form to prevent unintended
 		// backups of automated changes.
 		$el.on( 'keydown mouseup touchend', ( e ) => {
+			if ( isUserChange ) {
+				return;
+			}
+
+			const $target = $( e.target );
+
 			// Don't trigger a backup if the user clicked on a section.
-			if ( $( e.target ).parent().is( '.siteorigin-widget-field-type-section' ) ) {
+			if ( $target.is( 'label' ) ) {
+				const $parent = $target.parent();
+				// Check if the label is part of a section/widget field.
+				if (
+					$parent.hasClass( 'siteorigin-widget-field-type-section' ) ||
+					$parent.hasClass( 'siteorigin-widget-field-type-widget' )
+				) {
+					return false;
+				}
+			}
+
+			// Don't trigger if user opens Builder field.
+			if ( $target.is( '.siteorigin-panels-display-builder' ) ) {
 				return false;
 			}
 
-			isUserChange = true;
+			const validElementClasses = [
+				'input',
+				'select',
+				'textarea',
+				'iframe',
+				'label',
+				'.ui-slider-handle',
+				'.ui-slider',
+				'.siteorigin-widget-icon-icons-icon',
+				'.so-panels-dialog-add-builder .so-close',
+				'a.media-upload-button',
+				'a.media-remove-button',
+			];
+
+			if ( validElementClasses.some( ( selector ) => $target.is( selector ) ) ) {
+				isUserChange = true;
+			}
+
 		} );
 
 		// Debounce backups to prevent potential performance issues.