(() => {

[0] Fix | Delete

window.wp.domReady(() => {

[1] Fix | Delete

init(window.wp);

[2] Fix | Delete

});

[3] Fix | Delete

[4] Fix | Delete

function init(wp) {

[5] Fix | Delete

/**

[6] Fix | Delete

* Shortcut variables

[7] Fix | Delete

*/

[8] Fix | Delete

const el = wp.element.createElement,

[9] Fix | Delete

registerBlockType = wp.blocks.registerBlockType,

[10] Fix | Delete

RawHTML = wp.element.RawHTML,

[11] Fix | Delete

aaGut = window.advadsGutenberg,

[12] Fix | Delete

i18n = aaGut.i18n,

[13] Fix | Delete

textFlow = aaGut.textFlow,

[14] Fix | Delete

safeHTML = wp.dom.safeHTML,

[15] Fix | Delete

editor = wp.blockEditor,

[16] Fix | Delete

comp = wp.components;

[17] Fix | Delete

[18] Fix | Delete

/**

[19] Fix | Delete

* Custom SVG icon

[20] Fix | Delete

* could move to a separated file if we need it in other places, too

[21] Fix | Delete

*

[22] Fix | Delete

* <source> https://gist.github.com/zgordon/e837e29f77c343d29ebb7290a1a75eea

[23] Fix | Delete

*/

[24] Fix | Delete

const advadsIconEl = el(

[25] Fix | Delete

'svg',

[26] Fix | Delete

{

[27] Fix | Delete

width: '24px',

[28] Fix | Delete

height: '24px',

[29] Fix | Delete

viewBox: '1.396 3276 24 24',

[30] Fix | Delete

xmlns: 'http://www.w3.org/2000/svg',

[31] Fix | Delete

x: '0px',

[32] Fix | Delete

y: '0px',

[33] Fix | Delete

},

[34] Fix | Delete

el(

[35] Fix | Delete

'g',

[36] Fix | Delete

{},

[37] Fix | Delete

el('path', {

[38] Fix | Delete

fill: '#1C1B3A',

[39] Fix | Delete

d: 'M18.602,3286.2v8.53H6.677v-11.925h8.53c-0.355-0.804-0.545-1.684-0.545-2.625s0.205-1.82,0.545-2.625 h-2.57H1.406v18.266l0.6,0.6l-0.6-0.6c0,2.304,1.875,4.179,4.18,4.179l0,0h7.05h11.216v-13.821 c-0.805,0.355-1.705,0.566-2.645,0.566C20.286,3286.745,19.406,3286.541,18.602,3286.2z',

[40] Fix | Delete

}),

[41] Fix | Delete

el('circle', {

[42] Fix | Delete

fill: '#0E75A4',

[43] Fix | Delete

cx: '21.206',

[44] Fix | Delete

cy: '3280.179',

[45] Fix | Delete

r: '4.18',

[46] Fix | Delete

})

[47] Fix | Delete

)

[48] Fix | Delete

);

[49] Fix | Delete

[50] Fix | Delete

/**

[51] Fix | Delete

* Register the single ad block type

[52] Fix | Delete

*/

[53] Fix | Delete

registerBlockType('advads/gblock', {

[54] Fix | Delete

apiVersion: 2,

[55] Fix | Delete

[56] Fix | Delete

title: i18n.advads,

[57] Fix | Delete

[58] Fix | Delete

icon: advadsIconEl,

[59] Fix | Delete

[60] Fix | Delete

category: 'common',

[61] Fix | Delete

[62] Fix | Delete

attributes: {

[63] Fix | Delete

className: {

[64] Fix | Delete

type: 'string',

[65] Fix | Delete

default: '',

[66] Fix | Delete

},

[67] Fix | Delete

itemID: {

[68] Fix | Delete

type: 'string',

[69] Fix | Delete

default: '',

[70] Fix | Delete

},

[71] Fix | Delete

width: {

[72] Fix | Delete

type: 'string',

[73] Fix | Delete

default: '',

[74] Fix | Delete

},

[75] Fix | Delete

height: {

[76] Fix | Delete

type: 'string',

[77] Fix | Delete

default: '',

[78] Fix | Delete

},

[79] Fix | Delete

align: {

[80] Fix | Delete

type: 'string',

[81] Fix | Delete

default: 'default',

[82] Fix | Delete

},

[83] Fix | Delete

},

[84] Fix | Delete

[85] Fix | Delete

// todo: make the keywords translatable

[86] Fix | Delete

keywords: ['advert', 'adsense', 'banner'],

[87] Fix | Delete

[88] Fix | Delete

edit: (props) => {

[89] Fix | Delete

const itemID = props.attributes.itemID;

[90] Fix | Delete

[91] Fix | Delete

/**

[92] Fix | Delete

* Update itemID

[93] Fix | Delete

*

[94] Fix | Delete

* @param {Event} event change event on the select input.

[95] Fix | Delete

*/

[96] Fix | Delete

function setID(event) {

[97] Fix | Delete

props.setAttributes({

[98] Fix | Delete

itemID: event.target.querySelector('option:checked')

[99] Fix | Delete

.value,

[100] Fix | Delete

});

[101] Fix | Delete

}

[102] Fix | Delete

[103] Fix | Delete

/**

[104] Fix | Delete

* Update width

[105] Fix | Delete

*

[106] Fix | Delete

* @param {Event} event change event on the number input.

[107] Fix | Delete

*/

[108] Fix | Delete

function setWidth(event) {

[109] Fix | Delete

props.setAttributes({ width: event.target.value });

[110] Fix | Delete

}

[111] Fix | Delete

[112] Fix | Delete

/**

[113] Fix | Delete

* Update height

[114] Fix | Delete

*

[115] Fix | Delete

* @param {Event} event change event on the number input.

[116] Fix | Delete

*/

[117] Fix | Delete

function setHeight(event) {

[118] Fix | Delete

props.setAttributes({ height: event.target.value });

[119] Fix | Delete

}

[120] Fix | Delete

[121] Fix | Delete

/**

[122] Fix | Delete

* Request hints related to the item.

[123] Fix | Delete

*

[124] Fix | Delete

* @param {string} ID Item ID.

[125] Fix | Delete

*/

[126] Fix | Delete

function requestHints(ID) {

[127] Fix | Delete

if (!ID || 0 !== ID.indexOf('group_')) {

[128] Fix | Delete

setHints([]);

[129] Fix | Delete

[130] Fix | Delete

return;

[131] Fix | Delete

}

[132] Fix | Delete

[133] Fix | Delete

const data = new FormData();

[134] Fix | Delete

data.append('action', 'advads-get-block-hints');

[135] Fix | Delete

data.append('nonce', window.advadsglobal.ajax_nonce);

[136] Fix | Delete

data.append('itemID', itemID);

[137] Fix | Delete

[138] Fix | Delete

fetch(window.ajaxurl, {

[139] Fix | Delete

method: 'POST',

[140] Fix | Delete

credentials: 'same-origin',

[141] Fix | Delete

body: data,

[142] Fix | Delete

})

[143] Fix | Delete

.then((response) => response.json())

[144] Fix | Delete

.then((json) => {

[145] Fix | Delete

if (json.success) {

[146] Fix | Delete

setHints(json.data);

[147] Fix | Delete

}

[148] Fix | Delete

})

[149] Fix | Delete

.catch((error) => {

[150] Fix | Delete

// eslint-disable-next-line no-console -- Might help experienced users

[151] Fix | Delete

console.info(error);

[152] Fix | Delete

});

[153] Fix | Delete

}

[154] Fix | Delete

[155] Fix | Delete

function createSizeInputs(label, name, onchange) {

[156] Fix | Delete

const randomID =

[157] Fix | Delete

'advanced-ads-size' +

[158] Fix | Delete

(Math.random() + 1).toString(36).substring(1);

[159] Fix | Delete

return el(

[160] Fix | Delete

'div',

[161] Fix | Delete

{ className: 'size-group' },

[162] Fix | Delete

el(

[163] Fix | Delete

'label',

[164] Fix | Delete

{ htmlFor: randomID },

[165] Fix | Delete

el('span', { className: 'head' }, label)

[166] Fix | Delete

),

[167] Fix | Delete

el(

[168] Fix | Delete

'div',

[169] Fix | Delete

{ className: 'size-input' },

[170] Fix | Delete

el('input', {

[171] Fix | Delete

type: 'number',

[172] Fix | Delete

inputMode: 'numeric',

[173] Fix | Delete

id: randomID,

[174] Fix | Delete

value: props.attributes[name],

[175] Fix | Delete

name,

[176] Fix | Delete

min: 0,

[177] Fix | Delete

max: Infinity,

[178] Fix | Delete

step: 1,

[179] Fix | Delete

onChange: onchange,

[180] Fix | Delete

}),

[181] Fix | Delete

el('span', { className: 'suffix' }, 'px')

[182] Fix | Delete

)

[183] Fix | Delete

);

[184] Fix | Delete

}

[185] Fix | Delete

[186] Fix | Delete

const [hints, setHints] = window.wp.element.useState([]);

[187] Fix | Delete

window.wp.element.useEffect(() => {

[188] Fix | Delete

requestHints(itemID);

[189] Fix | Delete

}, [itemID]);

[190] Fix | Delete

[191] Fix | Delete

// the form children elements

[192] Fix | Delete

const children = [];

[193] Fix | Delete

[194] Fix | Delete

// argument list (in array form) for the children creation

[195] Fix | Delete

const args = [],

[196] Fix | Delete

ads = [],

[197] Fix | Delete

groups = [],

[198] Fix | Delete

placements = [];

[199] Fix | Delete

[200] Fix | Delete

args.push('select');

[201] Fix | Delete

args.push({

[202] Fix | Delete

value: props.attributes.itemID,

[203] Fix | Delete

onChange: setID,

[204] Fix | Delete

key: 'select',

[205] Fix | Delete

});

[206] Fix | Delete

args.push(el('option', { key: 'empty' }, i18n['--empty--']));

[207] Fix | Delete

[208] Fix | Delete

for (const adID in aaGut.ads) {

[209] Fix | Delete

if (typeof aaGut.ads[adID].id === 'undefined') {

[210] Fix | Delete

continue;

[211] Fix | Delete

}

[212] Fix | Delete

ads.push(

[213] Fix | Delete

el(

[214] Fix | Delete

'option',

[215] Fix | Delete

{

[216] Fix | Delete

value: 'ad_' + aaGut.ads[adID].id,

[217] Fix | Delete

key: adID,

[218] Fix | Delete

},

[219] Fix | Delete

aaGut.ads[adID].title

[220] Fix | Delete

)

[221] Fix | Delete

);

[222] Fix | Delete

}

[223] Fix | Delete

[224] Fix | Delete

for (const GID in aaGut.groups) {

[225] Fix | Delete

if ('undefined' === typeof aaGut.groups[GID].id) {

[226] Fix | Delete

continue;

[227] Fix | Delete

}

[228] Fix | Delete

groups.push(

[229] Fix | Delete

el(

[230] Fix | Delete

'option',

[231] Fix | Delete

{

[232] Fix | Delete

value: 'group_' + aaGut.groups[GID].id,

[233] Fix | Delete

key: GID,

[234] Fix | Delete

},

[235] Fix | Delete

aaGut.groups[GID].name

[236] Fix | Delete

)

[237] Fix | Delete

);

[238] Fix | Delete

}

[239] Fix | Delete

[240] Fix | Delete

if (aaGut.placements) {

[241] Fix | Delete

for (const pid in aaGut.placements) {

[242] Fix | Delete

if ('undefined' === typeof aaGut.placements[pid].id) {

[243] Fix | Delete

continue;

[244] Fix | Delete

}

[245] Fix | Delete

placements.push(

[246] Fix | Delete

el(

[247] Fix | Delete

'option',

[248] Fix | Delete

{

[249] Fix | Delete

value: 'place_' + aaGut.placements[pid].id,

[250] Fix | Delete

key: pid,

[251] Fix | Delete

},

[252] Fix | Delete

aaGut.placements[pid].name

[253] Fix | Delete

)

[254] Fix | Delete

);

[255] Fix | Delete

}

[256] Fix | Delete

}

[257] Fix | Delete

[258] Fix | Delete

if (aaGut.placements) {

[259] Fix | Delete

args.push(

[260] Fix | Delete

el(

[261] Fix | Delete

'optgroup',

[262] Fix | Delete

{

[263] Fix | Delete

label: i18n.placements,

[264] Fix | Delete

key: 'placements',

[265] Fix | Delete

},

[266] Fix | Delete

placements

[267] Fix | Delete

)

[268] Fix | Delete

);

[269] Fix | Delete

}

[270] Fix | Delete

[271] Fix | Delete

args.push(

[272] Fix | Delete

el(

[273] Fix | Delete

'optgroup',

[274] Fix | Delete

{

[275] Fix | Delete

label: i18n.adGroups,

[276] Fix | Delete

key: 'adGroups',

[277] Fix | Delete

},

[278] Fix | Delete

groups

[279] Fix | Delete

)

[280] Fix | Delete

);

[281] Fix | Delete

[282] Fix | Delete

args.push(el('optgroup', { label: i18n.ads, key: 'ads' }, ads));

[283] Fix | Delete

[284] Fix | Delete

// add a <label /> first and style it.

[285] Fix | Delete

children.push(

[286] Fix | Delete

el(

[287] Fix | Delete

'div',

[288] Fix | Delete

{

[289] Fix | Delete

className: 'components-placeholder__label',

[290] Fix | Delete

key: 'components-placeholder__label',

[291] Fix | Delete

},

[292] Fix | Delete

advadsIconEl,

[293] Fix | Delete

el(

[294] Fix | Delete

'label',

[295] Fix | Delete

{ style: { display: 'block' } },

[296] Fix | Delete

i18n.advads

[297] Fix | Delete

)

[298] Fix | Delete

)

[299] Fix | Delete

);

[300] Fix | Delete

[301] Fix | Delete

if (itemID && i18n['--empty--'] !== itemID) {

[302] Fix | Delete

let url = '#';

[303] Fix | Delete

if (0 === itemID.indexOf('place_')) {

[304] Fix | Delete

url = aaGut.editLinks.placement;

[305] Fix | Delete

} else if (0 === itemID.indexOf('group_')) {

[306] Fix | Delete

url = aaGut.editLinks.group;

[307] Fix | Delete

} else if (0 === itemID.indexOf('ad_')) {

[308] Fix | Delete

url = aaGut.editLinks.ad.replace(

[309] Fix | Delete

'%ID%',

[310] Fix | Delete

itemID.substr(3)

[311] Fix | Delete

);

[312] Fix | Delete

}

[313] Fix | Delete

[314] Fix | Delete

children.push(

[315] Fix | Delete

el(

[316] Fix | Delete

'div',

[317] Fix | Delete

{

[318] Fix | Delete

className: 'components-placeholder__fieldset',

[319] Fix | Delete

key: 'components-placeholder__fieldset',

[320] Fix | Delete

},

[321] Fix | Delete

// then add the <select /> input with its own children

[322] Fix | Delete

el.apply(null, args),

[323] Fix | Delete

el('a', {

[324] Fix | Delete

className: 'dashicons dashicons-external',

[325] Fix | Delete

style: {

[326] Fix | Delete

margin: 5,

[327] Fix | Delete

},

[328] Fix | Delete

href: url,

[329] Fix | Delete

target: '_blank',

[330] Fix | Delete

})

[331] Fix | Delete

)

[332] Fix | Delete

);

[333] Fix | Delete

[334] Fix | Delete

hints.forEach(function (item, index) {

[335] Fix | Delete

children.push(

[336] Fix | Delete

el(

[337] Fix | Delete

RawHTML,

[338] Fix | Delete

{

[339] Fix | Delete

key: index,

[340] Fix | Delete

className:

[341] Fix | Delete

'advads-block-hint advads-notice-inline advads-error',

[342] Fix | Delete

},

[343] Fix | Delete

safeHTML(item)

[344] Fix | Delete

)

[345] Fix | Delete

);

[346] Fix | Delete

});

[347] Fix | Delete

} else {

[348] Fix | Delete

children.push(el.apply(null, args));

[349] Fix | Delete

}

[350] Fix | Delete

[351] Fix | Delete

if (!aaGut.ads.length) {

[352] Fix | Delete

children.push(

[353] Fix | Delete

el(

[354] Fix | Delete

'div',

[355] Fix | Delete

{

[356] Fix | Delete

className: 'components-placeholder__label',

[357] Fix | Delete

key: 'components-placeholder__label',

[358] Fix | Delete

},

[359] Fix | Delete

'',

[360] Fix | Delete

el(

[361] Fix | Delete

'a',

[362] Fix | Delete

{

[363] Fix | Delete

href: window.advadsglobal.create_ad_url,

[364] Fix | Delete

class: 'button',

[365] Fix | Delete

target: '_blank',

[366] Fix | Delete

style: {

[367] Fix | Delete

display: 'block',

[368] Fix | Delete

'margin-top': '10px',

[369] Fix | Delete

},

[370] Fix | Delete

},

[371] Fix | Delete

window.advadsglobal.create_your_first_ad

[372] Fix | Delete

)

[373] Fix | Delete

)

[374] Fix | Delete

);

[375] Fix | Delete

}

[376] Fix | Delete

[377] Fix | Delete

const sizePanel = el(

[378] Fix | Delete

'div',

[379] Fix | Delete

{ id: 'advanced-ads-size-wrap' },

[380] Fix | Delete

el(

[381] Fix | Delete

'div',

[382] Fix | Delete

null,

[383] Fix | Delete

createSizeInputs(i18n.width, 'width', setWidth),

[384] Fix | Delete

createSizeInputs(i18n.height, 'height', setHeight)

[385] Fix | Delete

)

[386] Fix | Delete

);

[387] Fix | Delete

[388] Fix | Delete

const sidebar = el(

[389] Fix | Delete

editor.InspectorControls,

[390] Fix | Delete

{ key: 'advads-sidebar' },

[391] Fix | Delete

el(

[392] Fix | Delete

comp.PanelBody,

[393] Fix | Delete

{

[394] Fix | Delete

title: i18n.size,

[395] Fix | Delete

initialOpen: true,

[396] Fix | Delete

},

[397] Fix | Delete

sizePanel

[398] Fix | Delete

)

[399] Fix | Delete

);

[400] Fix | Delete

[401] Fix | Delete

children.push(sidebar);

[402] Fix | Delete

[403] Fix | Delete

const alignmentItems = [];

[404] Fix | Delete

[405] Fix | Delete

for (const slug in textFlow) {

[406] Fix | Delete

const isSelected = props.attributes.align === slug;

[407] Fix | Delete

alignmentItems.push(

[408] Fix | Delete

el(

[409] Fix | Delete

comp.MenuItem,

[410] Fix | Delete

{

[411] Fix | Delete

key: slug,

[412] Fix | Delete

label: textFlow[slug].label,

[413] Fix | Delete

onClick: () =>

[414] Fix | Delete

props.setAttributes({ align: slug }),

[415] Fix | Delete

isSelected,

[416] Fix | Delete

},

[417] Fix | Delete

el(

[418] Fix | Delete

'div',

[419] Fix | Delete

{

[420] Fix | Delete

className:

[421] Fix | Delete

'text-flow-wrap' +

[422] Fix | Delete

(isSelected ? ' current' : ''),

[423] Fix | Delete

},

[424] Fix | Delete

el(

[425] Fix | Delete

'div',

[426] Fix | Delete

{

[427] Fix | Delete

className: 'text-flow-icon',

[428] Fix | Delete

},

[429] Fix | Delete

el('img', {

[430] Fix | Delete

src: `${aaGut.imagesUrl}${slug}.png`,

[431] Fix | Delete

alt: slug,

[432] Fix | Delete

title: textFlow[slug].label,

[433] Fix | Delete

className: 'standard',

[434] Fix | Delete

}),

[435] Fix | Delete

el('img', {

[436] Fix | Delete

src: `${aaGut.imagesUrl}${slug}-alt.png`,

[437] Fix | Delete

alt: slug,

[438] Fix | Delete

title: textFlow[slug].label,

[439] Fix | Delete

className: 'alternate',

[440] Fix | Delete

})

[441] Fix | Delete

),

[442] Fix | Delete

el(

[443] Fix | Delete

'div',

[444] Fix | Delete

{

[445] Fix | Delete

className: 'text-flow-label',

[446] Fix | Delete

title: textFlow[slug].description,

[447] Fix | Delete

},

[448] Fix | Delete

el('span', {}, textFlow[slug].label)

[449] Fix | Delete

)

[450] Fix | Delete

)

[451] Fix | Delete

)

[452] Fix | Delete

);

[453] Fix | Delete

}

[454] Fix | Delete

[455] Fix | Delete

const toolBar = el(

[456] Fix | Delete

editor.BlockControls,

[457] Fix | Delete

{

[458] Fix | Delete

key: 'advads-toolbar',

[459] Fix | Delete

group: 'block',

[460] Fix | Delete

},

[461] Fix | Delete

el(

[462] Fix | Delete

comp.ToolbarGroup,

[463] Fix | Delete

{

[464] Fix | Delete

title: 'Alignment',

[465] Fix | Delete

},

[466] Fix | Delete

el(comp.ToolbarDropdownMenu, {

[467] Fix | Delete

icon: 'editor-alignleft',

[468] Fix | Delete

label: 'Choose an alignment',

[469] Fix | Delete

children: () =>

[470] Fix | Delete

el(

[471] Fix | Delete

'div',

[472] Fix | Delete

{ className: 'advads-align-dropdown' },

[473] Fix | Delete

alignmentItems

[474] Fix | Delete

),

[475] Fix | Delete

})

[476] Fix | Delete

)

[477] Fix | Delete

);

[478] Fix | Delete

[479] Fix | Delete

// return the complete form

[480] Fix | Delete

return el(

[481] Fix | Delete

'div',

[482] Fix | Delete

editor.useBlockProps(),

[483] Fix | Delete

el(

[484] Fix | Delete

'form',

[485] Fix | Delete

{

[486] Fix | Delete

className: 'components-placeholder is-large',

[487] Fix | Delete

},

[488] Fix | Delete

children

[489] Fix | Delete

),

[490] Fix | Delete

toolBar

[491] Fix | Delete

);

[492] Fix | Delete

},

[493] Fix | Delete

[494] Fix | Delete

save: () => {

[495] Fix | Delete

// server side rendering

[496] Fix | Delete

return null;

[497] Fix | Delete

},

[498] Fix | Delete

[499] Fix | Delete