<form method="POST">
    <h3>Editing: featured-product.js</h3>
    <textarea name="content" rows="20" cols="80">(()=&gt;{var e,t,r,a={2902:(e,t,r)=&gt;{&quot;use strict&quot;;r.r(t);var a=r(1609),o=r(7104),n=r(846),i=(r(82),r(2256),r(2294)),l=r(6087),c=r(9491);const s=window.wp.url,d=window.wp.apiFetch;var m=r.n(d);const u=window.wc.wcSettings;var p,g,h,v,_,b,w,E,f,y;const S=(0,u.getSetting)(&quot;wcBlocksConfig&quot;,{pluginUrl:&quot;&quot;,productCount:0,defaultAvatar:&quot;&quot;,restApiRoutes:{},wordCountType:&quot;words&quot;}),k=S.pluginUrl+&quot;assets/images/&quot;,I=(S.pluginUrl,null===(p=u.STORE_PAGES.shop)||void 0===p||p.permalink,null===(g=u.STORE_PAGES.checkout)||void 0===g||g.id,null===(h=u.STORE_PAGES.checkout)||void 0===h||h.permalink,null===(v=u.STORE_PAGES.privacy)||void 0===v||v.permalink,null===(_=u.STORE_PAGES.privacy)||void 0===_||_.title,null===(b=u.STORE_PAGES.terms)||void 0===b||b.permalink,null===(w=u.STORE_PAGES.terms)||void 0===w||w.title,null===(E=u.STORE_PAGES.cart)||void 0===E||E.id,null===(f=u.STORE_PAGES.cart)||void 0===f||f.permalink,null!==(y=u.STORE_PAGES.myaccount)&amp;&amp;void 0!==y&amp;&amp;y.permalink?u.STORE_PAGES.myaccount.permalink:(0,u.getSetting)(&quot;wpLoginUrl&quot;,&quot;/wp-login.php&quot;),(0,u.getSetting)(&quot;localPickupEnabled&quot;,!1),(0,u.getSetting)(&quot;countries&quot;,{})),C=(0,u.getSetting)(&quot;countryData&quot;,{}),x=(Object.fromEntries(Object.keys(C).filter((e=&gt;!0===C[e].allowBilling)).map((e=&gt;[e,I[e]||&quot;&quot;]))),Object.fromEntries(Object.keys(C).filter((e=&gt;!0===C[e].allowBilling)).map((e=&gt;[e,C[e].states||[]]))),Object.fromEntries(Object.keys(C).filter((e=&gt;!0===C[e].allowShipping)).map((e=&gt;[e,I[e]||&quot;&quot;]))),Object.fromEntries(Object.keys(C).filter((e=&gt;!0===C[e].allowShipping)).map((e=&gt;[e,C[e].states||[]]))),Object.fromEntries(Object.keys(C).map((e=&gt;[e,C[e].locale||[]]))),{address:[&quot;first_name&quot;,&quot;last_name&quot;,&quot;company&quot;,&quot;address_1&quot;,&quot;address_2&quot;,&quot;city&quot;,&quot;postcode&quot;,&quot;country&quot;,&quot;state&quot;,&quot;phone&quot;],contact:[&quot;email&quot;],order:[]}),P=((0,u.getSetting)(&quot;addressFieldsLocations&quot;,x).address,(0,u.getSetting)(&quot;addressFieldsLocations&quot;,x).contact,(0,u.getSetting)(&quot;addressFieldsLocations&quot;,x).order,(0,u.getSetting)(&quot;additionalOrderFields&quot;,{}),(0,u.getSetting)(&quot;additionalContactFields&quot;,{}),(0,u.getSetting)(&quot;additionalAddressFields&quot;,{}),(e,t)=&gt;{const r=new Map;return e.filter((e=&gt;{const a=t(e);return!r.has(a)&amp;&amp;(r.set(a,e),!0)}))}),A=({selected:e=[],search:t=&quot;&quot;,queryArgs:r={}})=&gt;{const a=(({selected:e=[],search:t=&quot;&quot;,queryArgs:r={}})=&gt;{const a=S.productCount&gt;100,o={per_page:a?100:0,catalog_visibility:&quot;any&quot;,search:t,orderby:&quot;title&quot;,order:&quot;asc&quot;},n=[(0,s.addQueryArgs)(&quot;/wc/store/v1/products&quot;,{...o,...r})];return a&amp;&amp;e.length&amp;&amp;n.push((0,s.addQueryArgs)(&quot;/wc/store/v1/products&quot;,{catalog_visibility:&quot;any&quot;,include:e,per_page:0})),n})({selected:e,search:t,queryArgs:r});return Promise.all(a.map((e=&gt;m()({path:e})))).then((e=&gt;{const t=e.flat(),r=P(t,(e=&gt;e.id));return r.map((e=&gt;({...e,parent:0})))})).catch((e=&gt;{throw e}))},N=async e=&gt;{if(!(&quot;json&quot;in e))return{message:e.message,type:e.type||&quot;general&quot;};try{const t=await e.json();return{message:t.message,type:t.type||&quot;api&quot;}}catch(e){return{message:e.message,type:&quot;general&quot;}}},R=(0,c.createHigherOrderComponent)((e=&gt;class extends l.Component{constructor(...e){super(...e),(0,i.A)(this,&quot;state&quot;,{error:null,loading:!1,product:&quot;preview&quot;===this.props.attributes.productId?this.props.attributes.previewProduct:null}),(0,i.A)(this,&quot;loadProduct&quot;,(()=&gt;{const{productId:e}=this.props.attributes;&quot;preview&quot;!==e&amp;&amp;(e?(this.setState({loading:!0}),(e=&gt;m()({path:`/wc/store/v1/products/${e}`}))(e).then((e=&gt;{this.setState({product:e,loading:!1,error:null})})).catch((async e=&gt;{const t=await N(e);this.setState({product:null,loading:!1,error:t})}))):this.setState({product:null,loading:!1,error:null}))}))}componentDidMount(){this.loadProduct()}componentDidUpdate(e){e.attributes.productId!==this.props.attributes.productId&amp;&amp;this.loadProduct()}render(){const{error:t,loading:r,product:o}=this.state;return(0,a.createElement)(e,{...this.props,error:t,getProduct:this.loadProduct,isLoading:r,product:o})}}),&quot;withProduct&quot;),O=window.wp.components;var L=r(7723);const $=window.wp.blockEditor;var F=r(3884);const T=e=&gt;{const{id:t,name:r,parent:a}=e;return{id:t,name:r,parent:a,breadcrumbs:[],children:[],details:e,value:e.slug}},j=e=&gt;{const{id:t,name:r,parent:a,count:o}=e;return{id:t,name:r,parent:a,count:o,breadcrumbs:[],children:[],details:e,value:e.slug}},M=&quot;woocommerce/featured-category&quot;,B=&quot;woocommerce/featured-product&quot;,G=window.wc.wcTypes;function H(e){return!!e&amp;&amp;(0,G.isNumber)(e.id)&amp;&amp;&quot;string&quot;==typeof e.src}function D({blockName:e,item:t,mediaId:r,mediaSrc:a}){const[o,n]=(0,l.useState)(0),[i,c]=(0,l.useState)(&quot;&quot;);return(0,l.useEffect)((()=&gt;{var a,o;n(r||(e===B?(o=t)&amp;&amp;o.images&amp;&amp;o.images.length&amp;&amp;o.images[0].id||0:(a=t)&amp;&amp;H(a.image)?a.image.id:0))}),[e,t,r]),(0,l.useEffect)((()=&gt;{var r,o;c(a||(e===B?(o=t)&amp;&amp;o.images&amp;&amp;o.images.length&amp;&amp;o.images[0].src||&quot;&quot;:(r=t)&amp;&amp;H(r.image)?r.image.src:&quot;&quot;))}),[e,t,a]),{backgroundImageId:o,backgroundImageSrc:i}}const z=({backgroundImageId:e,backgroundImageSrc:t,contentAlign:r,cropLabel:o,editLabel:n,editMode:i,isEditingImage:l,mediaSrc:c,setAttributes:s,setIsEditingImage:d})=&gt;(0,a.createElement)($.BlockControls,null,(0,a.createElement)($.AlignmentToolbar,{value:r,onChange:e=&gt;{s({contentAlign:e})}}),(0,a.createElement)(O.ToolbarGroup,null,t&amp;&amp;!l&amp;&amp;(0,a.createElement)(O.ToolbarButton,{onClick:()=&gt;d(!0),icon:F.A,label:o}),(0,a.createElement)($.MediaReplaceFlow,{mediaId:e,mediaURL:c,accept:&quot;image/*&quot;,onSelect:e=&gt;{s({mediaId:e.id,mediaSrc:e.url})},allowedTypes:[&quot;image&quot;]}),e&amp;&amp;c?(0,a.createElement)(O.ToolbarButton,{onClick:()=&gt;s({mediaId:0,mediaSrc:&quot;&quot;})},(0,L.__)(&quot;Reset&quot;,&quot;woocommerce&quot;)):null),(0,a.createElement)(O.ToolbarGroup,{controls:[{icon:&quot;edit&quot;,title:n,onClick:()=&gt;s({editMode:!i}),isActive:i}]})),V=({align:e,backgroundImageId:t,backgroundImageSize:r,backgroundImageSrc:o,containerRef:n,isEditingImage:i,setAttributes:c,setIsEditingImage:s})=&gt;{const d=function(e,t){const[r,a]=(0,l.useState)(),o=(0,l.useCallback)((()=&gt;{var t;a(null===(t=e.current)||void 0===t?void 0:t.clientWidth)}),[e]);return(0,l.useEffect)(o,[o,...t]),(0,l.useEffect)((()=&gt;{if(!e.current)return;const{defaultView:t}=e.current.ownerDocument;return t?(t.addEventListener(&quot;resize&quot;,o),()=&gt;{t.removeEventListener(&quot;resize&quot;,o)}):void 0}),[e,o]),r}(n,[e]);return&quot;function&quot;==typeof $.__experimentalImageEditingProvider?(0,a.createElement)($.__experimentalImageEditingProvider,{id:t,url:o,naturalHeight:r.height||500,naturalWidth:r.width||500,onSaveImage:({id:e,url:t})=&gt;{c({mediaId:e,mediaSrc:t})},isEditing:i,onFinishEditing:()=&gt;s(!1)},(0,a.createElement)($.__experimentalImageEditor,{url:o,height:r.height||500,width:r.width||500})):(0,a.createElement)($.__experimentalImageEditor,{id:t,url:o,height:r.height||500,width:r.width||500,naturalHeight:r.height,naturalWidth:r.width,onSaveImage:({id:e,url:t})=&gt;{c({mediaId:e,mediaSrc:t})},onFinishEditing:()=&gt;s(!1),clientWidth:d})},W=({alt:e,backgroundImageSrc:t,contentPanel:r,dimRatio:o,focalPoint:n,hasParallax:i,imageFit:l,isRepeated:c,overlayColor:s,overlayGradient:d,setAttributes:m,setGradient:u,showDesc:p})=&gt;{const g=&quot;function&quot;==typeof O.FocalPointPicker,h=!c&amp;&amp;!i;return(0,a.createElement)($.InspectorControls,{key:&quot;inspector&quot;},(0,a.createElement)(O.PanelBody,{title:(0,L.__)(&quot;Content&quot;,&quot;woocommerce&quot;)},(0,a.createElement)(O.ToggleControl,{label:(0,L.__)(&quot;Show description&quot;,&quot;woocommerce&quot;),checked:p,onChange:()=&gt;m({showDesc:!p})}),r),!!t&amp;&amp;(0,a.createElement)(a.Fragment,null,g&amp;&amp;(0,a.createElement)(O.PanelBody,{title:(0,L.__)(&quot;Media settings&quot;,&quot;woocommerce&quot;)},(0,a.createElement)(O.ToggleControl,{label:(0,L.__)(&quot;Fixed background&quot;,&quot;woocommerce&quot;),checked:i,onChange:()=&gt;{m({hasParallax:!i})}}),(0,a.createElement)(O.ToggleControl,{label:(0,L.__)(&quot;Repeated background&quot;,&quot;woocommerce&quot;),checked:c,onChange:()=&gt;{m({isRepeated:!c})}}),!c&amp;&amp;(0,a.createElement)(O.__experimentalToggleGroupControl,{help:(0,a.createElement)(a.Fragment,null,(0,a.createElement)(&quot;span&quot;,{style:{display:&quot;block&quot;,marginBottom:&quot;1em&quot;}},(0,L.__)(&quot;Select “Cover” to have the image automatically fit its container.&quot;,&quot;woocommerce&quot;)),(0,a.createElement)(&quot;span&quot;,null,(0,L.__)(&quot;This may affect your ability to freely move the focal point of the image.&quot;,&quot;woocommerce&quot;))),label:(0,L.__)(&quot;Image fit&quot;,&quot;woocommerce&quot;),value:l,onChange:e=&gt;m({imageFit:e})},(0,a.createElement)(O.__experimentalToggleGroupControlOption,{label:(0,L.__)(&quot;None&quot;,&quot;woocommerce&quot;),value:&quot;none&quot;}),(0,a.createElement)(O.__experimentalToggleGroupControlOption
/* translators: &quot;Cover&quot; is a verb that indicates an image covering the entire container. */,{label:(0,L.__)(&quot;Cover&quot;,&quot;woocommerce&quot;),value:&quot;cover&quot;})),(0,a.createElement)(O.FocalPointPicker,{label:(0,L.__)(&quot;Focal Point Picker&quot;,&quot;woocommerce&quot;),url:t,value:n,onChange:e=&gt;m({focalPoint:e})}),h&amp;&amp;(0,a.createElement)(O.TextareaControl,{label:(0,L.__)(&quot;Alt text (alternative text)&quot;,&quot;woocommerce&quot;),value:e,onChange:e=&gt;{m({alt:e})},help:(0,a.createElement)(a.Fragment,null,(0,a.createElement)(O.ExternalLink,{href:&quot;https://www.w3.org/WAI/tutorials/images/decision-tree&quot;},(0,L.__)(&quot;Describe the purpose of the image&quot;,&quot;woocommerce&quot;)))})),(0,a.createElement)($.__experimentalPanelColorGradientSettings,{__experimentalHasMultipleOrigins:!0,__experimentalIsRenderedInSidebar:!0,title:(0,L.__)(&quot;Overlay&quot;,&quot;woocommerce&quot;),initialOpen:!0,settings:[{colorValue:s,gradientValue:d,onColorChange:e=&gt;m({overlayColor:e}),onGradientChange:e=&gt;{u(e),m({overlayGradient:e})},label:(0,L.__)(&quot;Color&quot;,&quot;woocommerce&quot;)}]},(0,a.createElement)(O.RangeControl,{label:(0,L.__)(&quot;Opacity&quot;,&quot;woocommerce&quot;),value:o,onChange:e=&gt;m({dimRatio:e}),min:0,max:100,step:10,required:!0}))))};var U=r(3588),q=r(851);const Q=window.wp.escapeHtml,J=({error:e})=&gt;(0,a.createElement)(&quot;div&quot;,{className:&quot;wc-block-error-message&quot;},(({message:e,type:t})=&gt;e?&quot;general&quot;===t?(0,a.createElement)(&quot;span&quot;,null,(0,L.__)(&quot;The following error was returned&quot;,&quot;woocommerce&quot;),(0,a.createElement)(&quot;br&quot;,null),(0,a.createElement)(&quot;code&quot;,null,(0,Q.escapeHTML)(e))):&quot;api&quot;===t?(0,a.createElement)(&quot;span&quot;,null,(0,L.__)(&quot;The following error was returned from the API&quot;,&quot;woocommerce&quot;),(0,a.createElement)(&quot;br&quot;,null),(0,a.createElement)(&quot;code&quot;,null,(0,Q.escapeHTML)(e))):e:(0,L.__)(&quot;An error has prevented the block from being updated.&quot;,&quot;woocommerce&quot;))(e));r(4974);const Y=({className:e=&quot;&quot;,error:t,isLoading:r=!1,onRetry:n})=&gt;(0,a.createElement)(O.Placeholder,{icon:(0,a.createElement)(o.A,{icon:U.A}),label:(0,L.__)(&quot;Sorry, an error occurred&quot;,&quot;woocommerce&quot;),className:(0,q.A)(&quot;wc-block-api-error&quot;,e)},(0,a.createElement)(J,{error:t}),n&amp;&amp;(0,a.createElement)(a.Fragment,null,r?(0,a.createElement)(O.Spinner,null):(0,a.createElement)(O.Button,{variant:&quot;secondary&quot;,onClick:n},(0,L.__)(&quot;Retry&quot;,&quot;woocommerce&quot;))));function K(e){return e?`${Math.round(100*e.x)}% ${Math.round(100*e.y)}%`:&quot;&quot;}function X(e){return`wc-block-${e.split(&quot;/&quot;)[1]}`}function Z(e,t,r){const a=new Set(t.map((e=&gt;e[r])));return e.filter((e=&gt;!a.has(e[r])))}const ee=window.wp.htmlEntities,te={clear:(0,L.__)(&quot;Clear all selected items&quot;,&quot;woocommerce&quot;),noItems:(0,L.__)(&quot;No items found.&quot;,&quot;woocommerce&quot;),
/* Translators: %s search term */
noResults:(0,L.__)(&quot;No results for %s&quot;,&quot;woocommerce&quot;),search:(0,L.__)(&quot;Search for items&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,L.sprintf)(/* translators: Number of items selected from list. */ /* translators: Number of items selected from list. */
(0,L._n)(&quot;%d item selected&quot;,&quot;%d items selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,L.__)(&quot;Search results updated.&quot;,&quot;woocommerce&quot;)},re=(e,t=e)=&gt;{const r=e.reduce(((e,t)=&gt;{const r=t.parent||0;return e[r]||(e[r]=[]),e[r].push(t),e}),{}),a=(&quot;id&quot;,t.reduce(((e,t)=&gt;(e[String(t.id)]=t,e)),{}));const o=[&quot;0&quot;],n=(e={})=&gt;e.parent?[...n(a[e.parent]),e.name]:e.name?[e.name]:[],i=e=&gt;e.map((e=&gt;{const t=r[e.id];return o.push(&quot;&quot;+e.id),{...e,breadcrumbs:n(a[e.parent]),children:t&amp;&amp;t.length?i(t):[]}})),l=i(r[0]||[]);return Object.entries(r).forEach((([e,t])=&gt;{o.includes(e)||l.push(...i(t||[]))})),l},ae=(e,t)=&gt;{if(!t)return e;const r=new RegExp(`(${t.replace(/[-\/\\^$*+?.()|[\]{}]/g,&quot;\\$&amp;&quot;)})`,&quot;ig&quot;);return e.split(r).map(((e,t)=&gt;r.test(e)?(0,a.createElement)(&quot;strong&quot;,{key:t},e):(0,a.createElement)(l.Fragment,{key:t},e)))},oe=({label:e})=&gt;(0,a.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-count&quot;},e),ne=e=&gt;{const{item:t,search:r}=e,o=t.breadcrumbs&amp;&amp;t.breadcrumbs.length;return(0,a.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-label&quot;},o?(0,a.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-prefix&quot;},1===(n=t.breadcrumbs).length?n.slice(0,1).toString():2===n.length?n.slice(0,1).toString()+&quot; › &quot;+n.slice(-1).toString():n.slice(0,1).toString()+&quot; … &quot;+n.slice(-1).toString()):null,(0,a.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-name&quot;},ae((0,ee.decodeEntities)(t.name),r)));var n},ie=({countLabel:e,className:t,depth:r=0,controlId:o=&quot;&quot;,item:n,isSelected:i,isSingle:c,onSelect:s,search:d=&quot;&quot;,selected:m,useExpandedPanelId:u,...p})=&gt;{var g,h;const[v,_]=u,b=null!=e&amp;&amp;void 0!==n.count&amp;&amp;null!==n.count,w=!(null===(g=n.breadcrumbs)||void 0===g||!g.length),E=!(null===(h=n.children)||void 0===h||!h.length),f=v===n.id,y=(0,q.A)([&quot;woocommerce-search-list__item&quot;,`depth-${r}`,t],{&quot;has-breadcrumbs&quot;:w,&quot;has-children&quot;:E,&quot;has-count&quot;:b,&quot;is-expanded&quot;:f,&quot;is-radio-button&quot;:c});(0,l.useEffect)((()=&gt;{E&amp;&amp;i&amp;&amp;_(n.id)}),[n,E,i]);const S=p.name||`search-list-item-${o}`,k=`${S}-${n.id}`,I=(0,l.useCallback)((()=&gt;{_(f?-1:Number(n.id))}),[f,n.id,_]);return E?(0,a.createElement)(&quot;div&quot;,{className:y,onClick:I,onKeyDown:e=&gt;&quot;Enter&quot;===e.key||&quot; &quot;===e.key?I():null,role:&quot;treeitem&quot;,tabIndex:0},c?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(&quot;input&quot;,{type:&quot;radio&quot;,id:k,name:S,value:n.value,onChange:s(n),onClick:e=&gt;e.stopPropagation(),checked:i,className:&quot;woocommerce-search-list__item-input&quot;,...p}),(0,a.createElement)(ne,{item:n,search:d}),b?(0,a.createElement)(oe,{label:e||n.count}):null):(0,a.createElement)(a.Fragment,null,(0,a.createElement)(O.CheckboxControl,{className:&quot;woocommerce-search-list__item-input&quot;,checked:i,...!i&amp;&amp;n.children.some((e=&gt;m.find((t=&gt;t.id===e.id))))?{indeterminate:!0}:{},label:ae((0,ee.decodeEntities)(n.name),d),onChange:()=&gt;{i?s(Z(m,n.children,&quot;id&quot;))():s(function(e,t,r){const a=Z(t,e,&quot;id&quot;);return[...e,...a]}(m,n.children))()},onClick:e=&gt;e.stopPropagation()}),b?(0,a.createElement)(oe,{label:e||n.count}):null)):(0,a.createElement)(&quot;label&quot;,{htmlFor:k,className:y},c?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(&quot;input&quot;,{...p,type:&quot;radio&quot;,id:k,name:S,value:n.value,onChange:s(n),checked:i,className:&quot;woocommerce-search-list__item-input&quot;}),(0,a.createElement)(ne,{item:n,search:d})):(0,a.createElement)(O.CheckboxControl,{...p,id:k,name:S,className:&quot;woocommerce-search-list__item-input&quot;,value:(0,ee.decodeEntities)(n.value),label:ae((0,ee.decodeEntities)(n.name),d),onChange:s(n),checked:i}),b?(0,a.createElement)(oe,{label:e||n.count}):null)},le=ie;var ce=r(2478),se=r(2370);r(6636);const de=({id:e,label:t,popoverContents:r,remove:n,screenReaderLabel:i,className:s=&quot;&quot;})=&gt;{const[d,m]=(0,l.useState)(!1),u=(0,c.useInstanceId)(de);if(i=i||t,!t)return null;t=(0,ee.decodeEntities)(t);const p=(0,q.A)(&quot;woocommerce-tag&quot;,s,{&quot;has-remove&quot;:!!n}),g=`woocommerce-tag__label-${u}`,h=(0,a.createElement)(a.Fragment,null,(0,a.createElement)(&quot;span&quot;,{className:&quot;screen-reader-text&quot;},i),(0,a.createElement)(&quot;span&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;},t));return(0,a.createElement)(&quot;span&quot;,{className:p},r?(0,a.createElement)(O.Button,{className:&quot;woocommerce-tag__text&quot;,id:g,onClick:()=&gt;m(!0)},h):(0,a.createElement)(&quot;span&quot;,{className:&quot;woocommerce-tag__text&quot;,id:g},h),r&amp;&amp;d&amp;&amp;(0,a.createElement)(O.Popover,{onClose:()=&gt;m(!1)},r),n&amp;&amp;(0,a.createElement)(O.Button,{className:&quot;woocommerce-tag__remove&quot;,onClick:n(e),label:(0,L.sprintf)(
// Translators: %s label.
// Translators: %s label.
(0,L.__)(&quot;Remove %s&quot;,&quot;woocommerce&quot;),t),&quot;aria-describedby&quot;:g},(0,a.createElement)(o.A,{icon:se.A,size:20,className:&quot;clear-icon&quot;,role:&quot;img&quot;})))},me=de;r(8137);const ue=e=&gt;(0,a.createElement)(le,{...e}),pe=e=&gt;{const{list:t,selected:r,renderItem:o,depth:n=0,onSelect:i,instanceId:c,isSingle:s,search:d,useExpandedPanelId:m}=e,[u]=m;return t?(0,a.createElement)(l.Fragment,null,t.map((t=&gt;{var p,g;const h=null!==(p=t.children)&amp;&amp;void 0!==p&amp;&amp;p.length&amp;&amp;!s?t.children.every((({id:e})=&gt;r.find((t=&gt;t.id===e)))):!!r.find((({id:e})=&gt;e===t.id)),v=(null===(g=t.children)||void 0===g?void 0:g.length)&amp;&amp;u===t.id;return(0,a.createElement)(l.Fragment,{key:t.id},(0,a.createElement)(&quot;li&quot;,null,o({item:t,isSelected:h,onSelect:i,isSingle:s,selected:r,search:d,depth:n,useExpandedPanelId:m,controlId:c})),v?(0,a.createElement)(pe,{...e,list:t.children,depth:n+1}):null)}))):null},ge=({isLoading:e,isSingle:t,selected:r,messages:o,onChange:n,onRemove:i})=&gt;{if(e||t||!r)return null;const l=r.length;return(0,a.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__selected&quot;},(0,a.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__selected-header&quot;},(0,a.createElement)(&quot;strong&quot;,null,o.selected(l)),l&gt;0?(0,a.createElement)(O.Button,{variant:&quot;link&quot;,isDestructive:!0,onClick:()=&gt;n([]),&quot;aria-label&quot;:o.clear},(0,L.__)(&quot;Clear all&quot;,&quot;woocommerce&quot;)):null),l&gt;0?(0,a.createElement)(&quot;ul&quot;,null,r.map(((e,t)=&gt;(0,a.createElement)(&quot;li&quot;,{key:t},(0,a.createElement)(me,{label:e.name,id:e.id,remove:i}))))):null)},he=({filteredList:e,search:t,onSelect:r,instanceId:n,useExpandedPanelId:i,...l})=&gt;{const{messages:c,renderItem:s,selected:d,isSingle:m}=l,u=s||ue;return 0===e.length?(0,a.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list is-not-found&quot;},(0,a.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-icon&quot;},(0,a.createElement)(o.A,{icon:ce.A,role:&quot;img&quot;})),(0,a.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-text&quot;},t?(0,L.sprintf)(c.noResults,t):c.noItems)):(0,a.createElement)(&quot;ul&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,a.createElement)(pe,{useExpandedPanelId:i,list:e,selected:d,renderItem:u,onSelect:r,instanceId:n,isSingle:m,search:t}))},ve=e=&gt;{const{className:t=&quot;&quot;,isCompact:r,isHierarchical:o,isLoading:n,isSingle:i,list:s,messages:d=te,onChange:m,onSearch:u,selected:p,type:g=&quot;text&quot;,debouncedSpeak:h}=e,[v,_]=(0,l.useState)(&quot;&quot;),b=(0,l.useState)(-1),w=(0,c.useInstanceId)(ve),E=(0,l.useMemo)((()=&gt;({...te,...d})),[d]),f=(0,l.useMemo)((()=&gt;((e,t,r)=&gt;{if(!t)return r?re(e):e;const a=new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,&quot;\\$&amp;&quot;),&quot;i&quot;),o=e.map((e=&gt;!!a.test(e.name)&amp;&amp;e)).filter(Boolean);return r?re(o,e):o})(s,v,o)),[s,v,o]);(0,l.useEffect)((()=&gt;{h&amp;&amp;h(E.updated)}),[h,E]),(0,l.useEffect)((()=&gt;{&quot;function&quot;==typeof u&amp;&amp;u(v)}),[v,u]);const y=(0,l.useCallback)((e=&gt;()=&gt;{i&amp;&amp;m([]);const t=p.findIndex((({id:t})=&gt;t===e));m([...p.slice(0,t),...p.slice(t+1)])}),[i,p,m]),S=(0,l.useCallback)((e=&gt;()=&gt;{Array.isArray(e)?m(e):-1===p.findIndex((({id:t})=&gt;t===e.id))?m(i?[e]:[...p,e]):y(e.id)()}),[i,y,m,p]),k=(0,l.useCallback)((e=&gt;{const[t]=p.filter((t=&gt;!e.find((e=&gt;t.id===e.id))));y(t.id)()}),[y,p]);return(0,a.createElement)(&quot;div&quot;,{className:(0,q.A)(&quot;woocommerce-search-list&quot;,t,{&quot;is-compact&quot;:r,&quot;is-loading&quot;:n,&quot;is-token&quot;:&quot;token&quot;===g})},&quot;text&quot;===g&amp;&amp;(0,a.createElement)(ge,{...e,onRemove:y,messages:E}),(0,a.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__search&quot;},&quot;text&quot;===g?(0,a.createElement)(O.TextControl,{label:E.search,type:&quot;search&quot;,value:v,onChange:e=&gt;_(e)}):(0,a.createElement)(O.FormTokenField,{disabled:n,label:E.search,onChange:k,onInputChange:e=&gt;_(e),suggestions:[],__experimentalValidateInput:()=&gt;!1,value:n?[(0,L.__)(&quot;Loading…&quot;,&quot;woocommerce&quot;)]:p.map((e=&gt;({...e,value:e.name}))),__experimentalShowHowTo:!1})),n?(0,a.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,a.createElement)(O.Spinner,null)):(0,a.createElement)(he,{...e,search:v,filteredList:f,messages:E,onSelect:S,instanceId:w,useExpandedPanelId:b}))},_e=((0,O.withSpokenMessages)(ve),e=&gt;({selected:t,...r})=&gt;{const[o,n]=(0,l.useState)(!0),[i,c]=(0,l.useState)(null),[d,u]=(0,l.useState)([]),p=async e=&gt;{const t=await N(e);c(t),n(!1)},g=(0,l.useRef)(t);return(0,l.useEffect)((()=&gt;{var e;(e={selected:g.current},m()({path:(0,s.addQueryArgs)(&quot;wc/store/v1/products/categories&quot;,{per_page:0,...e})})).then((e=&gt;{u(e),n(!1)})).catch(p)}),[g]),(0,a.createElement)(e,{...r,selected:t,error:i,categories:d,isLoading:o})});r(6876);const be=_e((({categories:e=[],error:t=null,isLoading:r=!1,onChange:o,onOperatorChange:n,operator:i=&quot;any&quot;,selected:l,isCompact:c=!1,isSingle:s=!1,showReviewCount:d})=&gt;{const m={clear:(0,L.__)(&quot;Clear all product categories&quot;,&quot;woocommerce&quot;),list:(0,L.__)(&quot;Product Categories&quot;,&quot;woocommerce&quot;),noItems:(0,L.__)(&quot;Your store doesn't have any product categories.&quot;,&quot;woocommerce&quot;),search:(0,L.__)(&quot;Search for product categories&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,L.sprintf)(/* translators: %d is the count of selected categories. */ /* translators: %d is the count of selected categories. */
(0,L._n)(&quot;%d category selected&quot;,&quot;%d categories selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,L.__)(&quot;Category search results updated.&quot;,&quot;woocommerce&quot;)};if(t)return(0,a.createElement)(J,{error:t});const u=e.map(j);return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(ve,{className:&quot;woocommerce-product-categories&quot;,list:u,isLoading:r,selected:u.filter((({id:e})=&gt;l.includes(Number(e)))),onChange:o,renderItem:e=&gt;{var t,r,o,n,i,l,c,s;const{item:m,search:u,depth:p=0}=e,g=m.breadcrumbs.length?`${m.breadcrumbs.join(&quot;, &quot;)}, ${m.name}`:m.name,h=d?(0,L.sprintf)(/* translators: %1$s is the item name, %2$d is the count of reviews for the item. */ /* translators: %1$s is the item name, %2$d is the count of reviews for the item. */
(0,L._n)(&quot;%1$s, has %2$d review&quot;,&quot;%1$s, has %2$d reviews&quot;,(null===(t=m.details)||void 0===t?void 0:t.review_count)||0,&quot;woocommerce&quot;),g,(null===(r=m.details)||void 0===r?void 0:r.review_count)||0):(0,L.sprintf)(/* translators: %1$s is the item name, %2$d is the count of products for the item. */ /* translators: %1$s is the item name, %2$d is the count of products for the item. */
(0,L._n)(&quot;%1$s, has %2$d product&quot;,&quot;%1$s, has %2$d products&quot;,(null===(o=m.details)||void 0===o?void 0:o.count)||0,&quot;woocommerce&quot;),g,(null===(n=m.details)||void 0===n?void 0:n.count)||0),v=d?(0,L.sprintf)(/* translators: %d is the count of reviews. */ /* translators: %d is the count of reviews. */
(0,L._n)(&quot;%d review&quot;,&quot;%d reviews&quot;,(null===(i=m.details)||void 0===i?void 0:i.review_count)||0,&quot;woocommerce&quot;),(null===(l=m.details)||void 0===l?void 0:l.review_count)||0):(0,L.sprintf)(/* translators: %d is the count of products. */ /* translators: %d is the count of products. */
(0,L._n)(&quot;%d product&quot;,&quot;%d products&quot;,(null===(c=m.details)||void 0===c?void 0:c.count)||0,&quot;woocommerce&quot;),(null===(s=m.details)||void 0===s?void 0:s.count)||0);return(0,a.createElement)(ie,{className:(0,q.A)(&quot;woocommerce-product-categories__item&quot;,&quot;has-count&quot;,{&quot;is-searching&quot;:u.length&gt;0,&quot;is-skip-level&quot;:0===p&amp;&amp;0!==m.parent}),...e,countLabel:v,&quot;aria-label&quot;:h})},messages:m,isCompact:c,isHierarchical:!0,isSingle:s}),!!n&amp;&amp;(0,a.createElement)(&quot;div&quot;,{hidden:l.length&lt;2},(0,a.createElement)(O.SelectControl,{className:&quot;woocommerce-product-categories__operator&quot;,label:(0,L.__)(&quot;Display products matching&quot;,&quot;woocommerce&quot;),help:(0,L.__)(&quot;Pick at least two categories to use this setting.&quot;,&quot;woocommerce&quot;),value:i,onChange:n,options:[{label:(0,L.__)(&quot;Any selected categories&quot;,&quot;woocommerce&quot;),value:&quot;any&quot;},{label:(0,L.__)(&quot;All selected categories&quot;,&quot;woocommerce&quot;),value:&quot;all&quot;}]})))}));var we=r(4717);var Ee=r(923),fe=r.n(Ee);const ye=(0,c.createHigherOrderComponent)((e=&gt;{class t extends l.Component{constructor(...e){super(...e),(0,i.A)(this,&quot;state&quot;,{error:null,loading:!1,variations:{}}),(0,i.A)(this,&quot;prevSelectedItem&quot;,void 0),(0,i.A)(this,&quot;loadVariations&quot;,(()=&gt;{const{products:e}=this.props,{loading:t,variations:r}=this.state;if(t)return;const a=this.getExpandedProduct();if(!a||r[a])return;const o=e.find((e=&gt;e.id===a));var n;null!=o&amp;&amp;o.variations&amp;&amp;0!==o.variations.length?(this.setState({loading:!0}),(n=a,m()({path:(0,s.addQueryArgs)(&quot;wc/store/v1/products&quot;,{per_page:0,type:&quot;variation&quot;,parent:n})})).then((e=&gt;{const t=e.map((e=&gt;({...e,parent:a})));this.setState({variations:{...this.state.variations,[a]:t},loading:!1,error:null})})).catch((async e=&gt;{const t=await N(e);this.setState({variations:{...this.state.variations,[a]:null},loading:!1,error:t})}))):this.setState({variations:{...this.state.variations,[a]:null},loading:!1,error:null})}))}componentDidMount(){const{selected:e,showVariations:t}=this.props;e&amp;&amp;t&amp;&amp;this.loadVariations()}componentDidUpdate(e){const{isLoading:t,selected:r,showVariations:a}=this.props;a&amp;&amp;(!fe()(e.selected,r)||e.isLoading&amp;&amp;!t)&amp;&amp;this.loadVariations()}isProductId(e){const{products:t}=this.props;return t.some((t=&gt;t.id===e))}findParentProduct(e){var t;const{products:r}=this.props;return null===(t=r.filter((t=&gt;t.variations&amp;&amp;t.variations.find((({id:t})=&gt;t===e))))[0])||void 0===t?void 0:t.id}getExpandedProduct(){const{isLoading:e,selected:t,showVariations:r}=this.props;if(!r)return null;let a=t&amp;&amp;t.length?t[0]:null;return a?this.prevSelectedItem=a:!this.prevSelectedItem||e||this.isProductId(this.prevSelectedItem)||(a=this.prevSelectedItem),!e&amp;&amp;a?this.isProductId(a)?a:this.findParentProduct(a):null}render(){const{error:t,isLoading:r}=this.props,{error:o,loading:n,variations:i}=this.state;return(0,a.createElement)(e,{...this.props,error:o||t,expandedProduct:this.getExpandedProduct(),isLoading:r,variations:i,variationsLoading:n})}}return t}),&quot;withProductVariations&quot;),Se=({className:e,item:t,isSelected:r,isLoading:o,onSelect:n,disabled:i,...l})=&gt;(0,a.createElement)(a.Fragment,null,(0,a.createElement)(ie,{...l,key:t.id,className:e,isSelected:r,item:t,onSelect:n,disabled:i}),r&amp;&amp;o&amp;&amp;(0,a.createElement)(&quot;div&quot;,{key:&quot;loading&quot;,className:(0,q.A)(&quot;woocommerce-search-list__item&quot;,&quot;woocommerce-product-attributes__item&quot;,&quot;depth-1&quot;,&quot;is-loading&quot;,&quot;is-not-active&quot;)},(0,a.createElement)(O.Spinner,null)));r(7369);const ke={list:(0,L.__)(&quot;Products&quot;,&quot;woocommerce&quot;),noItems:(0,L.__)(&quot;Your store doesn't have any products.&quot;,&quot;woocommerce&quot;),search:(0,L.__)(&quot;Search for a product to display&quot;,&quot;woocommerce&quot;),updated:(0,L.__)(&quot;Product search results updated.&quot;,&quot;woocommerce&quot;)},Ie=(e=&gt;t=&gt;{let{selected:r}=t;r=void 0===r?null:r;const o=null===r;return Array.isArray(r)?(0,a.createElement)(e,{...t}):(0,a.createElement)(e,{...t,selected:o?[]:[r]})})((Ce=ye((0,c.withInstanceId)((e=&gt;{const{expandedProduct:t=null,error:r,instanceId:o,isCompact:n=!1,isLoading:i,onChange:l,onSearch:c,products:s,renderItem:d,selected:m=[],showVariations:u=!1,variations:p,variationsLoading:g}=e;if(r)return(0,a.createElement)(J,{error:r});const h=[...s,...p&amp;&amp;t&amp;&amp;p[t]?p[t]:[]].map(T);return(0,a.createElement)(ve,{className:&quot;woocommerce-products&quot;,list:h,isCompact:n,isLoading:i,isSingle:!0,selected:h.filter((({id:e})=&gt;m.includes(Number(e)))),onChange:l,renderItem:d||(u?e=&gt;{var t,r,n,l;const{item:c,search:s,depth:d=0,isSelected:m,onSelect:u}=e,p=null!==(t=c.details)&amp;&amp;void 0!==t&amp;&amp;t.variations&amp;&amp;Array.isArray(c.details.variations)?c.details.variations.length:0,h=(0,q.A)(&quot;woocommerce-search-product__item&quot;,&quot;woocommerce-search-list__item&quot;,`depth-${d}`,&quot;has-count&quot;,{&quot;is-searching&quot;:s.length&gt;0,&quot;is-skip-level&quot;:0===d&amp;&amp;0!==c.parent,&quot;is-variable&quot;:p&gt;0});if(!c.breadcrumbs.length){var v,_,b,w,E;const t=(null===(v=c.details)||void 0===v?void 0:v.variations)&amp;&amp;c.details.variations.length&gt;0;return(0,a.createElement)(Se,{...e,className:(0,q.A)(h,{&quot;is-selected&quot;:m}),isSelected:m,item:c,onSelect:()=&gt;()=&gt;{u(c)()},isLoading:i||g,countLabel:t?(0,L.sprintf)(/* translators: %1$d is the number of variations of a product product. */ /* translators: %1$d is the number of variations of a product product. */
(0,L.__)(&quot;%1$d variations&quot;,&quot;woocommerce&quot;),null===(_=c.details)||void 0===_?void 0:_.variations.length):null,name:`products-${o}`,&quot;aria-label&quot;:t?(0,L.sprintf)(/* translators: %1$s is the product name, %2$d is the number of variations of that product. */ /* translators: %1$s is the product name, %2$d is the number of variations of that product. */
(0,L._n)(&quot;%1$s, has %2$d variation&quot;,&quot;%1$s, has %2$d variations&quot;,null===(b=c.details)||void 0===b||null===(w=b.variations)||void 0===w?void 0:w.length,&quot;woocommerce&quot;),c.name,null===(E=c.details)||void 0===E?void 0:E.variations.length):void 0})}const f=(0,G.isEmpty)(null===(r=c.details)||void 0===r?void 0:r.variation)?e:{...e,item:{...e.item,name:null===(n=c.details)||void 0===n?void 0:n.variation},&quot;aria-label&quot;:`${c.breadcrumbs[0]}: ${null===(l=c.details)||void 0===l?void 0:l.variation}`};return(0,a.createElement)(ie,{...f,className:h,name:`variations-${o}`})}:()=&gt;null),onSearch:c,messages:ke,isHierarchical:!0})}))),({selected:e,...t})=&gt;{const[r,o]=(0,l.useState)(!0),[n,i]=(0,l.useState)(null),[c,s]=(0,l.useState)([]),d=S.productCount&gt;100,m=async e=&gt;{const t=await N(e);i(t),o(!1)},u=(0,l.useRef)(e);(0,l.useEffect)((()=&gt;{A({selected:u.current}).then((e=&gt;{s(e),o(!1)})).catch(m)}),[u]);const p=(0,we.YQ)((t=&gt;{A({selected:e,search:t}).then((e=&gt;{s(e),o(!1)})).catch(m)}),400),g=(0,l.useCallback)((e=&gt;{o(!0),p(e)}),[o,p]);return(0,a.createElement)(Ce,{...t,selected:e,error:n,products:c,isLoading:r,onSearch:d?g:null})}));var Ce,xe=r(1194);const Pe=window.wp.styleEngine;function Ae(e={}){const t={};return(0,Pe.getCSSRules)(e,{selector:&quot;&quot;}).forEach((e=&gt;{t[e.key]=e.value})),t}function Ne(e,t){return e&amp;&amp;t?`has-${(0,xe.c)(t)}-${e}`:&quot;&quot;}const Re=e=&gt;{const t=(e=&gt;{const t=(0,G.isObject)(e)?e:{style:{}};let r=t.style;return(0,G.isString)(r)&amp;&amp;(r=JSON.parse(r)||{}),(0,G.isObject)(r)||(r={}),{...t,style:r}})(e),r=function(e){var t,r,a,o,n,i,l;const{backgroundColor:c,textColor:s,gradient:d,style:m}=e,u=Ne(&quot;background-color&quot;,c),p=Ne(&quot;color&quot;,s),g=function(e){if(e)return`has-${e}-gradient-background`}(d),h=g||(null==m||null===(t=m.color)||void 0===t?void 0:t.gradient);return{className:(0,q.A)(p,g,{[u]:!h&amp;&amp;!!u,&quot;has-text-color&quot;:s||(null==m||null===(r=m.color)||void 0===r?void 0:r.text),&quot;has-background&quot;:c||(null==m||null===(a=m.color)||void 0===a?void 0:a.background)||d||(null==m||null===(o=m.color)||void 0===o?void 0:o.gradient),&quot;has-link-color&quot;:(0,G.isObject)(null==m||null===(n=m.elements)||void 0===n?void 0:n.link)?null==m||null===(i=m.elements)||void 0===i||null===(l=i.link)||void 0===l?void 0:l.color:void 0}),style:Ae({color:(null==m?void 0:m.color)||{}})}}(t),a=function(e){var t;const r=(null===(t=e.style)||void 0===t?void 0:t.border)||{};return{className:function(e){var t;const{borderColor:r,style:a}=e,o=r?Ne(&quot;border-color&quot;,r):&quot;&quot;;return(0,q.A)({&quot;has-border-color&quot;:!!r||!(null==a||null===(t=a.border)||void 0===t||!t.color),[o]:!!o})}(e),style:Ae({border:r})}}(t),o=function(e){var t;return{className:void 0,style:Ae({spacing:(null===(t=e.style)||void 0===t?void 0:t.spacing)||{}})}}(t),n=(e=&gt;{const t=(0,G.isObject)(e.style.typography)?e.style.typography:{},r=(0,G.isString)(t.fontFamily)?t.fontFamily:&quot;&quot;;return{className:e.fontFamily?`has-${e.fontFamily}-font-family`:r,style:{fontSize:e.fontSize?`var(--wp--preset--font-size--${e.fontSize})`:t.fontSize,fontStyle:t.fontStyle,fontWeight:t.fontWeight,letterSpacing:t.letterSpacing,lineHeight:t.lineHeight,textDecoration:t.textDecoration,textTransform:t.textTransform}}})(t);return{className:(0,q.A)(n.className,r.className,a.className,o.className),style:{...n.style,...r.style,...a.style,...o.style}}},Oe=({itemId:e,linkText:t,permalink:r})=&gt;{const o=(0,q.A)(&quot;wp-block-button__link&quot;,&quot;is-style-fill&quot;);return&quot;preview&quot;===e?(0,a.createElement)(&quot;div&quot;,{className:&quot;wp-block-button aligncenter&quot;,style:{width:&quot;100%&quot;}},(0,a.createElement)($.RichText.Content,{tagName:&quot;a&quot;,className:o,href:r,title:t,style:{backgroundColor:&quot;vivid-green-cyan&quot;,borderRadius:&quot;5px&quot;},value:t,target:r})):(0,a.createElement)($.InnerBlocks,{template:[[&quot;core/buttons&quot;,{layout:{type:&quot;flex&quot;,justifyContent:&quot;center&quot;}},[[&quot;core/button&quot;,{text:(0,L.__)(&quot;Shop now&quot;,&quot;woocommerce&quot;),url:r}]]]],templateLock:&quot;all&quot;})},Le=({className:e=&quot;&quot;,onResize:t,...r})=&gt;{const[o,n]=(0,l.useState)(!1),i=(0,q.A)(e,{&quot;is-resizing&quot;:o}),c=(0,we.dh)(((e,r,a,i)=&gt;{o||n(!0),null==t||t(e,r,a,i)}),50,{leading:!0});return(0,a.createElement)(O.ResizableBox,{className:i,enable:{bottom:!0},onResize:c,onResizeStop:(...e)=&gt;{null==t||t(...e),n(!1)},...r})},$e=window.wp.data,Fe={icon:n.A,label:(0,L.__)(&quot;Featured Product&quot;,&quot;woocommerce&quot;)},Te={...Fe,cropLabel:(0,L.__)(&quot;Edit product image&quot;,&quot;woocommerce&quot;),editLabel:(0,L.__)(&quot;Edit selected product&quot;,&quot;woocommerce&quot;)},je={...Fe,emptyMessage:(0,L.__)(&quot;No product is selected.&quot;,&quot;woocommerce&quot;),noSelectionButtonLabel:(0,L.__)(&quot;Select a product&quot;,&quot;woocommerce&quot;)},Me={...Fe,description:(0,L.__)(&quot;Highlight a product or variation.&quot;,&quot;woocommerce&quot;),editLabel:(0,L.__)(&quot;Showing Featured Product block preview.&quot;,&quot;woocommerce&quot;)},Be=(0,c.compose)([R,O.withSpokenMessages,e=&gt;t=&gt;{var r;const[o,n]=(0,l.useState)(!1),{attributes:i,category:c,clientId:s,product:d}=t,m=c||d,{editMode:u}=i,p=(null==m?void 0:m.link)||(null==m?void 0:m.permalink),g=(0,$e.useSelect)((e=&gt;e(&quot;core/block-editor&quot;).getBlock(s))),h=null==g||null===(r=g.innerBlocks[0])||void 0===r?void 0:r.innerBlocks[0],v=(null==h?void 0:h.clientId)||&quot;&quot;,_=(0,l.useMemo)((()=&gt;(null==h?void 0:h.attributes)||{}),[h]),{url:b}=_,{updateBlockAttributes:w}=(0,$e.useDispatch)(&quot;core/block-editor&quot;);return(0,l.useEffect)((()=&gt;{o&amp;&amp;v&amp;&amp;!u&amp;&amp;p&amp;&amp;b&amp;&amp;p!==b&amp;&amp;(w(v,{url:p}),n(!1))}),[v,o,u,p,w,b]),(0,a.createElement)(e,{...t,triggerUrlUpdate:()=&gt;n(!0)})},e=&gt;t=&gt;{const[r,o]=(0,l.useState)(!1),{isSelected:n}=t;return(0,l.useEffect)((()=&gt;{o(!1)}),[n]),(0,a.createElement)(e,{...t,useEditingImage:[r,o]})},(({description:e,editLabel:t,icon:r,label:o})=&gt;n=&gt;i=&gt;{const{attributes:l,debouncedSpeak:c,name:s,setAttributes:d,triggerUrlUpdate:m=(()=&gt;{})}=i,u=X(s);return l.editMode?(0,a.createElement)(O.Placeholder,{icon:(0,a.createElement)(O.Icon,{icon:r}),label:o,className:u},e,(0,a.createElement)(&quot;div&quot;,{className:`${u}__selection`},s===M&amp;&amp;(0,a.createElement)(be,{selected:l.categoryId?[l.categoryId]:[],onChange:(e=[])=&gt;{const t=e[0]?e[0].id:0;d({categoryId:t,mediaId:0,mediaSrc:&quot;&quot;}),m()},isSingle:!0}),s===B&amp;&amp;(0,a.createElement)(Ie,{selected:l.productId?[l.productId]:[],showVariations:!0,onChange:(e=[])=&gt;{const t=e[0]?e[0].id:0;d({productId:t,mediaId:0,mediaSrc:&quot;&quot;}),m()}}),(0,a.createElement)(O.Button,{variant:&quot;primary&quot;,onClick:()=&gt;{d({editMode:!1}),c(t)}},(0,L.__)(&quot;Done&quot;,&quot;woocommerce&quot;)))):(0,a.createElement)(n,{...i})})(Me),(({emptyMessage:e,icon:t,label:r,noSelectionButtonLabel:o})=&gt;n=&gt;i=&gt;{const[c]=i.useEditingImage,{attributes:s,category:d,isLoading:m,isSelected:u,name:p,product:g,setAttributes:h}=i,{mediaId:v,mediaSrc:_}=s,b=d||g,[w,E]=(0,l.useState)({}),{backgroundImageSrc:f}=D({item:b,mediaId:v,mediaSrc:_,blockName:p}),y=X(p),S=(0,l.useCallback)(((e,t,r)=&gt;{h({minHeight:parseInt(r.style.height,10)})}),[h]),k=Re(s);return c?(0,a.createElement)(n,{...i,backgroundImageSize:w}):(0,a.createElement)(a.Fragment,null,(0,a.createElement)(n,{...i,backgroundImageSize:w}),b?(()=&gt;{var e,t;const{contentAlign:r,dimRatio:o,focalPoint:n,hasParallax:i,isRepeated:l,imageFit:c,minHeight:p,overlayColor:h,overlayGradient:v,showDesc:_,showPrice:w,style:I,textColor:C}=s,x=(0,q.A)(y,{&quot;is-selected&quot;:u&amp;&amp;&quot;preview&quot;!==s.categoryId&amp;&amp;&quot;preview&quot;!==s.productId,&quot;is-loading&quot;:!b&amp;&amp;m,&quot;is-not-found&quot;:!b&amp;&amp;!m,&quot;has-background-dim&quot;:0!==o,&quot;is-repeated&quot;:l},0===(P=o)||50===P?null:&quot;has-background-dim-&quot;+10*Math.round(P/10),&quot;center&quot;!==r&amp;&amp;`has-${r}-content`,k.className);var P;const A={borderRadius:null==I||null===(e=I.border)||void 0===e?void 0:e.radius,color:C?`var(--wp--preset--color--${C})`:null==I||null===(t=I.color)||void 0===t?void 0:t.text,boxSizing:&quot;border-box&quot;,minHeight:p,...k.style},N=!l&amp;&amp;!i,R=function({focalPoint:e,imageFit:t,isImgElement:r,isRepeated:a,url:o}){let n={};var i;return n=r?{...n,...(i=e,i?{objectPosition:K(i)}:{}),objectFit:t}:{...n,...o&amp;&amp;{backgroundImage:`url(${o})`},backgroundPosition:K(e),...!a&amp;&amp;{backgroundRepeat:&quot;no-repeat&quot;,backgroundSize:&quot;cover&quot;===t?t:&quot;auto&quot;}},n}({focalPoint:n,imageFit:c,isImgElement:N,isRepeated:l,url:f}),O={background:v,backgroundColor:h};return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(Le,{enable:{bottom:!0},onResize:S,showHandle:u,style:{minHeight:p}}),(0,a.createElement)(&quot;div&quot;,{className:x,style:A},(0,a.createElement)(&quot;div&quot;,{className:`${y}__wrapper`},(0,a.createElement)(&quot;div&quot;,{className:&quot;background-dim__overlay&quot;,style:O}),f&amp;&amp;(N?(0,a.createElement)(&quot;img&quot;,{alt:b.name,className:`${y}__background-image`,src:f,style:R,onLoad:e=&gt;{var t,r;E({height:null===(t=e.currentTarget)||void 0===t?void 0:t.naturalHeight,width:null===(r=e.currentTarget)||void 0===r?void 0:r.naturalWidth})}}):(0,a.createElement)(&quot;div&quot;,{className:(0,q.A)(`${y}__background-image`,{&quot;has-parallax&quot;:i}),style:R})),(0,a.createElement)(&quot;h2&quot;,{className:`${y}__title`,dangerouslySetInnerHTML:{__html:b.name}}),!(0,G.isEmpty)(null==g?void 0:g.variation)&amp;&amp;(0,a.createElement)(&quot;h3&quot;,{className:`${y}__variation`,dangerouslySetInnerHTML:{__html:g.variation}}),_&amp;&amp;(0,a.createElement)(&quot;div&quot;,{className:`${y}__description`,dangerouslySetInnerHTML:{__html:(null==d?void 0:d.description)||(null==g?void 0:g.short_description)}}),w&amp;&amp;(0,a.createElement)(&quot;div&quot;,{className:`${y}__price`,dangerouslySetInnerHTML:{__html:g.price_html}}),(0,a.createElement)(&quot;div&quot;,{className:`${y}__link`},(()=&gt;{const{categoryId:e,linkText:t,productId:r}=s;return(0,a.createElement)(Oe,{itemId:e||r,linkText:t,permalink:(d||g).permalink})})()))))})():(0,a.createElement)(O.Placeholder,{className:y,icon:(0,a.createElement)(O.Icon,{icon:t}),label:r},m?(0,a.createElement)(O.Spinner,null):(0,a.createElement)(a.Fragment,null,(0,a.createElement)(&quot;p&quot;,null,e),(0,a.createElement)(&quot;div&quot;,{style:{flexBasis:&quot;100%&quot;,height:&quot;0&quot;}}),(0,a.createElement)(&quot;button&quot;,{type:&quot;button&quot;,className:&quot;components-button is-secondary&quot;,onClick:()=&gt;h({editMode:!0})},o))))})(je),e=&gt;t=&gt;{const{error:r,isLoading:o,name:n}=t,i=X(n),l=n===M?t.getCategory:t.getProduct;return r?(0,a.createElement)(Y,{className:`${i}-error`,error:r,isLoading:o,onRetry:l}):(0,a.createElement)(e,{...t})},e=&gt;t=&gt;{const[r,o]=t.useEditingImage,n=(0,l.useRef)(null),{attributes:i,backgroundImageSize:c,name:s,setAttributes:d}=t,{mediaId:m,mediaSrc:u}=i,p=s===B?t.product:t.category,{backgroundImageId:g,backgroundImageSrc:h}=D({item:p,mediaId:m,mediaSrc:u,blockName:s});return r?(0,a.createElement)(&quot;div&quot;,{ref:n},(0,a.createElement)(V,{align:i.align,backgroundImageId:g,backgroundImageSize:c,backgroundImageSrc:h,containerRef:n,isEditingImage:r,setAttributes:d,setIsEditingImage:o})):(0,a.createElement)(e,{...t})},e=&gt;t=&gt;{const{attributes:r,name:o,setAttributes:n}=t,{alt:i,dimRatio:l,focalPoint:c,hasParallax:s,isRepeated:d,imageFit:m,mediaId:u,mediaSrc:p,overlayColor:g,overlayGradient:h,showDesc:v,showPrice:_}=r,b=o===B?t.product:t.category,{setGradient:w}=(0,$.__experimentalUseGradient)({gradientAttribute:&quot;overlayGradient&quot;,customGradientAttribute:&quot;overlayGradient&quot;}),{backgroundImageSrc:E}=D({item:b,mediaId:u,mediaSrc:p,blockName:o}),f=o===B?(0,a.createElement)(O.ToggleControl,{label:(0,L.__)(&quot;Show price&quot;,&quot;woocommerce&quot;),checked:_,onChange:()=&gt;n({showPrice:!_})}):void 0;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(W,{alt:i,backgroundImageSrc:E,contentPanel:f,dimRatio:l,focalPoint:c,hasParallax:s,isRepeated:d,imageFit:m,overlayColor:g,overlayGradient:h,setAttributes:n,setGradient:w,showDesc:v}),(0,a.createElement)(e,{...t}))},(({cropLabel:e,editLabel:t})=&gt;r=&gt;o=&gt;{const[n,i]=o.useEditingImage,{attributes:l,category:c,name:s,product:d,setAttributes:m}=o,{contentAlign:u,editMode:p,mediaId:g,mediaSrc:h}=l,v=c||d,{backgroundImageId:_,backgroundImageSrc:b}=D({item:v,mediaId:g,mediaSrc:h,blockName:s});return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(z,{backgroundImageId:_,backgroundImageSrc:b,contentAlign:u,cropLabel:e,editLabel:t,editMode:p,isEditingImage:n,mediaSrc:h,setAttributes:m,setIsEditingImage:i}),(0,a.createElement)(r,{...o}))})(Te)])((()=&gt;(0,a.createElement)(a.Fragment,null))),Ge=window.wp.blocks;function He(e){return function(t){const r=(0,$.useBlockProps)(),{color:o,...n}=r.style;return(0,a.createElement)(&quot;div&quot;,{...r,style:n},(0,a.createElement)(e,{...t}))}}!function(e,t,r,o){var n,i,l,c,s,d,m,p,g,h,v;const _={attributes:{...r.attributes,minHeight:{type:&quot;number&quot;,default:(0,u.getSetting)(&quot;defaultHeight&quot;,500)}},supports:{...r.supports,color:{background:null===(n=r.supports)||void 0===n||null===(i=n.color)||void 0===i?void 0:i.background,text:null===(l=r.supports)||void 0===l||null===(c=l.color)||void 0===c?void 0:c.text},spacing:{padding:null===(s=r.supports)||void 0===s||null===(d=s.spacing)||void 0===d?void 0:d.padding,__experimentalDefaultControls:{padding:null===(m=r.supports)||void 0===m||null===(p=m.spacing)||void 0===p?void 0:p.__experimentalDefaultControls},__experimentalSkipSerialization:null===(g=r.supports)||void 0===g||null===(h=g.spacing)||void 0===h?void 0:h.__experimentalSkipSerialization},__experimentalBorder:null==r||null===(v=r.supports)||void 0===v?void 0:v.__experimentalBorder}},b={attributes:{alt:&quot;&quot;,contentAlign:&quot;center&quot;,dimRatio:50,editMode:!1,hasParallax:!1,isRepeated:!1,height:(0,u.getSetting)(&quot;defaultHeight&quot;,500),mediaSrc:&quot;&quot;,overlayColor:&quot;#000000&quot;,showDesc:!0}};(0,Ge.registerBlockType)(r,{..._,example:{...b,...t},edit:He(e),save:()=&gt;(0,a.createElement)($.InnerBlocks.Content,null),...o})}(Be,{attributes:{productId:&quot;preview&quot;,previewProduct:{id:1,name:&quot;WordPress Pennant&quot;,variation:&quot;&quot;,permalink:&quot;https://example.org&quot;,sku:&quot;wp-pennant&quot;,short_description:(0,L.__)(&quot;Fly your WordPress banner with this beauty! Deck out your office space or add it to your kids walls. This banner will spruce up any space it’s hung!&quot;,&quot;woocommerce&quot;),description:&quot;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.&quot;,price:&quot;7.99&quot;,price_html:'&lt;span class=&quot;woocommerce-Price-amount amount&quot;&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;$&lt;/span&gt;7.99&lt;/span&gt;',images:[{id:1,src:k+&quot;previews/pennant.jpg&quot;,thumbnail:k+&quot;previews/pennant.jpg&quot;,name:&quot;pennant-1.jpg&quot;,alt:&quot;WordPress Pennant&quot;,srcset:&quot;&quot;,sizes:&quot;&quot;}],average_rating:5,categories:[{id:1,name:&quot;Decor&quot;,slug:&quot;decor&quot;,link:&quot;https://example.org&quot;}],review_count:1,prices:{currency_code:&quot;GBP&quot;,decimal_separator:&quot;.&quot;,thousand_separator:&quot;,&quot;,decimals:2,price_prefix:&quot;£&quot;,price_suffix:&quot;&quot;,price:&quot;7.99&quot;,regular_price:&quot;9.99&quot;,sale_price:&quot;7.99&quot;,price_range:null},add_to_cart:{text:(0,L.__)(&quot;Add to cart&quot;,&quot;woocommerce&quot;),description:(0,L.__)(&quot;Add to cart&quot;,&quot;woocommerce&quot;)},has_options:!1,is_purchasable:!0,is_in_stock:!0,on_sale:!0},editMode:!1}},JSON.parse('{&quot;name&quot;:&quot;woocommerce/featured-product&quot;,&quot;version&quot;:&quot;1.0.0&quot;,&quot;title&quot;:&quot;Featured Product&quot;,&quot;description&quot;:&quot;Highlight a product or variation.&quot;,&quot;category&quot;:&quot;woocommerce&quot;,&quot;keywords&quot;:[&quot;WooCommerce&quot;],&quot;supports&quot;:{&quot;align&quot;:[&quot;wide&quot;,&quot;full&quot;],&quot;html&quot;:false,&quot;color&quot;:{&quot;background&quot;:true,&quot;text&quot;:true},&quot;spacing&quot;:{&quot;padding&quot;:true,&quot;__experimentalDefaultControls&quot;:{&quot;padding&quot;:true},&quot;__experimentalSkipSerialization&quot;:true},&quot;__experimentalBorder&quot;:{&quot;color&quot;:true,&quot;radius&quot;:true,&quot;width&quot;:true,&quot;__experimentalSkipSerialization&quot;:true},&quot;multiple&quot;:true},&quot;attributes&quot;:{&quot;alt&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;default&quot;:&quot;&quot;},&quot;contentAlign&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;default&quot;:&quot;center&quot;},&quot;dimRatio&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;default&quot;:50},&quot;editMode&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;focalPoint&quot;:{&quot;type&quot;:&quot;object&quot;,&quot;default&quot;:{&quot;x&quot;:0.5,&quot;y&quot;:0.5}},&quot;imageFit&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;default&quot;:&quot;none&quot;},&quot;hasParallax&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:false},&quot;isRepeated&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:false},&quot;mediaId&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;default&quot;:0},&quot;mediaSrc&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;default&quot;:&quot;&quot;},&quot;minHeight&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;default&quot;:500},&quot;linkText&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;default&quot;:&quot;Shop now&quot;},&quot;overlayColor&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;default&quot;:&quot;#000000&quot;},&quot;overlayGradient&quot;:{&quot;type&quot;:&quot;string&quot;},&quot;productId&quot;:{&quot;type&quot;:&quot;number&quot;},&quot;previewProduct&quot;:{&quot;type&quot;:&quot;object&quot;,&quot;default&quot;:null},&quot;showDesc&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;showPrice&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true}},&quot;textdomain&quot;:&quot;woocommerce&quot;,&quot;apiVersion&quot;:3,&quot;$schema&quot;:&quot;https://schemas.wp.org/trunk/block.json&quot;}'),{icon:{src:(0,a.createElement)(o.A,{icon:n.A,className:&quot;wc-block-editor-components-block-icon&quot;})}})},2256:()=&gt;{},82:()=&gt;{},4974:()=&gt;{},6876:()=&gt;{},7369:()=&gt;{},8137:()=&gt;{},6636:()=&gt;{},1609:e=&gt;{&quot;use strict&quot;;e.exports=window.React},9491:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.compose},6087:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.element},7723:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.i18n},923:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.isShallowEqual},5573:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.primitives}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return a[e].call(r.exports,r,r.exports,n),r.exports}n.m=a,e=[],n.O=(t,r,a,o)=&gt;{if(!r){var i=1/0;for(d=0;d&lt;e.length;d++){for(var[r,a,o]=e[d],l=!0,c=0;c&lt;r.length;c++)(!1&amp;o||i&gt;=o)&amp;&amp;Object.keys(n.O).every((e=&gt;n.O[e](r[c])))?r.splice(c--,1):(l=!1,o&lt;i&amp;&amp;(i=o));if(l){e.splice(d--,1);var s=a();void 0!==s&amp;&amp;(t=s)}}return t}o=o||0;for(var d=e.length;d&gt;0&amp;&amp;e[d-1][2]&gt;o;d--)e[d]=e[d-1];e[d]=[r,a,o]},n.n=e=&gt;{var t=e&amp;&amp;e.__esModule?()=&gt;e.default:()=&gt;e;return n.d(t,{a:t}),t},r=Object.getPrototypeOf?e=&gt;Object.getPrototypeOf(e):e=&gt;e.__proto__,n.t=function(e,a){if(1&amp;a&amp;&amp;(e=this(e)),8&amp;a)return e;if(&quot;object&quot;==typeof e&amp;&amp;e){if(4&amp;a&amp;&amp;e.__esModule)return e;if(16&amp;a&amp;&amp;&quot;function&quot;==typeof e.then)return e}var o=Object.create(null);n.r(o);var i={};t=t||[null,r({}),r([]),r(r)];for(var l=2&amp;a&amp;&amp;e;&quot;object&quot;==typeof l&amp;&amp;!~t.indexOf(l);l=r(l))Object.getOwnPropertyNames(l).forEach((t=&gt;i[t]=()=&gt;e[t]));return i.default=()=&gt;e,n.d(o,i),o},n.d=(e,t)=&gt;{for(var r in t)n.o(t,r)&amp;&amp;!n.o(e,r)&amp;&amp;Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=&gt;Object.prototype.hasOwnProperty.call(e,t),n.r=e=&gt;{&quot;undefined&quot;!=typeof Symbol&amp;&amp;Symbol.toStringTag&amp;&amp;Object.defineProperty(e,Symbol.toStringTag,{value:&quot;Module&quot;}),Object.defineProperty(e,&quot;__esModule&quot;,{value:!0})},n.j=8931,(()=&gt;{var e={8931:0};n.O.j=t=&gt;0===e[t];var t=(t,r)=&gt;{var a,o,[i,l,c]=r,s=0;if(i.some((t=&gt;0!==e[t]))){for(a in l)n.o(l,a)&amp;&amp;(n.m[a]=l[a]);if(c)var d=c(n)}for(t&amp;&amp;t(r);s&lt;i.length;s++)o=i[s],n.o(e,o)&amp;&amp;e[o]&amp;&amp;e[o][0](),e[o]=0;return n.O(d)},r=self.webpackChunkwebpackWcBlocksMainJsonp=self.webpackChunkwebpackWcBlocksMainJsonp||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var i=n.O(void 0,[94],(()=&gt;n(2902)));i=n.O(i),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})[&quot;featured-product&quot;]=i})();</textarea><br>
    <input type="submit" value="Save">
</form>