/**

[0] Fix | Delete

* Handles the activation of a Jetpack feature, dismissing the card, and replacing the bottom row

[1] Fix | Delete

* of the card with customized content.

[2] Fix | Delete

*/

[3] Fix | Delete

[4] Fix | Delete

/* global jetpackPluginSearch, jpTracksAJAX */

[5] Fix | Delete

[6] Fix | Delete

var JetpackPSH = {};

[7] Fix | Delete

[8] Fix | Delete

( function ( $, jpsh ) {

[9] Fix | Delete

JetpackPSH = {

[10] Fix | Delete

$pluginFilter: $( '#plugin-filter' ),

[11] Fix | Delete

[12] Fix | Delete

/**

[13] Fix | Delete

* Get parent search hint element.

[14] Fix | Delete

* @return {Element | null}

[15] Fix | Delete

*/

[16] Fix | Delete

getCard: function () {

[17] Fix | Delete

return document.querySelector( '.plugin-card-jetpack-plugin-search' );

[18] Fix | Delete

},

[19] Fix | Delete

[20] Fix | Delete

/**

[21] Fix | Delete

* Track user event such as a click on a button or a link.

[22] Fix | Delete

*

[23] Fix | Delete

* @param {string} eventName Event identifier.

[24] Fix | Delete

* @param {object} feature Identifier of feature involved in the event.

[25] Fix | Delete

* @param {object} target Object where action was performed.

[26] Fix | Delete

*/

[27] Fix | Delete

trackEvent: function ( eventName, feature, target ) {

[28] Fix | Delete

jpTracksAJAX

[29] Fix | Delete

.record_ajax_event( eventName, 'click', { feature: feature } )

[30] Fix | Delete

.always( function () {

[31] Fix | Delete

if ( 'undefined' !== typeof target && !! target.getAttribute( 'href' ) ) {

[32] Fix | Delete

// If it has an href, follow it.

[33] Fix | Delete

window.location = target.getAttribute( 'href' );

[34] Fix | Delete

}

[35] Fix | Delete

} );

[36] Fix | Delete

},

[37] Fix | Delete

[38] Fix | Delete

/**

[39] Fix | Delete

* Replace bottom row of the card to insert logo, text and link to dismiss the card.

[40] Fix | Delete

*/

[41] Fix | Delete

replaceCardBottom: function () {

[42] Fix | Delete

var hint = JetpackPSH.getCard();

[43] Fix | Delete

if ( 'object' === typeof hint && null !== hint ) {

[44] Fix | Delete

hint.querySelector( '.plugin-card-bottom' ).outerHTML =

[45] Fix | Delete

'<div class="jetpack-plugin-search__bottom"><img src="' +

[46] Fix | Delete

jetpackPluginSearch.logo +

[47] Fix | Delete

'" width="32" />' +

[48] Fix | Delete

'<p class="jetpack-plugin-search__text">' +

[49] Fix | Delete

jetpackPluginSearch.legend +

[50] Fix | Delete

' <a class="jetpack-plugin-search__support_link" href="' +

[51] Fix | Delete

jetpackPluginSearch.supportLink +

[52] Fix | Delete

'" target="_blank" rel="noopener noreferrer" data-track="support_link" >' +

[53] Fix | Delete

jetpackPluginSearch.supportText +

[54] Fix | Delete

'</a>' +

[55] Fix | Delete

'</p>' +

[56] Fix | Delete

'</div>';

[57] Fix | Delete

[58] Fix | Delete

// Remove link and parent li from action links and move it to bottom row

[59] Fix | Delete

var dismissLink = document.querySelector( '.jetpack-plugin-search__dismiss' );

[60] Fix | Delete

dismissLink.parentNode.parentNode.removeChild( dismissLink.parentNode );

[61] Fix | Delete

document.querySelector( '.jetpack-plugin-search__bottom' ).appendChild( dismissLink );

[62] Fix | Delete

}

[63] Fix | Delete

},

[64] Fix | Delete

[65] Fix | Delete

/**

[66] Fix | Delete

* Check if plugin card list nodes changed. If there's a Jetpack PSH card, replace the bottom row.

[67] Fix | Delete

* @param {array} mutationsList

[68] Fix | Delete

*/

[69] Fix | Delete

replaceOnNewResults: function ( mutationsList ) {

[70] Fix | Delete

mutationsList.forEach( function ( mutation ) {

[71] Fix | Delete

if (

[72] Fix | Delete

'childList' === mutation.type &&

[73] Fix | Delete

1 === document.querySelectorAll( '.plugin-card-jetpack-plugin-search' ).length

[74] Fix | Delete

) {

[75] Fix | Delete

JetpackPSH.replaceCardBottom();

[76] Fix | Delete

}

[77] Fix | Delete

} );

[78] Fix | Delete

},

[79] Fix | Delete

[80] Fix | Delete

dismiss: function ( moduleName ) {

[81] Fix | Delete

document.getElementById( 'the-list' ).removeChild( JetpackPSH.getCard() );

[82] Fix | Delete

$.ajax( {

[83] Fix | Delete

url: jpsh.base_rest_url + '/hints',

[84] Fix | Delete

method: 'post',

[85] Fix | Delete

beforeSend: function ( xhr ) {

[86] Fix | Delete

xhr.setRequestHeader( 'X-WP-Nonce', jpsh.nonce );

[87] Fix | Delete

},

[88] Fix | Delete

data: JSON.stringify( {

[89] Fix | Delete

hint: moduleName,

[90] Fix | Delete

} ),

[91] Fix | Delete

contentType: 'application/json',

[92] Fix | Delete

dataType: 'json',

[93] Fix | Delete

} ).done( function () {

[94] Fix | Delete

JetpackPSH.trackEvent( 'wpa_plugin_search_dismiss', moduleName );

[95] Fix | Delete

} );

[96] Fix | Delete

},

[97] Fix | Delete

[98] Fix | Delete

ajaxActivateModule: function ( moduleName ) {

[99] Fix | Delete

var $moduleBtn = JetpackPSH.$pluginFilter.find( '#plugin-select-activate' );

[100] Fix | Delete

$moduleBtn.toggleClass( 'install-now updating-message' );

[101] Fix | Delete

$moduleBtn.prop( 'disabled', true );

[102] Fix | Delete

$moduleBtn.text( jpsh.activating );

[103] Fix | Delete

var data = {};

[104] Fix | Delete

data[ moduleName ] = true;

[105] Fix | Delete

$.ajax( {

[106] Fix | Delete

url: jpsh.base_rest_url + '/settings',

[107] Fix | Delete

method: 'post',

[108] Fix | Delete

beforeSend: function ( xhr ) {

[109] Fix | Delete

xhr.setRequestHeader( 'X-WP-Nonce', jpsh.nonce );

[110] Fix | Delete

},

[111] Fix | Delete

data: JSON.stringify( data ),

[112] Fix | Delete

contentType: 'application/json',

[113] Fix | Delete

dataType: 'json',

[114] Fix | Delete

} )

[115] Fix | Delete

.done( function () {

[116] Fix | Delete

JetpackPSH.updateButton( moduleName );

[117] Fix | Delete

JetpackPSH.trackEvent( 'wpa_plugin_search_activate', moduleName );

[118] Fix | Delete

} )

[119] Fix | Delete

.error( function () {

[120] Fix | Delete

$moduleBtn.toggleClass( 'install-now updating-message' );

[121] Fix | Delete

} );

[122] Fix | Delete

},

[123] Fix | Delete

[124] Fix | Delete

// Remove onclick handler, disable loading spinner, update button to redirect to module settings.

[125] Fix | Delete

updateButton: function ( moduleName ) {

[126] Fix | Delete

$.ajax( {

[127] Fix | Delete

url: jpsh.base_rest_url + '/module/' + moduleName,

[128] Fix | Delete

method: 'get',

[129] Fix | Delete

beforeSend: function ( xhr ) {

[130] Fix | Delete

xhr.setRequestHeader( 'X-WP-Nonce', jpsh.nonce );

[131] Fix | Delete

},

[132] Fix | Delete

dataType: 'json',

[133] Fix | Delete

} ).done( function ( response ) {

[134] Fix | Delete

var $moduleBtn = JetpackPSH.$pluginFilter.find( '#plugin-select-activate' );

[135] Fix | Delete

$moduleBtn.prop( 'onclick', null ).off( 'click' );

[136] Fix | Delete

$moduleBtn.toggleClass( 'install-now updating-message' );

[137] Fix | Delete

$moduleBtn.text( jpsh.activated );

[138] Fix | Delete

setTimeout( function () {

[139] Fix | Delete

var url = 'https://jetpack.com/redirect/?source=plugin-hint-learn-' + moduleName,

[140] Fix | Delete

label = jpsh.getStarted,

[141] Fix | Delete

classes = 'jetpack-plugin-search__primary button',

[142] Fix | Delete

track = 'configure';

[143] Fix | Delete

[144] Fix | Delete

// If the feature has options in Jetpack admin UI, link to them.

[145] Fix | Delete

if ( response.options && 0 < Object.keys( response.options ).length ) {

[146] Fix | Delete

url = $moduleBtn.data( 'configure-url' );

[147] Fix | Delete

label = jpsh.manageSettings;

[148] Fix | Delete

classes += ' jetpack-plugin-search__configure';

[149] Fix | Delete

} else {

[150] Fix | Delete

// If it has no options, the Get started button will be displayed so remove the Learn more link if it's there.

[151] Fix | Delete

var learnMore = document.querySelector( '.jetpack-plugin-search__learn-more' );

[152] Fix | Delete

learnMore.parentNode.removeChild( learnMore );

[153] Fix | Delete

classes += ' jetpack-plugin-search__get-started';

[154] Fix | Delete

track = 'get_started';

[155] Fix | Delete

}

[156] Fix | Delete

$moduleBtn.replaceWith(

[157] Fix | Delete

'<a id="plugin-select-settings" class="' +

[158] Fix | Delete

classes +

[159] Fix | Delete

'" href="' +

[160] Fix | Delete

url +

[161] Fix | Delete

'" data-module="' +

[162] Fix | Delete

moduleName +

[163] Fix | Delete

'" data-track="' +

[164] Fix | Delete

track +

[165] Fix | Delete

'">' +

[166] Fix | Delete

label +

[167] Fix | Delete

'</a>'

[168] Fix | Delete

);

[169] Fix | Delete

}, 1000 );

[170] Fix | Delete

} );

[171] Fix | Delete

},

[172] Fix | Delete

[173] Fix | Delete

/**

[174] Fix | Delete

* Start suggesting.

[175] Fix | Delete

*/

[176] Fix | Delete

init: function () {

[177] Fix | Delete

if ( JetpackPSH.$pluginFilter.length < 1 ) {

[178] Fix | Delete

return;

[179] Fix | Delete

}

[180] Fix | Delete

[181] Fix | Delete

// Replace PSH bottom row on page load

[182] Fix | Delete

JetpackPSH.replaceCardBottom();

[183] Fix | Delete

[184] Fix | Delete

// Listen for changes in plugin search results

[185] Fix | Delete

var resultsObserver = new MutationObserver( JetpackPSH.replaceOnNewResults );

[186] Fix | Delete

resultsObserver.observe( document.getElementById( 'plugin-filter' ), { childList: true } );

[187] Fix | Delete

[188] Fix | Delete

JetpackPSH.$pluginFilter

[189] Fix | Delete

.on( 'click', '.jetpack-plugin-search__dismiss', function ( event ) {

[190] Fix | Delete

event.preventDefault();

[191] Fix | Delete

JetpackPSH.dismiss( $( this ).data( 'module' ) );

[192] Fix | Delete

} )

[193] Fix | Delete

.on( 'click', 'button#plugin-select-activate', function ( event ) {

[194] Fix | Delete

event.preventDefault();

[195] Fix | Delete

JetpackPSH.ajaxActivateModule( $( this ).data( 'module' ) );

[196] Fix | Delete

} )

[197] Fix | Delete

.on( 'click', '.jetpack-plugin-search__primary', function ( event ) {

[198] Fix | Delete

event.preventDefault();

[199] Fix | Delete

var $this = $( this );

[200] Fix | Delete

if ( $this.data( 'track' ) ) {

[201] Fix | Delete

// This catches Purchase, Configure, and Get started. Feature activation is tracked when it ends successfully, in its callback.

[202] Fix | Delete

JetpackPSH.trackEvent(

[203] Fix | Delete

'wpa_plugin_search_' + $this.data( 'track' ),

[204] Fix | Delete

$this.data( 'module' ),

[205] Fix | Delete

$this.get( 0 )

[206] Fix | Delete

);

[207] Fix | Delete

}

[208] Fix | Delete

} )

[209] Fix | Delete

.on( 'click', '.jetpack-plugin-search__learn-more', function ( event ) {

[210] Fix | Delete

event.preventDefault();

[211] Fix | Delete

var $this = $( this );

[212] Fix | Delete

JetpackPSH.trackEvent(

[213] Fix | Delete

'wpa_plugin_search_learn_more',

[214] Fix | Delete

$this.data( 'module' ),

[215] Fix | Delete

$this.get( 0 )

[216] Fix | Delete

);

[217] Fix | Delete

} )

[218] Fix | Delete

.on( 'click', '.jetpack-plugin-search__support_link', function ( event ) {

[219] Fix | Delete

event.preventDefault();

[220] Fix | Delete

var $this = $( this );

[221] Fix | Delete

JetpackPSH.trackEvent(

[222] Fix | Delete

'wpa_plugin_search_support_link',

[223] Fix | Delete

$this.data( 'module' ),

[224] Fix | Delete

$this.get( 0 )

[225] Fix | Delete

);

[226] Fix | Delete

} );

[227] Fix | Delete

},

[228] Fix | Delete

};

[229] Fix | Delete

[230] Fix | Delete

JetpackPSH.init();

[231] Fix | Delete

} )( jQuery, jetpackPluginSearch );

[232] Fix | Delete

[233] Fix | Delete