fix: update conditional elements

Author: girishpanchal30

classes/fields.class.php

@@ -1108,7 +1108,7 @@ public function render_all_input_types( $name, $data, $fields_type, $field_index
 
 					// conditional elements
 					$html_input .= '<div class="col-md-4 col-sm-4">';
-					$html_input .= '<select data-metatype="elements" class="ppom-conditional-keys form-control"></select>';
+					$html_input .= '<select name="ppom[' . esc_attr( $field_index ) . '][conditions][rules][0][elements]" class="ppom-conditional-keys form-control" data-metatype="elements"></select>';
 					$html_input .= '</div>';
 
 					// is

js/admin/ppom-admin.js

@@ -2238,7 +2238,8 @@ jQuery( function ( $ ) {
 
 	$( document ).on( 'click', '.ppom-condition-tab-js', function ( e ) {
 		e.preventDefault();
-		populate_conditional_elements();
+		const id = $(this).parents('.ppom-tabs.ppom-fields-actions').data('field-no');
+		populate_conditional_elements(id);
 	} );
 
 	/**
@@ -2313,7 +2314,7 @@ jQuery( function ( $ ) {
 	 * @see ppom_add_condition_set_index
 	 * @see ppom_check_conditions in js/ppom-conditions-v2.js
 	 */
-	function populate_conditional_elements() {
+	function populate_conditional_elements(field_id) {
 		// Rebuild the list of condition targets from the current slider state so
 		// newly added, renamed, or cloned fields are immediately available as rule
 		// dependencies without reloading the admin page.
@@ -2344,10 +2345,7 @@ jQuery( function ( $ ) {
 		} );
 
 		// Change the target options for all the rules.
-		document.querySelectorAll( '.ppom-slider' ).forEach( ( item ) => {
-			if ( ! item.id ) {
-				return;
-			}
+		$('.ppom-slider#ppom_field_model_' + field_id ).each( ( index, item ) => {
 			const conditionContainers = item
 				.querySelector( 'div[data-meta-id="conditions"]' )
 				?.querySelectorAll( '.webcontact-rules' );