Edit File by line

import domReady from '@wordpress/dom-ready';

[0] Fix | Delete

import {

[1] Fix | Delete

unmountComponentAtNode,

[2] Fix | Delete

createElement,

[3] Fix | Delete

render,

[4] Fix | Delete

} from '@wordpress/element';

[5] Fix | Delete

import {

[6] Fix | Delete

TriggerEmailActionComponent,

[7] Fix | Delete

TriggerBulkExportComponent,

[8] Fix | Delete

} from './components';

[9] Fix | Delete

import {

[10] Fix | Delete

globalParams,

[11] Fix | Delete

triggerEmailActionsParams,

[12] Fix | Delete

bulkExportParams,

[13] Fix | Delete

} from './params';

[14] Fix | Delete

[15] Fix | Delete

domReady( function() {

[16] Fix | Delete

const selectTopElement =

[17] Fix | Delete

document.querySelector( '#bulk-action-selector-top' ) !== null

[18] Fix | Delete

? document.querySelector( '#bulk-action-selector-top' )

[19] Fix | Delete

: 0,

[20] Fix | Delete

selectBottomElement =

[21] Fix | Delete

document.querySelector( '#bulk-action-selector-bottom' ) !== null

[22] Fix | Delete

? document.querySelector( '#bulk-action-selector-bottom' )

[23] Fix | Delete

: 0;

[24] Fix | Delete

[25] Fix | Delete

//Check if a Form Bulk action selector exists

[26] Fix | Delete

if ( selectTopElement.length > 0 && selectBottomElement.length > 0 ) {

[27] Fix | Delete

//Re-Trigger Email Actions feature

[28] Fix | Delete

openComponentOnSelection( selectTopElement, selectBottomElement );

[29] Fix | Delete

interceptFormSubmit();

[30] Fix | Delete

}

[31] Fix | Delete

[32] Fix | Delete

//Bulk Export Accross Forms feature

[33] Fix | Delete

bulkExportAccrossForms();

[34] Fix | Delete

} );

[35] Fix | Delete

[36] Fix | Delete

const generateKey = () => {

[37] Fix | Delete

return `nf_${ new Date().getTime() }`;

[38] Fix | Delete

}

[39] Fix | Delete

[40] Fix | Delete

//Open Component during Selection

[41] Fix | Delete

const openComponentOnSelection = ( selectTopElement, selectBottomElement ) => {

[42] Fix | Delete

//Add a change event listener on the selectors

[43] Fix | Delete

[ selectTopElement, selectBottomElement ].forEach( ( el ) => {

[44] Fix | Delete

const position = el.id.includes( 'top' )

[45] Fix | Delete

? jQuery( '.tablenav.top' )

[46] Fix | Delete

: jQuery( '.tablenav.bottom' );

[47] Fix | Delete

el.addEventListener( 'change', ( event ) => {

[48] Fix | Delete

if ( event.target.value === 'trigger-email-action' ) {

[49] Fix | Delete

//Open Email Actions component

[50] Fix | Delete

triggerEmailAction( position );

[51] Fix | Delete

}

[52] Fix | Delete

} );

[53] Fix | Delete

} );

[54] Fix | Delete

};

[55] Fix | Delete

[56] Fix | Delete

//Intercept Form Submission

[57] Fix | Delete

const interceptFormSubmit = () => {

[58] Fix | Delete

//Intercept submission of bulk actions

[59] Fix | Delete

jQuery( '#posts-filter' ).on( 'submit', function( e ) {

[60] Fix | Delete

//Check the Form submitter and value of the bulk select field

[61] Fix | Delete

const doaction1 =

[62] Fix | Delete

jQuery( '#bulk-action-selector-top' )[ 0 ].value ===

[63] Fix | Delete

'trigger-email-action' &&

[64] Fix | Delete

e.originalEvent.submitter.id === 'doaction';

[65] Fix | Delete

const doaction2 =

[66] Fix | Delete

jQuery( '#bulk-action-selector-bottom' )[ 0 ].value ===

[67] Fix | Delete

'trigger-email-action' &&

[68] Fix | Delete

e.originalEvent.submitter.id === 'doaction2';

[69] Fix | Delete

if ( doaction1 || doaction2 ) {

[70] Fix | Delete

//Stop PHP redirection process

[71] Fix | Delete

e.preventDefault();

[72] Fix | Delete

const position = doaction1

[73] Fix | Delete

? jQuery( '.tablenav.top' )

[74] Fix | Delete

: jQuery( '.tablenav.bottom' );

[75] Fix | Delete

triggerEmailAction( position );

[76] Fix | Delete

}

[77] Fix | Delete

} );

[78] Fix | Delete

};

[79] Fix | Delete

[80] Fix | Delete

//Component for trigger Email Action feature

[81] Fix | Delete

const triggerEmailAction = ( position ) => {

[82] Fix | Delete

const compDetect = document.getElementById( 'nf-trigger-emails-container' );

[83] Fix | Delete

if ( compDetect !== null ) {

[84] Fix | Delete

unmountComponentAtNode( compDetect );

[85] Fix | Delete

}

[86] Fix | Delete

//Set props

[87] Fix | Delete

const params = {

[88] Fix | Delete

globalParams,

[89] Fix | Delete

triggerEmailActionsParams,

[90] Fix | Delete

key: generateKey(),

[91] Fix | Delete

fetchController: new AbortController()

[92] Fix | Delete

};

[93] Fix | Delete

//Create new element on the NF submissions page to trigger Email actions

[94] Fix | Delete

const triggerEmailActionsContainer = document.createElement( 'div' );

[95] Fix | Delete

triggerEmailActionsContainer.id = 'nf-trigger-emails-container';

[96] Fix | Delete

position.after( triggerEmailActionsContainer );

[97] Fix | Delete

//Render component in the new element created

[98] Fix | Delete

const triggerEmailActionsElement = createElement(

[99] Fix | Delete

TriggerEmailActionComponent,

[100] Fix | Delete

params

[101] Fix | Delete

);

[102] Fix | Delete

render(

[103] Fix | Delete

triggerEmailActionsElement,

[104] Fix | Delete

document.getElementById( 'nf-trigger-emails-container' )

[105] Fix | Delete

);

[106] Fix | Delete

};

[107] Fix | Delete

[108] Fix | Delete

//Component for Bulk Export Accross Forms feature

[109] Fix | Delete

const bulkExportAccrossForms = () => {

[110] Fix | Delete

//Set props

[111] Fix | Delete

const params = {

[112] Fix | Delete

key: generateKey(),

[113] Fix | Delete

globalParams,

[114] Fix | Delete

bulkExportParams,

[115] Fix | Delete

};

[116] Fix | Delete

const pos = jQuery( '.tablenav.bottom .actions' );

[117] Fix | Delete

const bulkExportContainer = document.createElement( 'div' );

[118] Fix | Delete

bulkExportContainer.id = 'nf-bulk-export-container';

[119] Fix | Delete

pos.after( bulkExportContainer );

[120] Fix | Delete

[121] Fix | Delete

//Render component in the new element created

[122] Fix | Delete

const bulkExportElement = createElement(

[123] Fix | Delete

TriggerBulkExportComponent,

[124] Fix | Delete

params

[125] Fix | Delete

);

[126] Fix | Delete

render(

[127] Fix | Delete

bulkExportElement,

[128] Fix | Delete

document.getElementById( 'nf-bulk-export-container' )

[129] Fix | Delete

);

[130] Fix | Delete

};

[131] Fix | Delete

[132] Fix | Delete