Fix jQuery event targets

[MAILPOET-1794]

assets/js/src/subscribers/importExport/import.jsx

@@ -144,8 +144,8 @@ jQuery(document).ready(() => {
               return item.name;
             },
           })
-          .change(() => {
+          .change((event) => {
-            if (jQuery(this).val() !== null) {
+            if (jQuery(event.currentTarget).val() !== null) {
               toggleNextStepButton(mailChimpProcessButtonElement, 'on');
             } else {
               toggleNextStepButton(mailChimpProcessButtonElement, 'off');
@@ -161,20 +161,20 @@ jQuery(document).ready(() => {
      */
     pasteInputElement
       .attr('value', pasteInputPlaceholderElement).css('color', '#999')
-      .focus(() => {
+      .focus((event) => {
-        if (jQuery(this).val() === pasteInputPlaceholderElement) {
+        if (jQuery(event.currentTarget).val() === pasteInputPlaceholderElement) {
-          jQuery(this).attr('value', '').css('color', '#222');
+          jQuery(event.currentTarget).attr('value', '').css('color', '#222');
         }
       })
-      .blur(() => {
+      .blur((event) => {
-        if (jQuery(this).val() === '') {
+        if (jQuery(event.currentTarget).val() === '') {
-          jQuery(this).attr('value', pasteInputPlaceholderElement).css('color', '#999');
+          jQuery(event.currentTarget).attr('value', pasteInputPlaceholderElement).css('color', '#999');
         }
       })
-      .keyup(() => {
+      .keyup((event) => {
         toggleNextStepButton(
           pasteProcessButtonElement,
-          (this.value.trim() !== '') ? 'on' : 'off'
+          (event.currentTarget.value.trim() !== '') ? 'on' : 'off'
         );
       });
 
@@ -196,17 +196,17 @@ jQuery(document).ready(() => {
     /*
      *  CSV file
      */
-    uploadElement.change(() => {
+    uploadElement.change((event) => {
-      const ext = this.value.match(/[^.]+$/);
+      const ext = event.currentTarget.value.match(/[^.]+$/);
       MailPoet.Notice.hide();
       if (ext === null || ext[0].toLowerCase() !== 'csv') {
-        this.value = '';
+        event.currentTarget.value.val('');
         MailPoet.Notice.error(MailPoet.I18n.t('wrongFileFormat'));
       }
 
       toggleNextStepButton(
         uploadProcessButtonElement,
-        (this.value.trim() !== '') ? 'on' : 'off'
+        (event.currentTarget.value.trim() !== '') ? 'on' : 'off'
       );
     });
 
@@ -225,9 +225,9 @@ jQuery(document).ready(() => {
     /*
      *  MailChimp
      */
-    mailChimpKeyInputElement.keyup(() => {
+    mailChimpKeyInputElement.keyup((event) => {
-      if (this.value.trim() === ''
+      if (event.currentTarget.value.trim() === ''
-        || !/[a-zA-Z0-9]{32}-/.exec(this.value.trim())) {
+        || !/[a-zA-Z0-9]{32}-/.exec(event.currentTarget.value.trim())) {
         mailChimpListsContainerElement.hide();
         jQuery('.mailpoet_mailchimp-key-status')
           .html('')
@@ -380,12 +380,12 @@ jQuery(document).ready(() => {
     }
 
     jQuery('.mailpoet_subscribers_data_parse_results_details_show')
-      .click(() => {
+      .click((event) => {
         const details = jQuery('.mailpoet_subscribers_data_parse_results_details');
         jQuery(details).toggle();
-        this.text = (jQuery(details).is(':visible'))
+        event.currentTarget.text((jQuery(details).is(':visible'))
           ? MailPoet.I18n.t('hideDetails')
-          : MailPoet.I18n.t('showDetails');
+          : MailPoet.I18n.t('showDetails'));
       });
 
     // show available segments
@@ -417,9 +417,9 @@ jQuery(document).ready(() => {
             return `${i.name} (${i.subscriberCount.toLocaleString()})`;
           },
         })
-        .change(() => {
+        .change((event) => {
           const segmentSelectionNotice = jQuery('[data-id="notice_segmentSelection"]');
-          if (!this.value) {
+          if (!event.currentTarget.value) {
             if (!segmentSelectionNotice.length) {
               MailPoet.Notice.error(MailPoet.I18n.t('segmentSelectionRequired'), {
                 static: true,
@@ -721,7 +721,7 @@ jQuery(document).ready(() => {
         },
       })
       .on('select2:selecting', (selectEvent) => {
-        const selectElement = this;
+        const selectElement = selectEvent.currentTarget;
         const selectedOptionId = selectEvent.params.args.data.id;
         // CREATE CUSTOM FIELD
         if (selectedOptionId === 'create') {
@@ -733,7 +733,7 @@ jQuery(document).ready(() => {
           });
           jQuery('#form_field_new').parsley().on('form:submit', () => {
             // get data
-            const data = jQuery(this.$element).mailpoetSerializeObject();
+            const data = jQuery(selectElement.$element).mailpoetSerializeObject();
 
             // save custom field
             MailPoet.Ajax.post({
@@ -760,7 +760,7 @@ jQuery(document).ready(() => {
               window.mailpoetColumns.push(newColumnData);
               jQuery('select.mailpoet_subscribers_column_data_match')
                 .each(() => {
-                  jQuery(this)
+                  jQuery(selectElement)
                     .html('')
                     .select2('destroy')
                     .select2({
@@ -794,7 +794,7 @@ jQuery(document).ready(() => {
           // check for duplicate values in all select options
           jQuery('select.mailpoet_subscribers_column_data_match')
             .each(() => {
-              const element = this;
+              const element = selectElement;
               const elementId = jQuery(element).val();
               // if another column has the same value and it's not an 'ignore',
               // prompt user
@@ -811,7 +811,7 @@ jQuery(document).ready(() => {
         }
       })
       .on('select2:select', (selectEvent) => {
-        const selectElement = this;
+        const selectElement = selectEvent.currentTarget;
         const selectedOptionId = selectEvent.params.data.id;
         jQuery(selectElement).data('column-id', selectedOptionId);
         filterSubscribers();
@@ -821,7 +821,7 @@ jQuery(document).ready(() => {
       router.navigate('step1', { trigger: true });
     });
 
-    nextStepButton.off().on('click', () => {
+    nextStepButton.off().on('click', (event) => {
       const columns = {};
       const queue = new jQuery.AsyncQueue();
       let batchNumber = 0;
@@ -834,7 +834,7 @@ jQuery(document).ready(() => {
         segments: [],
       };
 
-      if (jQuery(this).hasClass('button-disabled')) {
+      if (jQuery(event.currentTarget).hasClass('button-disabled')) {
         return;
       }
       MailPoet.Modal.loading(true);