'use strict';

[0] Fix | Delete

[1] Fix | Delete

function SGPBGutenbergBlock() {}

[2] Fix | Delete

[3] Fix | Delete

SGPBGutenbergBlock.prototype.init = function () {

[4] Fix | Delete

var localizedParams = SGPB_GUTENBERG_PARAMS;

[5] Fix | Delete

[6] Fix | Delete

var __ = wp.i18n;

[7] Fix | Delete

var createElement = wp.element.createElement;

[8] Fix | Delete

var registerBlockType = wp.blocks.registerBlockType;

[9] Fix | Delete

var InspectorControls = wp.editor.InspectorControls;

[10] Fix | Delete

var _wp$components = wp.components,

[11] Fix | Delete

SelectControl = _wp$components.SelectControl,

[12] Fix | Delete

TextareaControl = _wp$components.TextareaControl,

[13] Fix | Delete

ToggleControl = _wp$components.ToggleControl,

[14] Fix | Delete

PanelBody = _wp$components.PanelBody,

[15] Fix | Delete

ServerSideRender = _wp$components.ServerSideRender,

[16] Fix | Delete

Placeholder = _wp$components.Placeholder;

[17] Fix | Delete

[18] Fix | Delete

registerBlockType('popupbuilder/popups', {

[19] Fix | Delete

title: localizedParams.title,

[20] Fix | Delete

description: localizedParams.description,

[21] Fix | Delete

keywords: ['popup', 'popup-builder'],

[22] Fix | Delete

category: 'widgets',

[23] Fix | Delete

icon: 'welcome-widgets-menus',

[24] Fix | Delete

attributes: {

[25] Fix | Delete

popupId: {

[26] Fix | Delete

type: 'number'

[27] Fix | Delete

},

[28] Fix | Delete

popupEvent: {

[29] Fix | Delete

type: 'string'

[30] Fix | Delete

}

[31] Fix | Delete

},

[32] Fix | Delete

edit: function edit(props) {

[33] Fix | Delete

var _props$attributes = props.attributes,

[34] Fix | Delete

_props$attributes$pop = _props$attributes.popupId,

[35] Fix | Delete

popupId = _props$attributes$pop === undefined ? '' : _props$attributes$pop,

[36] Fix | Delete

_props$attributes$dis = _props$attributes.displayTitle,

[37] Fix | Delete

displayTitle = _props$attributes$dis === undefined ? false : _props$attributes$dis,

[38] Fix | Delete

_props$attributes$dis2 = _props$attributes.displayDesc,

[39] Fix | Delete

displayDesc = _props$attributes$dis2 === undefined ? false : _props$attributes$dis2,

[40] Fix | Delete

_props$attributes$pop2 = _props$attributes.popupEvent,

[41] Fix | Delete

popupEvent = _props$attributes$pop2 === undefined ? '' : _props$attributes$pop2,

[42] Fix | Delete

setAttributes = props.setAttributes;

[43] Fix | Delete

[44] Fix | Delete

var formOptions = SGPB_GUTENBERG_PARAMS.allPopups.map(function (value) {

[45] Fix | Delete

return {

[46] Fix | Delete

value: value.id,

[47] Fix | Delete

label: value.title

[48] Fix | Delete

};

[49] Fix | Delete

});

[50] Fix | Delete

var eventsOptions = SGPB_GUTENBERG_PARAMS.allEvents.map(function (value) {

[51] Fix | Delete

return {

[52] Fix | Delete

value: value.value,

[53] Fix | Delete

label: value.title

[54] Fix | Delete

};

[55] Fix | Delete

});

[56] Fix | Delete

var jsx = void 0;

[57] Fix | Delete

[58] Fix | Delete

formOptions.unshift({

[59] Fix | Delete

value: '',

[60] Fix | Delete

label: SGPB_GUTENBERG_PARAMS.i18n.form_select

[61] Fix | Delete

});

[62] Fix | Delete

[63] Fix | Delete

function selectPopup(value) {

[64] Fix | Delete

setAttributes({

[65] Fix | Delete

popupId: value

[66] Fix | Delete

});

[67] Fix | Delete

}

[68] Fix | Delete

[69] Fix | Delete

function selectEvent(value) {

[70] Fix | Delete

setAttributes({

[71] Fix | Delete

popupEvent: value

[72] Fix | Delete

});

[73] Fix | Delete

}

[74] Fix | Delete

[75] Fix | Delete

function setContent(value) {

[76] Fix | Delete

setAttributes({

[77] Fix | Delete

content: value

[78] Fix | Delete

});

[79] Fix | Delete

}

[80] Fix | Delete

[81] Fix | Delete

function toggleDisplayTitle(value) {

[82] Fix | Delete

setAttributes({

[83] Fix | Delete

displayTitle: value

[84] Fix | Delete

});

[85] Fix | Delete

}

[86] Fix | Delete

[87] Fix | Delete

function toggleDisplayDesc(value) {

[88] Fix | Delete

setAttributes({

[89] Fix | Delete

displayDesc: value

[90] Fix | Delete

});

[91] Fix | Delete

}

[92] Fix | Delete

[93] Fix | Delete

jsx = [React.createElement(

[94] Fix | Delete

InspectorControls,

[95] Fix | Delete

{ key: 'popuopbuilder-gutenberg-form-selector-inspector-controls' },

[96] Fix | Delete

React.createElement(

[97] Fix | Delete

PanelBody,

[98] Fix | Delete

{ title: 'popup builder title' },

[99] Fix | Delete

React.createElement(SelectControl, {

[100] Fix | Delete

label: SGPB_GUTENBERG_PARAMS.i18n.form_selected,

[101] Fix | Delete

value: popupId,

[102] Fix | Delete

options: formOptions,

[103] Fix | Delete

onChange: selectPopup

[104] Fix | Delete

}),

[105] Fix | Delete

React.createElement(SelectControl, {

[106] Fix | Delete

label: SGPB_GUTENBERG_PARAMS.i18n.form_selected,

[107] Fix | Delete

value: popupId,

[108] Fix | Delete

options: eventsOptions,

[109] Fix | Delete

onChange: selectEvent

[110] Fix | Delete

}),

[111] Fix | Delete

React.createElement(ToggleControl, {

[112] Fix | Delete

label: SGPB_GUTENBERG_PARAMS.i18n.show_title,

[113] Fix | Delete

checked: displayTitle,

[114] Fix | Delete

onChange: toggleDisplayTitle

[115] Fix | Delete

}),

[116] Fix | Delete

React.createElement(ToggleControl, {

[117] Fix | Delete

label: SGPB_GUTENBERG_PARAMS.i18n.show_description,

[118] Fix | Delete

checked: displayDesc,

[119] Fix | Delete

onChange: toggleDisplayDesc

[120] Fix | Delete

})

[121] Fix | Delete

)

[122] Fix | Delete

)];

[123] Fix | Delete

[124] Fix | Delete

if (popupId && popupEvent) {

[125] Fix | Delete

var clickText = '';

[126] Fix | Delete

if (popupEvent == 'click') {

[127] Fix | Delete

clickText = 'click me';

[128] Fix | Delete

}

[129] Fix | Delete

return '[sg_popup id="' + popupId + '" event="' + popupEvent + '"]' + clickText + '[/sg_popup]';

[130] Fix | Delete

} else {

[131] Fix | Delete

jsx.push(React.createElement(

[132] Fix | Delete

Placeholder,

[133] Fix | Delete

{

[134] Fix | Delete

key: 'sgpb-gutenberg-form-selector-wrap',

[135] Fix | Delete

className: 'sgpb-gutenberg-form-selector-wrapper'},

[136] Fix | Delete

React.createElement('img', { 'class': SGPB_GUTENBERG_PARAMS.logo_classname, src: SGPB_GUTENBERG_PARAMS.logo_url }),

[137] Fix | Delete

React.createElement(SelectControl, {

[138] Fix | Delete

key: 'sgpb-gutenberg-form-selector-select-control',

[139] Fix | Delete

value: popupId,

[140] Fix | Delete

options: formOptions,

[141] Fix | Delete

onChange: selectPopup

[142] Fix | Delete

}),

[143] Fix | Delete

React.createElement(SelectControl, {

[144] Fix | Delete

key: 'sgpb-gutenberg-form-selector-select-control',

[145] Fix | Delete

value: popupEvent,

[146] Fix | Delete

options: eventsOptions,

[147] Fix | Delete

onChange: selectEvent

[148] Fix | Delete

})

[149] Fix | Delete

));

[150] Fix | Delete

}

[151] Fix | Delete

[152] Fix | Delete

return jsx;

[153] Fix | Delete

},

[154] Fix | Delete

save: function save(props) {

[155] Fix | Delete

var clickText = '';

[156] Fix | Delete

if (props.attributes.popupEvent == 'click') {

[157] Fix | Delete

clickText = SGPB_GUTENBERG_PARAMS.clickText;

[158] Fix | Delete

}

[159] Fix | Delete

[160] Fix | Delete

return '[sg_popup id="' + props.attributes.popupId + '" event="' + props.attributes.popupEvent + '"]' + clickText + '[/sg_popup]';

[161] Fix | Delete

}

[162] Fix | Delete

});

[163] Fix | Delete

};

[164] Fix | Delete

[165] Fix | Delete

jQuery(document).ready(function () {

[166] Fix | Delete

if (typeof wp != 'undefined' && typeof wp.element != 'undefined' && typeof wp.blocks != 'undefined' && typeof wp.editor != 'undefined' && typeof wp.components != 'undefined') {

[167] Fix | Delete

var block = new SGPBGutenbergBlock();

[168] Fix | Delete

block.init();

[169] Fix | Delete

}

[170] Fix | Delete

});

[171] Fix | Delete

[172] Fix | Delete