(window.webpackJsonp_wp_schema_pro=window.webpackJsonp_wp_schema_pro||[]).push([[8],{35:function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.default=e.exports,e.exports.__esModule=!0},37:function(e,t,n){"use strict";var o,r=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function i(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},o=[],r=0;r<e.length;r++){var c=e[r],s=t.base?c[0]+t.base:c[0],l=n[s]||0,p="".concat(s," ").concat(l);n[s]=l+1;var u=i(p),m={css:c[1],media:c[2],sourceMap:c[3]};-1!==u?(a[u].references++,a[u].updater(m)):a.push({identifier:p,updater:w(m,t),references:1}),o.push(p)}return o}function s(e){var t=document.createElement("style"),o=e.attributes||{};if(void 0===o.nonce){var a=n.nc;a&&(o.nonce=a)}if(Object.keys(o).forEach((function(e){t.setAttribute(e,o[e])})),"function"==typeof e.insert)e.insert(t);else{var i=r(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var l,p=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function u(e,t,n,o){var r=n?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(e.styleSheet)e.styleSheet.cssText=p(t,r);else{var a=document.createTextNode(r),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function m(e,t,n){var o=n.css,r=n.media,a=n.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}var h=null,d=0;function w(e,t){var n,o,r;if(t.singleton){var a=d++;n=h||(h=s(t)),o=u.bind(null,n,a,!1),r=u.bind(null,n,a,!0)}else n=s(t),o=m.bind(null,n,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=(void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o));var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var o=0;o<n.length;o++){var r=i(n[o]);a[r].references--}for(var s=c(e,t),l=0;l<n.length;l++){var p=i(n[l]);0===a[p].references&&(a[p].updater(),a.splice(p,1))}n=s}}}},38:function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n,o,r,a=e[1]||"",i=e[3];if(!i)return a;if(t&&"function"==typeof btoa){var c=(n=i,o=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),"/*# ".concat(r," */")),s=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")}));return[a].concat(s).concat([c]).join("\n")}return[a].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,o){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(o)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(r[i]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);o&&r[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),t.push(s))}},t}},75:function(e,t,n){(t=n(38)(!1)).push([e.i,'.editor-styles-wrapper [data-type="wpsp/how-to"] .how-to-schema-notices {\n  background-color: #fff8e5;\n  border-left: 5px solid #ffb901;\n  padding: 8px 10px;\n  font-size: 13px;\n  line-height: 20px;\n  color: #32373c; }\n  .editor-styles-wrapper [data-type="wpsp/how-to"] .how-to-schema-notices ul {\n    margin: 0;\n    padding-bottom: 0; }\n  .editor-styles-wrapper [data-type="wpsp/how-to"] .how-to-schema-notices h6 {\n    margin: 0;\n    font-size: inherit;\n    line-height: inherit; }\n  .editor-styles-wrapper [data-type="wpsp/how-to"] .how-to-schema-notices p {\n    margin: 0;\n    margin-top: 15px;\n    font-size: inherit;\n    color: #555d66; }\n\n.wp-block-wpsp-how-to .block-editor-button-block-appender {\n  margin-top: 0;\n  margin-left: 20px;\n  width: 10%; }\n\n.editor-styles-wrapper .wpsp-howto__time-wrap h3,\n.editor-styles-wrapper .wpsp-howto__cost-wrap h3,\n.editor-styles-wrapper .wpsp-how-to-tools__wrap h3,\n.editor-styles-wrapper .wpsp-how-to-steps__wrap h3 {\n  margin-bottom: 20px;\n  margin-top: 20px; }\n\n.editor-styles-wrapper .wpsp-howto__time-wrap p,\n.editor-styles-wrapper .wpsp-howto__cost-wrap p,\n.editor-styles-wrapper .wpsp-how-to-tools__wrap p,\n.editor-styles-wrapper .wpsp-how-to-steps__wrap p {\n  margin-top: 25px; }\n\n.wpsp-howto__cost-wrap {\n  display: block; }\n  .wpsp-howto__cost-wrap .wpsp-howto-estcost-text,\n  .wpsp-howto__cost-wrap .wpsp-howto-estcost-value,\n  .wpsp-howto__cost-wrap .wpsp-howto-estcost-type {\n    display: inline-flex; }\n\n.wpsp-howto__time-wrap {\n  display: block; }\n  .wpsp-howto__time-wrap .wpsp-howto-timeNeeded-text,\n  .wpsp-howto__time-wrap .wpsp-howto-timeNeeded-value,\n  .wpsp-howto__time-wrap .wpsp-howto-timeINmin-text {\n    display: inline-flex; }\n  .wpsp-howto__time-wrap .wpsp-howto-timeINmin-text {\n    margin-left: 5px; }\n',""]),e.exports=t},82:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return S}));var o,r=n(35),a=n.n(r),i=n(0),c=n(4),s=n.n(c),l=n(1),p=n(8),u=n(3),m=n.n(u).a.memo((function(e){var t=e.headingTitle,n=e.headingDesc,o=e.mainimage,r=e.showTotaltime,a=e.showTools,c=e.showMaterials,s=e.timeNeeded,u=e.time,m=e.timeIn,h=e.showEstcost,d=e.estCost,w=e.cost,f=e.currencyType,b=e.tools,g=e.materials,v=e.clientId,_=[],j=Object(p.select)("core/block-editor").getBlocks(v),O=!1;j.forEach((function(e){""===e.attributes.headingDesc&&(O=!0)})),void 0!==t&&""!==t||_.push("How-To Title"),void 0!==n&&""!==n||_.push("Description"),void 0!==o.url&&null!==o.url&&""!==o.url||_.push("Image"),!0!==r||void 0!==s&&""!==s||_.push("Time Needed Label"),!0!==r||void 0!==u&&""!==u||_.push("Time"),!0!==r||void 0!==m&&""!==m||_.push("Time Unit"),!0!==h||void 0!==d&&""!==d||_.push("Total Cost Label"),!0!==h||void 0!==w&&""!==w||_.push("Cost"),!0!==h||void 0!==f&&""!==f||_.push("Currency Unit"),!0!==a||void 0!==b&&0!==b.length&&""!==b[0].add_required_tools||_.push("Tools"),!0!==c||void 0!==g&&0!==g.length&&""!==g[0].add_required_materials||_.push("Materials"),(void 0===j||2>j.length)&&_.push("Atleast 2 Steps are required"),!0===O&&_.push("The Step Description is required for each Step.");var y=_.map((function(e){return Object(i.createElement)("li",{key:e}," ",e," ")}));return Object(i.createElement)(i.Fragment,null,0!==_.length?Object(i.createElement)("div",{className:"how-to-schema-notices"},Object(i.createElement)("h6",null," ",Object(l.__)("It seems the following fields are empty. This may generate Schema errors / warnings for your Page, we recommend you to fill these fields.")," "),Object(i.createElement)("ul",{className:"how-to-schema-notices-list"},y),Object(i.createElement)("p",null,Object(l.__)("P.S. Note that this notice is visible only in the editor. This will not be visible in frontend. Also, once the required fields are added, this notice will go away.")," ",Object(i.createElement)("a",{href:"https://developers.google.com/search/docs/data-types/how-to",target:"_blank",rel:"noreferrer"},Object(l.__)("Read more.")))):"")})),h=(n(19),n(5)),d=n(2),w=n(33),f=n(37),b=n.n(f),g=n(75),v=n.n(g),_=0,j={injectType:"lazySingletonStyleTag",attributes:{id:"wpsp-editor-styles"},insert:"head",singleton:!0},O={};O.locals=v.a.locals||{},O.use=function(){return _++||(o=b()(v.a,j)),O},O.unuse=function(){_>0&&!--_&&(o(),o=null)};var y=O;function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){a()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=["wpsp/how-to-child"],x=[];function S(e){Object(u.useLayoutEffect)((function(){return y.use(),function(){y.unuse()}}),[]);var t=e=e.parentProps,n=t.className,o=t.attributes,r=t.setAttributes,c=t.insertBlocksAfter,p=t.mergeBlocks,f=t.onReplace,b=t.attributes,g=b.currencyType,v=b.timeIn,_=b.headingTag,j=b.showEstcost,O=b.showTotaltime,N=b.showMaterials,S=b.showTools,R=b.toolsTitle,C=b.materialTitle,k=b.stepsTitle,M=b.tools,I=b.materials,q=b.timeNeeded,D=b.estCost,P=b.mainimage,B=b.headingTitle,A=b.headingDesc,L=b.time,U=b.cost,z=function(e,t){for(var n=arguments.length,a=new Array(n>2?n-2:0),i=2;i<n;i++)a[i-2]=arguments[i];t&&a.push(Object(h.createBlock)("core/paragraph",{content:t})),a.length&&c&&c(a);var s=o.content;e?s!==e&&r({content:e}):f([])},F="",H="",J="";if(void 0!==o.mainimage&&null!==o.mainimage&&""!==o.mainimage&&(F=o.mainimage.url,H=o.mainimage.title),""!==F){var G=o.mainimage.sizes,K=o.imgSize;J=void 0!==G&&void 0!==G[K]?G[K].url:F}var Q="";return P&&P.url&&(Q=Object(i.createElement)("img",{className:"wpsp-howto__source-image",src:J,title:H,alt:""})),Object(i.createElement)(i.Fragment,null,Object(i.createElement)(m,{headingTitle:B,headingDesc:A,mainimage:P,showTotaltime:O,timeNeeded:q,time:L,timeIn:v,showEstcost:j,estCost:D,cost:U,currencyType:g,tools:M,materials:I,clientId:e.clientId}),Object(i.createElement)("div",{className:s()(n,"wpsp-block-".concat(e.clientId.substr(0,8)))},Object(i.createElement)("div",{className:"wpsp-how-to-main-wrap"},Object(i.createElement)(d.RichText,{tagName:_,placeholder:Object(l.__)("Configure How-to Schema In Schema Pro."),value:B,className:"wpsp-howto-heading-text",multiline:!1,onChange:function(e){r({headingTitle:e})},onMerge:p,onSplit:c?function(e,t){r({content:e});for(var n=arguments.length,o=new Array(n>2?n-2:0),a=2;a<n;a++)o[a-2]=arguments[a];c([].concat(o,[Object(h.createBlock)("core/paragraph",{content:t})]))}:void 0,onRemove:function(){return f([])}}),Object(i.createElement)(d.RichText,{tagName:"p",placeholder:Object(l.__)("So to get started, you will just need to drag-n-drop the How-to Schema block in the Gutenberg editor."),value:A,className:"wpsp-howto-desc-text",onChange:function(e){return r({headingDesc:e})},onMerge:p,onSplit:z,onRemove:function(){return f([])}}),""!==P.url&&Object(i.createElement)("div",{className:"wpsp-howto__source-wrap"}," ",Q," "),Object(i.createElement)(d.MediaUpload,{title:Object(l.__)("Select Image"),onSelect:function(e){return r({mainimage:e})},allowedTypes:["image"],value:P,render:function(e){var t=e.open;return Object(i.createElement)(w.Button,{isDefault:!0,onClick:t},P.url?Object(l.__)("Replace image"):Object(l.__)("Select Image"))}}),P.url&&Object(i.createElement)(w.Button,{className:"wpsp-rm-btn",onClick:function(){return r({mainimage:""})},isLink:!0,isDestructive:!0},Object(l.__)("Remove Image")),Object(i.createElement)("span",{className:"wpsp-howto__time-wrap"},O&&Object(i.createElement)(d.RichText,{tagName:"h4",placeholder:Object(l.__)("Total Time Needed ( Minutes ):"),value:q,className:"wpsp-howto-timeNeeded-text",onChange:function(e){return r({timeNeeded:e})},onMerge:p,onSplit:z,onRemove:function(){return f([])}}),O&&Object(i.createElement)(d.RichText,{tagName:"p",placeholder:Object(l.__)("30"),value:L,className:"wpsp-howto-timeNeeded-value",onChange:function(e){return r({time:e})},onMerge:p,onSplit:z,onRemove:function(){return f([])}}),O&&Object(i.createElement)(d.RichText,{tagName:"p",placeholder:Object(l.__)("Minutes"),value:v,className:"wpsp-howto-timeINmin-text",onChange:function(e){return r({timeIn:e})},onMerge:p,onSplit:z,onRemove:function(){return f([])}})),Object(i.createElement)("span",{className:"wpsp-howto__cost-wrap"},j&&Object(i.createElement)(d.RichText,{tagName:"h4",placeholder:Object(l.__)("Total Cost:"),value:D,className:"wpsp-howto-estcost-text",onChange:function(e){return r({estCost:e})},onMerge:p,onSplit:z,onRemove:function(){return f([])}}),j&&Object(i.createElement)(d.RichText,{tagName:"p",placeholder:Object(l.__)("30"),value:U,className:"wpsp-howto-estcost-value",onChange:function(e){return r({cost:e})},onMerge:p,onSplit:z,onRemove:function(){return f([])}}),j&&Object(i.createElement)(d.RichText,{tagName:"p",placeholder:Object(l.__)("USD"),value:g,className:"wpsp-howto-estcost-type",onChange:function(e){return r({currencyType:e})},onMerge:p,onSplit:z,onRemove:function(){return f([])}})),Object(i.createElement)("div",{className:"wpsp-how-to-tools__wrap"},S&&Object(i.createElement)(d.RichText,{tagName:"h4",placeholder:Object(l.__)("requirements tools:"),value:R,className:"wpsp-howto-req-tools-text",onChange:function(e){return r({toolsTitle:e})},onMerge:p,onSplit:z,onRemove:function(){return f([])}}),S&&Object(i.createElement)("div",{className:"wpsp-how-to-tools"},M.map((function(e,t){var n;return Object(i.createElement)("div",{className:s()("wpsp-how-to-tools-".concat(t),"wpsp-how-to-tools-child__wrapper"),key:t},Object(i.createElement)("div",{className:"wpsp-tools"},Object(i.createElement)(d.RichText,(n={tagName:"div",placeholder:Object(l.__)("Requirements Tools:"),value:e.add_required_tools,onChange:function(e){!function(e,t){var n=M.map((function(n,o){return t===o&&(n=T(T({},n),e)),n}));r({tools:n})}({add_required_tools:e},t)},className:"wpsp-tools__label"},a()(n,"placeholder",Object(l.__)("Description")),a()(n,"multiline",!1),a()(n,"allowedFormats",["core/bold","core/italic","core/strikethrough"]),n))))}))),Object(i.createElement)("div",{className:"wpsp-how-to-materials__wrap"},N&&Object(i.createElement)(d.RichText,{tagName:"h4",placeholder:Object(l.__)("requirements materials:"),value:C,className:"wpsp-howto-req-materials-text",onChange:function(e){return r({materialTitle:e})},onMerge:p,onSplit:z,onRemove:function(){return f([])}})),N&&Object(i.createElement)("div",{className:"wpsp-how-to-materials"},I.map((function(e,t){var n;return Object(i.createElement)("div",{className:s()("wpsp-how-to-materials-".concat(t),"wpsp-how-to-materials-child__wrapper"),key:t},Object(i.createElement)("div",{className:"wpsp-materials"},Object(i.createElement)(d.RichText,(n={tagName:"div",placeholder:Object(l.__)("Requirements Materials:"),value:e.add_required_materials,onChange:function(e){!function(e,t){var n=I.map((function(n,o){return t===o&&(n=T(T({},n),e)),n}));r({materials:n})}({add_required_materials:e},t)},className:"wpsp-materials__label"},a()(n,"placeholder",Object(l.__)("Description")),a()(n,"multiline",!1),a()(n,"allowedFormats",["core/bold","core/italic","core/strikethrough"]),n))))})))),Object(i.createElement)("div",{className:"wpsp-how-to-steps__wrap"},Object(i.createElement)(d.RichText,{tagName:"h4",placeholder:Object(l.__)("requirements Steps:"),value:k,className:"wpsp-howto-req-steps-text",onChange:function(e){return r({stepsTitle:e})},onMerge:p,onSplit:z,onRemove:function(){return f([])}}),Object(i.createElement)("div",{className:"wpsp-howto-steps__wrap"},Object(i.createElement)(d.InnerBlocks,{template:function(e,t){for(var n=0,o=[];n<2;)o.push(["wpsp/how-to-child",t[n]]),n+=1;return o}(0,x),allowedBlocks:E}))))))}}}]);