Edit File by line

import '../scss/common.scss';

[0] Fix | Delete

import tracker from './utils/tracker';

[1] Fix | Delete

[2] Fix | Delete

/* global ajaxurl */

[3] Fix | Delete

[4] Fix | Delete

document.addEventListener('DOMContentLoaded', function () {

[5] Fix | Delete

const dismissNoticeButton = document.querySelectorAll(

[6] Fix | Delete

'.smush-dismissible-notice .smush-dismiss-notice-button'

[7] Fix | Delete

);

[8] Fix | Delete

dismissNoticeButton.forEach((button) => {

[9] Fix | Delete

button.addEventListener('click', handleDismissNotice);

[10] Fix | Delete

});

[11] Fix | Delete

[12] Fix | Delete

function handleDismissNotice(event) {

[13] Fix | Delete

event.preventDefault();

[14] Fix | Delete

[15] Fix | Delete

const button = event.target;

[16] Fix | Delete

const notice = button.closest('.smush-dismissible-notice');

[17] Fix | Delete

const key = notice.getAttribute('data-key');

[18] Fix | Delete

[19] Fix | Delete

dismissNotice( key, notice );

[20] Fix | Delete

}

[21] Fix | Delete

[22] Fix | Delete

function dismissNotice( key, notice ) {

[23] Fix | Delete

const xhr = new XMLHttpRequest();

[24] Fix | Delete

xhr.open(

[25] Fix | Delete

'POST',

[26] Fix | Delete

ajaxurl + '?action=smush_dismiss_notice&key=' + key + '&_ajax_nonce=' + smush_global.nonce,

[27] Fix | Delete

true

[28] Fix | Delete

);

[29] Fix | Delete

xhr.onload = () => {

[30] Fix | Delete

if (notice) {

[31] Fix | Delete

notice.querySelector('button.notice-dismiss').dispatchEvent(new MouseEvent('click', {

[32] Fix | Delete

view: window,

[33] Fix | Delete

bubbles: true,

[34] Fix | Delete

cancelable: true

[35] Fix | Delete

}));

[36] Fix | Delete

}

[37] Fix | Delete

};

[38] Fix | Delete

xhr.send();

[39] Fix | Delete

}

[40] Fix | Delete

[41] Fix | Delete

const dismissCacheNoticeButton = document.querySelector( '#wp-smush-cache-notice .smush-dismiss-notice-button' );

[42] Fix | Delete

if ( dismissCacheNoticeButton ) {

[43] Fix | Delete

dismissCacheNoticeButton.addEventListener( 'click', function() {

[44] Fix | Delete

const xhr = new XMLHttpRequest();

[45] Fix | Delete

xhr.open(

[46] Fix | Delete

'POST',

[47] Fix | Delete

ajaxurl + '?action=smush_dismiss_cache_notice&_ajax_nonce=' + smush_global.nonce,

[48] Fix | Delete

true

[49] Fix | Delete

);

[50] Fix | Delete

xhr.onload = () => {

[51] Fix | Delete

window.SUI.closeNotice( 'wp-smush-cache-notice' );

[52] Fix | Delete

};

[53] Fix | Delete

xhr.send();

[54] Fix | Delete

} );

[55] Fix | Delete

}

[56] Fix | Delete

[57] Fix | Delete

[58] Fix | Delete

// Show header notices.

[59] Fix | Delete

const handleHeaderNotice = () => {

[60] Fix | Delete

const headerNotice = document.querySelector('.wp-smush-dismissible-header-notice');

[61] Fix | Delete

if ( ! headerNotice || ! headerNotice.id ) {

[62] Fix | Delete

return;

[63] Fix | Delete

}

[64] Fix | Delete

[65] Fix | Delete

const { dismissKey, message } = headerNotice.dataset;

[66] Fix | Delete

if ( ! message ) {

[67] Fix | Delete

return;

[68] Fix | Delete

}

[69] Fix | Delete

[70] Fix | Delete

headerNotice.onclick = (e) => {

[71] Fix | Delete

const classList = e.target.classList;

[72] Fix | Delete

const isCloseAndDismissLink = classList && classList.contains( 'smush-close-and-dismiss-notice' );

[73] Fix | Delete

const shouldDismissNotice = classList && ( isCloseAndDismissLink || classList.contains('sui-icon-check') || classList.contains('sui-button-icon') );

[74] Fix | Delete

if ( ! shouldDismissNotice ) {

[75] Fix | Delete

return;

[76] Fix | Delete

}

[77] Fix | Delete

[78] Fix | Delete

if ( dismissKey ) {

[79] Fix | Delete

dismissNotice( dismissKey );

[80] Fix | Delete

}

[81] Fix | Delete

[82] Fix | Delete

if ( isCloseAndDismissLink ) {

[83] Fix | Delete

window.SUI.closeNotice( headerNotice.id );

[84] Fix | Delete

}

[85] Fix | Delete

}

[86] Fix | Delete

[87] Fix | Delete

const noticeOptions = {

[88] Fix | Delete

type: 'warning',

[89] Fix | Delete

icon: 'info',

[90] Fix | Delete

dismiss: {

[91] Fix | Delete

show: true,

[92] Fix | Delete

label: wp_smush_msgs.noticeDismiss,

[93] Fix | Delete

tooltip: wp_smush_msgs.noticeDismissTooltip,

[94] Fix | Delete

[95] Fix | Delete

};

[96] Fix | Delete

[97] Fix | Delete

window.SUI.openNotice(

[98] Fix | Delete

headerNotice.id,

[99] Fix | Delete

message,

[100] Fix | Delete

noticeOptions

[101] Fix | Delete

);

[102] Fix | Delete

}

[103] Fix | Delete

[104] Fix | Delete

handleHeaderNotice();

[105] Fix | Delete

[106] Fix | Delete

// Global tracking.

[107] Fix | Delete

const upsellSubmenuLink = document.querySelector( '#toplevel_page_smush a[href*="utm_campaign=smush_submenu_upsell' );

[108] Fix | Delete

if ( upsellSubmenuLink ) {

[109] Fix | Delete

upsellSubmenuLink.addEventListener( 'click', (e) => {

[110] Fix | Delete

tracker.track( 'submenu_upsell' );

[111] Fix | Delete

} );

[112] Fix | Delete

}

[113] Fix | Delete

});

[114] Fix | Delete

[115] Fix | Delete