Edit File by line

[500] Fix | Delete

* @param {Object} props Block properties.

[501] Fix | Delete

* @param {Object} handlers Block event handlers.

[502] Fix | Delete

* @param {Object} sizeOptions Size selector options.

[503] Fix | Delete

[504] Fix | Delete

* @return {Object} Label styles JSX code.

[505] Fix | Delete

[506] Fix | Delete

getLabelStyles: function getLabelStyles(props, handlers, sizeOptions) {

[507] Fix | Delete

return /*#__PURE__*/React.createElement(PanelBody, {

[508] Fix | Delete

className: app.getPanelClass(props),

[509] Fix | Delete

title: strings.label_styles

[510] Fix | Delete

}, /*#__PURE__*/React.createElement(SelectControl, {

[511] Fix | Delete

label: strings.size,

[512] Fix | Delete

value: props.attributes.labelSize,

[513] Fix | Delete

className: "wpforms-gutenberg-form-selector-fix-bottom-margin",

[514] Fix | Delete

options: sizeOptions,

[515] Fix | Delete

onChange: function onChange(value) {

[516] Fix | Delete

return handlers.styleAttrChange('labelSize', value);

[517] Fix | Delete

}

[518] Fix | Delete

}), /*#__PURE__*/React.createElement("div", {

[519] Fix | Delete

className: "wpforms-gutenberg-form-selector-color-picker"

[520] Fix | Delete

}, /*#__PURE__*/React.createElement("div", {

[521] Fix | Delete

className: "wpforms-gutenberg-form-selector-control-label"

[522] Fix | Delete

}, strings.colors), /*#__PURE__*/React.createElement(PanelColorSettings, {

[523] Fix | Delete

__experimentalIsRenderedInSidebar: true,

[524] Fix | Delete

enableAlpha: true,

[525] Fix | Delete

showTitle: false,

[526] Fix | Delete

className: "wpforms-gutenberg-form-selector-color-panel",

[527] Fix | Delete

colorSettings: [{

[528] Fix | Delete

value: props.attributes.labelColor,

[529] Fix | Delete

onChange: function onChange(value) {

[530] Fix | Delete

return handlers.styleAttrChange('labelColor', value);

[531] Fix | Delete

[532] Fix | Delete

label: strings.label

[533] Fix | Delete

}, {

[534] Fix | Delete

value: props.attributes.labelSublabelColor,

[535] Fix | Delete

onChange: function onChange(value) {

[536] Fix | Delete

return handlers.styleAttrChange('labelSublabelColor', value);

[537] Fix | Delete

[538] Fix | Delete

label: strings.sublabel_hints.replace('&', '&')

[539] Fix | Delete

}, {

[540] Fix | Delete

value: props.attributes.labelErrorColor,

[541] Fix | Delete

onChange: function onChange(value) {

[542] Fix | Delete

return handlers.styleAttrChange('labelErrorColor', value);

[543] Fix | Delete

[544] Fix | Delete

label: strings.error_message

[545] Fix | Delete

}]

[546] Fix | Delete

})));

[547] Fix | Delete

[548] Fix | Delete

/**

[549] Fix | Delete

* Get Button styles JSX code.

[550] Fix | Delete

[551] Fix | Delete

* @since 1.8.1

[552] Fix | Delete

[553] Fix | Delete

* @param {Object} props Block properties.

[554] Fix | Delete

* @param {Object} handlers Block event handlers.

[555] Fix | Delete

* @param {Object} sizeOptions Size selector options.

[556] Fix | Delete

[557] Fix | Delete

* @return {Object} Button styles JSX code.

[558] Fix | Delete

[559] Fix | Delete

getButtonStyles: function getButtonStyles(props, handlers, sizeOptions) {

[560] Fix | Delete

return /*#__PURE__*/React.createElement(PanelBody, {

[561] Fix | Delete

className: app.getPanelClass(props),

[562] Fix | Delete

title: strings.button_styles

[563] Fix | Delete

}, /*#__PURE__*/React.createElement(Flex, {

[564] Fix | Delete

gap: 4,

[565] Fix | Delete

align: "flex-start",

[566] Fix | Delete

className: 'wpforms-gutenberg-form-selector-flex',

[567] Fix | Delete

justify: "space-between"

[568] Fix | Delete

}, /*#__PURE__*/React.createElement(FlexBlock, null, /*#__PURE__*/React.createElement(SelectControl, {

[569] Fix | Delete

label: strings.size,

[570] Fix | Delete

value: props.attributes.buttonSize,

[571] Fix | Delete

options: sizeOptions,

[572] Fix | Delete

onChange: function onChange(value) {

[573] Fix | Delete

return handlers.styleAttrChange('buttonSize', value);

[574] Fix | Delete

}

[575] Fix | Delete

})), /*#__PURE__*/React.createElement(FlexBlock, null, /*#__PURE__*/React.createElement(__experimentalUnitControl, {

[576] Fix | Delete

onChange: function onChange(value) {

[577] Fix | Delete

return handlers.styleAttrChange('buttonBorderRadius', value);

[578] Fix | Delete

[579] Fix | Delete

label: strings.border_radius,

[580] Fix | Delete

isUnitSelectTabbable: true,

[581] Fix | Delete

value: props.attributes.buttonBorderRadius

[582] Fix | Delete

}))), /*#__PURE__*/React.createElement("div", {

[583] Fix | Delete

className: "wpforms-gutenberg-form-selector-color-picker"

[584] Fix | Delete

}, /*#__PURE__*/React.createElement("div", {

[585] Fix | Delete

className: "wpforms-gutenberg-form-selector-control-label"

[586] Fix | Delete

}, strings.colors), /*#__PURE__*/React.createElement(PanelColorSettings, {

[587] Fix | Delete

__experimentalIsRenderedInSidebar: true,

[588] Fix | Delete

enableAlpha: true,

[589] Fix | Delete

showTitle: false,

[590] Fix | Delete

className: "wpforms-gutenberg-form-selector-color-panel",

[591] Fix | Delete

colorSettings: [{

[592] Fix | Delete

value: props.attributes.buttonBackgroundColor,

[593] Fix | Delete

onChange: function onChange(value) {

[594] Fix | Delete

return handlers.styleAttrChange('buttonBackgroundColor', value);

[595] Fix | Delete

[596] Fix | Delete

label: strings.background

[597] Fix | Delete

}, {

[598] Fix | Delete

value: props.attributes.buttonTextColor,

[599] Fix | Delete

onChange: function onChange(value) {

[600] Fix | Delete

return handlers.styleAttrChange('buttonTextColor', value);

[601] Fix | Delete

[602] Fix | Delete

label: strings.text

[603] Fix | Delete

}]

[604] Fix | Delete

}), /*#__PURE__*/React.createElement("div", {

[605] Fix | Delete

className: "wpforms-gutenberg-form-selector-legend wpforms-button-color-notice"

[606] Fix | Delete

}, strings.button_color_notice)));

[607] Fix | Delete

[608] Fix | Delete

/**

[609] Fix | Delete

* Get style settings JSX code.

[610] Fix | Delete

[611] Fix | Delete

* @since 1.8.1

[612] Fix | Delete

[613] Fix | Delete

* @param {Object} props Block properties.

[614] Fix | Delete

* @param {Object} handlers Block event handlers.

[615] Fix | Delete

* @param {Object} sizeOptions Size selector options.

[616] Fix | Delete

[617] Fix | Delete

* @return {Object} Inspector controls JSX code.

[618] Fix | Delete

[619] Fix | Delete

getStyleSettings: function getStyleSettings(props, handlers, sizeOptions) {

[620] Fix | Delete

return /*#__PURE__*/React.createElement(InspectorControls, {

[621] Fix | Delete

key: "wpforms-gutenberg-form-selector-style-settings"

[622] Fix | Delete

}, app.jsxParts.getFieldStyles(props, handlers, sizeOptions), app.jsxParts.getLabelStyles(props, handlers, sizeOptions), app.jsxParts.getButtonStyles(props, handlers, sizeOptions));

[623] Fix | Delete

[624] Fix | Delete

/**

[625] Fix | Delete

* Get advanced settings JSX code.

[626] Fix | Delete

[627] Fix | Delete

* @since 1.8.1

[628] Fix | Delete

[629] Fix | Delete

* @param {Object} props Block properties.

[630] Fix | Delete

* @param {Object} handlers Block event handlers.

[631] Fix | Delete

[632] Fix | Delete

* @return {Object} Inspector advanced controls JSX code.

[633] Fix | Delete

[634] Fix | Delete

getAdvancedSettings: function getAdvancedSettings(props, handlers) {

[635] Fix | Delete

// eslint-disable-next-line react-hooks/rules-of-hooks

[636] Fix | Delete

var _useState = useState(false),

[637] Fix | Delete

_useState2 = _slicedToArray(_useState, 2),

[638] Fix | Delete

isOpen = _useState2[0],

[639] Fix | Delete

setOpen = _useState2[1];

[640] Fix | Delete

var openModal = function openModal() {

[641] Fix | Delete

return setOpen(true);

[642] Fix | Delete

};

[643] Fix | Delete

var closeModal = function closeModal() {

[644] Fix | Delete

return setOpen(false);

[645] Fix | Delete

};

[646] Fix | Delete

return /*#__PURE__*/React.createElement(InspectorAdvancedControls, null, /*#__PURE__*/React.createElement("div", {

[647] Fix | Delete

className: app.getPanelClass(props)

[648] Fix | Delete

}, /*#__PURE__*/React.createElement(TextareaControl, {

[649] Fix | Delete

label: strings.copy_paste_settings,

[650] Fix | Delete

rows: "4",

[651] Fix | Delete

spellCheck: "false",

[652] Fix | Delete

value: props.attributes.copyPasteJsonValue,

[653] Fix | Delete

onChange: function onChange(value) {

[654] Fix | Delete

return handlers.pasteSettings(value);

[655] Fix | Delete

}

[656] Fix | Delete

}), /*#__PURE__*/React.createElement("div", {

[657] Fix | Delete

className: "wpforms-gutenberg-form-selector-legend",

[658] Fix | Delete

dangerouslySetInnerHTML: {

[659] Fix | Delete

__html: strings.copy_paste_notice

[660] Fix | Delete

}

[661] Fix | Delete

}), /*#__PURE__*/React.createElement(Button, {

[662] Fix | Delete

className: "wpforms-gutenberg-form-selector-reset-button",

[663] Fix | Delete

onClick: openModal

[664] Fix | Delete

}, strings.reset_style_settings)), isOpen && /*#__PURE__*/React.createElement(Modal, {

[665] Fix | Delete

className: "wpforms-gutenberg-modal",

[666] Fix | Delete

title: strings.reset_style_settings,

[667] Fix | Delete

onRequestClose: closeModal

[668] Fix | Delete

}, /*#__PURE__*/React.createElement("p", null, strings.reset_settings_confirm_text), /*#__PURE__*/React.createElement(Flex, {

[669] Fix | Delete

gap: 3,

[670] Fix | Delete

align: "center",

[671] Fix | Delete

justify: "flex-end"

[672] Fix | Delete

}, /*#__PURE__*/React.createElement(Button, {

[673] Fix | Delete

isSecondary: true,

[674] Fix | Delete

onClick: closeModal

[675] Fix | Delete

}, strings.btn_no), /*#__PURE__*/React.createElement(Button, {

[676] Fix | Delete

isPrimary: true,

[677] Fix | Delete

onClick: function onClick() {

[678] Fix | Delete

closeModal();

[679] Fix | Delete

handlers.resetSettings();

[680] Fix | Delete

}

[681] Fix | Delete

}, strings.btn_yes_reset))));

[682] Fix | Delete

[683] Fix | Delete

/**

[684] Fix | Delete

* Get block content JSX code.

[685] Fix | Delete

[686] Fix | Delete

* @since 1.8.1

[687] Fix | Delete

[688] Fix | Delete

* @param {Object} props Block properties.

[689] Fix | Delete

[690] Fix | Delete

* @return {JSX.Element} Block content JSX code.

[691] Fix | Delete

[692] Fix | Delete

getBlockFormContent: function getBlockFormContent(props) {

[693] Fix | Delete

if (triggerServerRender) {

[694] Fix | Delete

return /*#__PURE__*/React.createElement(ServerSideRender, {

[695] Fix | Delete

key: "wpforms-gutenberg-form-selector-server-side-renderer",

[696] Fix | Delete

block: "wpforms/form-selector",

[697] Fix | Delete

attributes: props.attributes

[698] Fix | Delete

});

[699] Fix | Delete

}

[700] Fix | Delete

var clientId = props.clientId;

[701] Fix | Delete

var block = app.getBlockContainer(props);

[702] Fix | Delete

[703] Fix | Delete

// In the case of empty content, use server side renderer.

[704] Fix | Delete

// This happens when the block is duplicated or converted to a reusable block.

[705] Fix | Delete

if (!block || !block.innerHTML) {

[706] Fix | Delete

triggerServerRender = true;

[707] Fix | Delete

return app.jsxParts.getBlockFormContent(props);

[708] Fix | Delete

}

[709] Fix | Delete

blocks[clientId] = blocks[clientId] || {};

[710] Fix | Delete

blocks[clientId].blockHTML = block.innerHTML;

[711] Fix | Delete

blocks[clientId].loadedFormId = props.attributes.formId;

[712] Fix | Delete

return /*#__PURE__*/React.createElement(Fragment, {

[713] Fix | Delete

key: "wpforms-gutenberg-form-selector-fragment-form-html"

[714] Fix | Delete

}, /*#__PURE__*/React.createElement("div", {

[715] Fix | Delete

dangerouslySetInnerHTML: {

[716] Fix | Delete

__html: blocks[clientId].blockHTML

[717] Fix | Delete

}

[718] Fix | Delete

}));

[719] Fix | Delete

[720] Fix | Delete

/**

[721] Fix | Delete

* Get block preview JSX code.

[722] Fix | Delete

[723] Fix | Delete

* @since 1.8.1

[724] Fix | Delete

[725] Fix | Delete

* @return {JSX.Element} Block preview JSX code.

[726] Fix | Delete

[727] Fix | Delete

getBlockPreview: function getBlockPreview() {

[728] Fix | Delete

return /*#__PURE__*/React.createElement(Fragment, {

[729] Fix | Delete

key: "wpforms-gutenberg-form-selector-fragment-block-preview"

[730] Fix | Delete

}, /*#__PURE__*/React.createElement("img", {

[731] Fix | Delete

src: wpforms_gutenberg_form_selector.block_preview_url,

[732] Fix | Delete

style: {

[733] Fix | Delete

width: '100%'

[734] Fix | Delete

[735] Fix | Delete

alt: ""

[736] Fix | Delete

}));

[737] Fix | Delete

[738] Fix | Delete

/**

[739] Fix | Delete

* Get block empty JSX code.

[740] Fix | Delete

[741] Fix | Delete

* @since 1.8.3

[742] Fix | Delete

[743] Fix | Delete

* @param {Object} props Block properties.

[744] Fix | Delete

* @return {JSX.Element} Block empty JSX code.

[745] Fix | Delete

[746] Fix | Delete

getEmptyFormsPreview: function getEmptyFormsPreview(props) {

[747] Fix | Delete

var clientId = props.clientId;

[748] Fix | Delete

return /*#__PURE__*/React.createElement(Fragment, {

[749] Fix | Delete

key: "wpforms-gutenberg-form-selector-fragment-block-empty"

[750] Fix | Delete

}, /*#__PURE__*/React.createElement("div", {

[751] Fix | Delete

className: "wpforms-no-form-preview"

[752] Fix | Delete

}, /*#__PURE__*/React.createElement("img", {

[753] Fix | Delete

src: wpforms_gutenberg_form_selector.block_empty_url,

[754] Fix | Delete

alt: ""

[755] Fix | Delete

}), /*#__PURE__*/React.createElement("p", null, createInterpolateElement(__('You can use <b>WPForms</b> to build contact forms, surveys, payment forms, and more with just a few clicks.', 'wpforms-lite'), {

[756] Fix | Delete

b: /*#__PURE__*/React.createElement("strong", null)

[757] Fix | Delete

})), /*#__PURE__*/React.createElement("button", {

[758] Fix | Delete

type: "button",

[759] Fix | Delete

className: "get-started-button components-button is-primary",

[760] Fix | Delete

onClick: function onClick() {

[761] Fix | Delete

app.openBuilderPopup(clientId);

[762] Fix | Delete

}

[763] Fix | Delete

}, __('Get Started', 'wpforms-lite')), /*#__PURE__*/React.createElement("p", {

[764] Fix | Delete

className: "empty-desc"

[765] Fix | Delete

}, createInterpolateElement(__('Need some help? Check out our <a>comprehensive guide.</a>', 'wpforms-lite'), {

[766] Fix | Delete

// eslint-disable-next-line jsx-a11y/anchor-has-content

[767] Fix | Delete

a: /*#__PURE__*/React.createElement("a", {

[768] Fix | Delete

href: wpforms_gutenberg_form_selector.wpforms_guide,

[769] Fix | Delete

target: "_blank",

[770] Fix | Delete

rel: "noopener noreferrer"

[771] Fix | Delete

})

[772] Fix | Delete

})), /*#__PURE__*/React.createElement("div", {

[773] Fix | Delete

id: "wpforms-gutenberg-popup",

[774] Fix | Delete

className: "wpforms-builder-popup"

[775] Fix | Delete

}, /*#__PURE__*/React.createElement("iframe", {

[776] Fix | Delete

src: "about:blank",

[777] Fix | Delete

width: "100%",

[778] Fix | Delete

height: "100%",

[779] Fix | Delete

id: "wpforms-builder-iframe",

[780] Fix | Delete

title: "WPForms Builder Popup"

[781] Fix | Delete

}))));

[782] Fix | Delete

[783] Fix | Delete

/**

[784] Fix | Delete

* Get block placeholder (form selector) JSX code.

[785] Fix | Delete

[786] Fix | Delete

* @since 1.8.1

[787] Fix | Delete

[788] Fix | Delete

* @param {Object} attributes Block attributes.

[789] Fix | Delete

* @param {Object} handlers Block event handlers.

[790] Fix | Delete

* @param {Object} formOptions Form selector options.

[791] Fix | Delete

[792] Fix | Delete

* @return {JSX.Element} Block placeholder JSX code.

[793] Fix | Delete

[794] Fix | Delete

getBlockPlaceholder: function getBlockPlaceholder(attributes, handlers, formOptions) {

[795] Fix | Delete

return /*#__PURE__*/React.createElement(Placeholder, {

[796] Fix | Delete

key: "wpforms-gutenberg-form-selector-wrap",

[797] Fix | Delete

className: "wpforms-gutenberg-form-selector-wrap"

[798] Fix | Delete

}, /*#__PURE__*/React.createElement("img", {

[799] Fix | Delete

src: wpforms_gutenberg_form_selector.logo_url,

[800] Fix | Delete

alt: ""

[801] Fix | Delete

}), /*#__PURE__*/React.createElement(SelectControl, {

[802] Fix | Delete

key: "wpforms-gutenberg-form-selector-select-control",

[803] Fix | Delete

value: attributes.formId,

[804] Fix | Delete

options: formOptions,

[805] Fix | Delete

onChange: function onChange(value) {

[806] Fix | Delete

return handlers.attrChange('formId', value);

[807] Fix | Delete

}

[808] Fix | Delete

}));

[809] Fix | Delete

}

[810] Fix | Delete

[811] Fix | Delete

/**

[812] Fix | Delete

* Get Style Settings panel class.

[813] Fix | Delete

[814] Fix | Delete

* @since 1.8.1

[815] Fix | Delete

[816] Fix | Delete

* @param {Object} props Block properties.

[817] Fix | Delete

[818] Fix | Delete

* @return {string} Style Settings panel class.

[819] Fix | Delete

[820] Fix | Delete

getPanelClass: function getPanelClass(props) {

[821] Fix | Delete

var cssClass = 'wpforms-gutenberg-panel wpforms-block-settings-' + props.clientId;

[822] Fix | Delete

if (!app.isFullStylingEnabled()) {

[823] Fix | Delete

cssClass += ' disabled_panel';

[824] Fix | Delete

}

[825] Fix | Delete

return cssClass;

[826] Fix | Delete

[827] Fix | Delete

/**

[828] Fix | Delete

* Determine whether the full styling is enabled.

[829] Fix | Delete

[830] Fix | Delete

* @since 1.8.1

[831] Fix | Delete

[832] Fix | Delete

* @return {boolean} Whether the full styling is enabled.

[833] Fix | Delete

[834] Fix | Delete

isFullStylingEnabled: function isFullStylingEnabled() {

[835] Fix | Delete

return wpforms_gutenberg_form_selector.is_modern_markup && wpforms_gutenberg_form_selector.is_full_styling;

[836] Fix | Delete

[837] Fix | Delete

/**

[838] Fix | Delete

* Get block container DOM element.

[839] Fix | Delete

[840] Fix | Delete

* @since 1.8.1

[841] Fix | Delete

[842] Fix | Delete

* @param {Object} props Block properties.

[843] Fix | Delete

[844] Fix | Delete

* @return {Element} Block container.

[845] Fix | Delete

[846] Fix | Delete

getBlockContainer: function getBlockContainer(props) {

[847] Fix | Delete

var blockSelector = "#block-".concat(props.clientId, " > div");

[848] Fix | Delete

var block = document.querySelector(blockSelector);

[849] Fix | Delete

[850] Fix | Delete

// For FSE / Gutenberg plugin we need to take a look inside the iframe.

[851] Fix | Delete

if (!block) {

[852] Fix | Delete

var editorCanvas = document.querySelector('iframe[name="editor-canvas"]');

[853] Fix | Delete

block = editorCanvas && editorCanvas.contentWindow.document.querySelector(blockSelector);

[854] Fix | Delete

}

[855] Fix | Delete

return block;

[856] Fix | Delete

[857] Fix | Delete

/**

[858] Fix | Delete

* Get settings fields event handlers.

[859] Fix | Delete

[860] Fix | Delete

* @since 1.8.1

[861] Fix | Delete

[862] Fix | Delete

* @param {Object} props Block properties.

[863] Fix | Delete

[864] Fix | Delete

* @return {Object} Object that contains event handlers for the settings fields.

[865] Fix | Delete

[866] Fix | Delete

getSettingsFieldsHandlers: function getSettingsFieldsHandlers(props) {

[867] Fix | Delete

// eslint-disable-line max-lines-per-function

[868] Fix | Delete

return {

[869] Fix | Delete

/**

[870] Fix | Delete

* Field style attribute change event handler.

[871] Fix | Delete

[872] Fix | Delete

* @since 1.8.1

[873] Fix | Delete

[874] Fix | Delete

* @param {string} attribute Attribute name.

[875] Fix | Delete

* @param {string} value New attribute value.

[876] Fix | Delete

[877] Fix | Delete

styleAttrChange: function styleAttrChange(attribute, value) {

[878] Fix | Delete

var block = app.getBlockContainer(props),

[879] Fix | Delete

container = block.querySelector("#wpforms-".concat(props.attributes.formId)),

[880] Fix | Delete

property = attribute.replace(/[A-Z]/g, function (letter) {

[881] Fix | Delete

return "-".concat(letter.toLowerCase());

[882] Fix | Delete

}),

[883] Fix | Delete

setAttr = {};

[884] Fix | Delete

if (container) {

[885] Fix | Delete

switch (property) {

[886] Fix | Delete

case 'field-size':

[887] Fix | Delete

case 'label-size':

[888] Fix | Delete

case 'button-size':

[889] Fix | Delete

for (var key in sizes[property][value]) {

[890] Fix | Delete

container.style.setProperty("--wpforms-".concat(property, "-").concat(key), sizes[property][value][key]);

[891] Fix | Delete

}

[892] Fix | Delete

break;

[893] Fix | Delete

default:

[894] Fix | Delete

container.style.setProperty("--wpforms-".concat(property), value);

[895] Fix | Delete

}

[896] Fix | Delete

}

[897] Fix | Delete

setAttr[attribute] = value;

[898] Fix | Delete

props.setAttributes(setAttr);

[899] Fix | Delete

triggerServerRender = false;

[900] Fix | Delete

this.updateCopyPasteContent();

[901] Fix | Delete

$(window).trigger('wpformsFormSelectorStyleAttrChange', [block, props, attribute, value]);

[902] Fix | Delete

[903] Fix | Delete

/**

[904] Fix | Delete

* Field regular attribute change event handler.

[905] Fix | Delete

[906] Fix | Delete

* @since 1.8.1

[907] Fix | Delete

[908] Fix | Delete

* @param {string} attribute Attribute name.

[909] Fix | Delete

* @param {string} value New attribute value.

[910] Fix | Delete

[911] Fix | Delete

attrChange: function attrChange(attribute, value) {

[912] Fix | Delete

var setAttr = {};

[913] Fix | Delete

setAttr[attribute] = value;

[914] Fix | Delete

props.setAttributes(setAttr);

[915] Fix | Delete

triggerServerRender = true;

[916] Fix | Delete

this.updateCopyPasteContent();

[917] Fix | Delete

[918] Fix | Delete

/**

[919] Fix | Delete

* Reset Form Styles settings to defaults.

[920] Fix | Delete

[921] Fix | Delete

* @since 1.8.1

[922] Fix | Delete

[923] Fix | Delete

resetSettings: function resetSettings() {

[924] Fix | Delete

for (var key in defaultStyleSettings) {

[925] Fix | Delete

this.styleAttrChange(key, defaultStyleSettings[key]);

[926] Fix | Delete

}

[927] Fix | Delete

[928] Fix | Delete

/**

[929] Fix | Delete

* Update content of the "Copy/Paste" fields.

[930] Fix | Delete

[931] Fix | Delete

* @since 1.8.1

[932] Fix | Delete

[933] Fix | Delete

updateCopyPasteContent: function updateCopyPasteContent() {

[934] Fix | Delete

var content = {};

[935] Fix | Delete

var atts = wp.data.select('core/block-editor').getBlockAttributes(props.clientId);

[936] Fix | Delete

for (var key in defaultStyleSettings) {

[937] Fix | Delete

content[key] = atts[key];

[938] Fix | Delete

}

[939] Fix | Delete

props.setAttributes({

[940] Fix | Delete

copyPasteJsonValue: JSON.stringify(content)

[941] Fix | Delete

});

[942] Fix | Delete

[943] Fix | Delete

/**

[944] Fix | Delete

* Paste settings handler.

[945] Fix | Delete

[946] Fix | Delete

* @since 1.8.1

[947] Fix | Delete

[948] Fix | Delete

* @param {string} value New attribute value.

[949] Fix | Delete

[950] Fix | Delete

pasteSettings: function pasteSettings(value) {

[951] Fix | Delete

var pasteAttributes = app.parseValidateJson(value);

[952] Fix | Delete

if (!pasteAttributes) {

[953] Fix | Delete

wp.data.dispatch('core/notices').createErrorNotice(strings.copy_paste_error, {

[954] Fix | Delete

id: 'wpforms-json-parse-error'

[955] Fix | Delete

});

[956] Fix | Delete

this.updateCopyPasteContent();

[957] Fix | Delete

return;

[958] Fix | Delete

}

[959] Fix | Delete

pasteAttributes.copyPasteJsonValue = value;

[960] Fix | Delete

props.setAttributes(pasteAttributes);

[961] Fix | Delete

triggerServerRender = true;

[962] Fix | Delete

}

[963] Fix | Delete

};

[964] Fix | Delete

[965] Fix | Delete

/**

[966] Fix | Delete

* Parse and validate JSON string.

[967] Fix | Delete

[968] Fix | Delete

* @since 1.8.1

[969] Fix | Delete

[970] Fix | Delete

* @param {string} value JSON string.

[971] Fix | Delete

[972] Fix | Delete

* @return {boolean|object} Parsed JSON object OR false on error.

[973] Fix | Delete

[974] Fix | Delete

parseValidateJson: function parseValidateJson(value) {

[975] Fix | Delete

if (typeof value !== 'string') {

[976] Fix | Delete

return false;

[977] Fix | Delete

}

[978] Fix | Delete

var atts;

[979] Fix | Delete

try {

[980] Fix | Delete

atts = JSON.parse(value);

[981] Fix | Delete

} catch (error) {

[982] Fix | Delete

atts = false;

[983] Fix | Delete

}

[984] Fix | Delete

return atts;

[985] Fix | Delete

[986] Fix | Delete

/**

[987] Fix | Delete

* Get WPForms icon DOM element.

[988] Fix | Delete

[989] Fix | Delete

* @since 1.8.1

[990] Fix | Delete

[991] Fix | Delete

* @return {DOM.element} WPForms icon DOM element.

[992] Fix | Delete

[993] Fix | Delete

getIcon: function getIcon() {

[994] Fix | Delete

return createElement('svg', {

[995] Fix | Delete

width: 20,

[996] Fix | Delete

height: 20,

[997] Fix | Delete

viewBox: '0 0 612 612',

[998] Fix | Delete

className: 'dashicon'

[999] Fix | Delete

123