Edit File by line

/**

[0] Fix | Delete

* External dependencies

[1] Fix | Delete

[2] Fix | Delete

import React from 'react';

[3] Fix | Delete

import ReactDOM from 'react-dom';

[4] Fix | Delete

[5] Fix | Delete

/**

[6] Fix | Delete

* WordPress dependencies

[7] Fix | Delete

[8] Fix | Delete

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

[9] Fix | Delete

const { __, sprintf } = wp.i18n;

[10] Fix | Delete

[11] Fix | Delete

/**

[12] Fix | Delete

* SUI dependencies

[13] Fix | Delete

[14] Fix | Delete

import { Presets } from '@wpmudev/shared-presets';

[15] Fix | Delete

[16] Fix | Delete

export const Configs = ({ isWidget }) => {

[17] Fix | Delete

// TODO: Handle the html interpolation and translation better.

[18] Fix | Delete

const proDescription = (

[19] Fix | Delete

[20] Fix | Delete

{__(

[21] Fix | Delete

'You can easily apply configs to multiple sites at once via ',

[22] Fix | Delete

'wp-smushit'

[23] Fix | Delete

)}

[24] Fix | Delete

[25] Fix | Delete

href={window.smushReact.links.hubConfigs}

[26] Fix | Delete

target="_blank"

[27] Fix | Delete

rel="noreferrer"

[28] Fix | Delete

[29] Fix | Delete

{__('the Hub.')}

[30] Fix | Delete

</a>

[31] Fix | Delete

</>

[32] Fix | Delete

);

[33] Fix | Delete

[34] Fix | Delete

const closeIcon = __('Close this dialog window', 'wp-smushit'),

[35] Fix | Delete

cancelButton = __('Cancel', 'wp-smushit');

[36] Fix | Delete

[37] Fix | Delete

const lang = {

[38] Fix | Delete

title: __('Preset Configs', 'wp-smushit'),

[39] Fix | Delete

upload: __('Upload', 'wp-smushit'),

[40] Fix | Delete

save: __('Save config', 'wp-smushit'),

[41] Fix | Delete

loading: __('Updating the config list…', 'wp-smushit'),

[42] Fix | Delete

emptyNotice: __(

[43] Fix | Delete

'You don’t have any available config. Save preset configurations of Smush’s settings, then upload and apply them to your other sites in just a few clicks!',

[44] Fix | Delete

'wp-smushit'

[45] Fix | Delete

[46] Fix | Delete

baseDescription: __(

[47] Fix | Delete

'Use configs to save preset configurations of Smush’s settings, then upload and apply them to your other sites in just a few clicks!',

[48] Fix | Delete

'wp-smushit'

[49] Fix | Delete

[50] Fix | Delete

proDescription,

[51] Fix | Delete

syncWithHubText: __(

[52] Fix | Delete

'Created or updated configs via the Hub?',

[53] Fix | Delete

'wp-smushit'

[54] Fix | Delete

[55] Fix | Delete

syncWithHubButton: __('Check again', 'wp-smushit'),

[56] Fix | Delete

apply: __('Apply', 'wp-smushit'),

[57] Fix | Delete

download: __('Download', 'wp-smushit'),

[58] Fix | Delete

edit: __('Name and Description', 'wp-smushit'),

[59] Fix | Delete

delete: __('Delete', 'wp-smushit'),

[60] Fix | Delete

notificationDismiss: __('Dismiss notice', 'wp-smushit'),

[61] Fix | Delete

freeButtonLabel: __('Try The Hub', 'wp-smushit'),

[62] Fix | Delete

defaultRequestError: sprintf(

[63] Fix | Delete

/* translators: %s request status */

[64] Fix | Delete

__(

[65] Fix | Delete

'Request failed. Status: %s. Please reload the page and try again.',

[66] Fix | Delete

'wp-smushit'

[67] Fix | Delete

[68] Fix | Delete

'{status}'

[69] Fix | Delete

[70] Fix | Delete

uploadActionSuccessMessage: sprintf(

[71] Fix | Delete

/* translators: %s request status */

[72] Fix | Delete

__(

[73] Fix | Delete

'%s config has been uploaded successfully – you can now apply it to this site.',

[74] Fix | Delete

'wp-smushit'

[75] Fix | Delete

[76] Fix | Delete

'{configName}'

[77] Fix | Delete

[78] Fix | Delete

uploadWrongPluginErrorMessage: sprintf(

[79] Fix | Delete

/* translators: %s {pluginName} */

[80] Fix | Delete

__(

[81] Fix | Delete

'The uploaded file is not a %s Config. Please make sure the uploaded file is correct.',

[82] Fix | Delete

'wp-smushit'

[83] Fix | Delete

[84] Fix | Delete

'{pluginName}'

[85] Fix | Delete

[86] Fix | Delete

applyAction: {

[87] Fix | Delete

closeIcon,

[88] Fix | Delete

cancelButton,

[89] Fix | Delete

title: __('Apply Config', 'wp-smushit'),

[90] Fix | Delete

description: sprintf(

[91] Fix | Delete

/* translators: %s config name */

[92] Fix | Delete

__(

[93] Fix | Delete

'Are you sure you want to apply the %s config to this site? We recommend you have a backup available as your existing settings configuration will be overridden.',

[94] Fix | Delete

'wp-smushit'

[95] Fix | Delete

[96] Fix | Delete

'{configName}'

[97] Fix | Delete

[98] Fix | Delete

actionButton: __('Apply', 'wp-smushit'),

[99] Fix | Delete

successMessage: sprintf(

[100] Fix | Delete

/* translators: %s. config name */

[101] Fix | Delete

__('%s config has been applied successfully.', 'wp-smushit'),

[102] Fix | Delete

'{configName}'

[103] Fix | Delete

[104] Fix | Delete

[105] Fix | Delete

deleteAction: {

[106] Fix | Delete

closeIcon,

[107] Fix | Delete

cancelButton,

[108] Fix | Delete

title: __('Delete Configuration File', 'wp-smushit'),

[109] Fix | Delete

description: sprintf(

[110] Fix | Delete

/* translators: %s config name */

[111] Fix | Delete

__(

[112] Fix | Delete

'Are you sure you want to delete %s? You will no longer be able to apply it to this or other connected sites.',

[113] Fix | Delete

'wp-smushit'

[114] Fix | Delete

[115] Fix | Delete

'{configName}'

[116] Fix | Delete

[117] Fix | Delete

actionButton: __('Delete', 'wp-smushit'),

[118] Fix | Delete

[119] Fix | Delete

editAction: {

[120] Fix | Delete

closeIcon,

[121] Fix | Delete

cancelButton,

[122] Fix | Delete

nameInput: __('Config name', 'wp-smushit'),

[123] Fix | Delete

descriptionInput: __('Description', 'wp-smushit'),

[124] Fix | Delete

emptyNameError: __('The config name is required', 'wp-smushit'),

[125] Fix | Delete

actionButton: __('Save', 'wp-smushit'),

[126] Fix | Delete

editTitle: __('Rename Config', 'wp-smushit'),

[127] Fix | Delete

editDescription: __(

[128] Fix | Delete

'Change your config name to something recognizable.',

[129] Fix | Delete

'wp-smushit'

[130] Fix | Delete

[131] Fix | Delete

createTitle: __('Save Config', 'wp-smushit'),

[132] Fix | Delete

createDescription: __(

[133] Fix | Delete

'Save your current settings configuration. You’ll be able to then download and apply it to your other sites.',

[134] Fix | Delete

'wp-smushit'

[135] Fix | Delete

[136] Fix | Delete

successMessage: sprintf(

[137] Fix | Delete

/* translators: %s. config name */

[138] Fix | Delete

__('%s config created successfully.', 'wp-smushit'),

[139] Fix | Delete

'{configName}'

[140] Fix | Delete

[141] Fix | Delete

[142] Fix | Delete

settingsLabels: {

[143] Fix | Delete

bulk_smush: __('Bulk Smush', 'wp-smushit'),

[144] Fix | Delete

integrations: __('Integrations', 'wp-smushit'),

[145] Fix | Delete

lazy_load: __('Lazy Load', 'wp-smushit'),

[146] Fix | Delete

cdn: __('CDN', 'wp-smushit'),

[147] Fix | Delete

webp_mod: __('Local WebP', 'wp-smushit'),

[148] Fix | Delete

settings: __('Settings', 'wp-smushit'),

[149] Fix | Delete

networkwide: __('Subsite Controls', 'wp-smushit'),

[150] Fix | Delete

[151] Fix | Delete

};

[152] Fix | Delete

[153] Fix | Delete

return (

[154] Fix | Delete

<Presets

[155] Fix | Delete

isWidget={isWidget}

[156] Fix | Delete

isPro={window.smushReact.isPro}

[157] Fix | Delete

isWhitelabel={window.smushReact.hideBranding}

[158] Fix | Delete

sourceLang={lang}

[159] Fix | Delete

sourceUrls={window.smushReact.links}

[160] Fix | Delete

requestsData={window.smushReact.requestsData}

[161] Fix | Delete

proItems={ window.smushReact.isPro ? [] : [

[162] Fix | Delete

'PNG to JPEG Conversion',

[163] Fix | Delete

'Email Notification',

[164] Fix | Delete

'CDN',

[165] Fix | Delete

'Local WebP',

[166] Fix | Delete

'Amazon S3',

[167] Fix | Delete

'NextGen Gallery',

[168] Fix | Delete

] }

[169] Fix | Delete

[170] Fix | Delete

);

[171] Fix | Delete

};

[172] Fix | Delete

[173] Fix | Delete

domReady(function () {

[174] Fix | Delete

const configsPageBox = document.getElementById('smush-box-configs');

[175] Fix | Delete

if (configsPageBox) {

[176] Fix | Delete

ReactDOM.render(<Configs isWidget={false} />, configsPageBox);

[177] Fix | Delete

}

[178] Fix | Delete

const configsWidgetBox = document.getElementById('smush-widget-configs');

[179] Fix | Delete

if (configsWidgetBox) {

[180] Fix | Delete

ReactDOM.render(<Configs isWidget={true} />, configsWidgetBox);

[181] Fix | Delete

}

[182] Fix | Delete

});

[183] Fix | Delete

[184] Fix | Delete