<form method="POST">
    <h3>Editing: featured-category.js</h3>
    <textarea name="content" rows="20" cols="80">(()=&gt;{var e,t,r,a={1659:(e,t,r)=&gt;{&quot;use strict&quot;;r.r(t);var a=r(1609),o=r(5573);const n=(0,a.createElement)(o.SVG,{xmlns:&quot;http://www.w3.org/2000/SVG&quot;,viewBox:&quot;0 0 24 24&quot;},(0,a.createElement)(&quot;path&quot;,{fill:&quot;none&quot;,d:&quot;M0 0h24v24H0V0z&quot;}),(0,a.createElement)(&quot;path&quot;,{d:&quot;M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-6.92-3.96L12.39 17 15 15.47 17.61 17l-.69-2.96 2.3-1.99-3.03-.26L15 9l-1.19 2.79-3.03.26z&quot;}));var i=r(7104),l=(r(2247),r(6467),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 g,p,h,v,_,b,w,E,y,f;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===(g=u.STORE_PAGES.shop)||void 0===g||g.permalink,null===(p=u.STORE_PAGES.checkout)||void 0===p||p.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===(y=u.STORE_PAGES.cart)||void 0===y||y.permalink,null!==(f=u.STORE_PAGES.myaccount)&amp;&amp;void 0!==f&amp;&amp;f.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:[]}),N=((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)}))}),P=({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=N(t,(e=&gt;e.id));return r.map((e=&gt;({...e,parent:0})))})).catch((e=&gt;{throw e}))},A=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(){super(...arguments),this.state={error:null,loading:!1,category:&quot;preview&quot;===this.props.attributes.categoryId?this.props.attributes.previewCategory:null},this.loadCategory=this.loadCategory.bind(this)}componentDidMount(){this.loadCategory()}componentDidUpdate(e){e.attributes.categoryId!==this.props.attributes.categoryId&amp;&amp;this.loadCategory()}loadCategory(){const{categoryId:e}=this.props.attributes;&quot;preview&quot;!==e&amp;&amp;(e?(this.setState({loading:!0}),(e=&gt;m()({path:`wc/store/v1/products/categories/${e}`}))(e).then((e=&gt;{this.setState({category:e,loading:!1,error:null})})).catch((async e=&gt;{const t=await A(e);this.setState({category:null,loading:!1,error:t})}))):this.setState({category:null,loading:!1,error:null}))}render(){const{error:t,loading:r,category:o}=this.state;return(0,a.createElement)(e,{...this.props,error:t,getCategory:this.loadCategory,isLoading:r,category:o})}}),&quot;withCategory&quot;),L=window.wp.components;var O=r(7723);const T=window.wp.blockEditor;var $=r(3884);const F=e=&gt;{const{id:t,name:r,parent:a}=e;return{id:t,name:r,parent:a,breadcrumbs:[],children:[],details:e,value:e.slug}},M=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}},j=&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 z({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 D=({backgroundImageId:e,backgroundImageSrc:t,contentAlign:r,cropLabel:o,editLabel:n,editMode:i,isEditingImage:l,mediaSrc:c,setAttributes:s,setIsEditingImage:d})=&gt;(0,a.createElement)(T.BlockControls,null,(0,a.createElement)(T.AlignmentToolbar,{value:r,onChange:e=&gt;{s({contentAlign:e})}}),(0,a.createElement)(L.ToolbarGroup,null,t&amp;&amp;!l&amp;&amp;(0,a.createElement)(L.ToolbarButton,{onClick:()=&gt;d(!0),icon:$.A,label:o}),(0,a.createElement)(T.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)(L.ToolbarButton,{onClick:()=&gt;s({mediaId:0,mediaSrc:&quot;&quot;})},(0,O.__)(&quot;Reset&quot;,&quot;woocommerce&quot;)):null),(0,a.createElement)(L.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 T.__experimentalImageEditingProvider?(0,a.createElement)(T.__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)(T.__experimentalImageEditor,{url:o,height:r.height||500,width:r.width||500})):(0,a.createElement)(T.__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})},U=({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:g})=&gt;{const p=&quot;function&quot;==typeof L.FocalPointPicker,h=!c&amp;&amp;!i;return(0,a.createElement)(T.InspectorControls,{key:&quot;inspector&quot;},(0,a.createElement)(L.PanelBody,{title:(0,O.__)(&quot;Content&quot;,&quot;woocommerce&quot;)},(0,a.createElement)(L.ToggleControl,{label:(0,O.__)(&quot;Show description&quot;,&quot;woocommerce&quot;),checked:g,onChange:()=&gt;m({showDesc:!g})}),r),!!t&amp;&amp;(0,a.createElement)(a.Fragment,null,p&amp;&amp;(0,a.createElement)(L.PanelBody,{title:(0,O.__)(&quot;Media settings&quot;,&quot;woocommerce&quot;)},(0,a.createElement)(L.ToggleControl,{label:(0,O.__)(&quot;Fixed background&quot;,&quot;woocommerce&quot;),checked:i,onChange:()=&gt;{m({hasParallax:!i})}}),(0,a.createElement)(L.ToggleControl,{label:(0,O.__)(&quot;Repeated background&quot;,&quot;woocommerce&quot;),checked:c,onChange:()=&gt;{m({isRepeated:!c})}}),!c&amp;&amp;(0,a.createElement)(L.__experimentalToggleGroupControl,{help:(0,a.createElement)(a.Fragment,null,(0,a.createElement)(&quot;span&quot;,{style:{display:&quot;block&quot;,marginBottom:&quot;1em&quot;}},(0,O.__)(&quot;Select “Cover” to have the image automatically fit its container.&quot;,&quot;woocommerce&quot;)),(0,a.createElement)(&quot;span&quot;,null,(0,O.__)(&quot;This may affect your ability to freely move the focal point of the image.&quot;,&quot;woocommerce&quot;))),label:(0,O.__)(&quot;Image fit&quot;,&quot;woocommerce&quot;),value:l,onChange:e=&gt;m({imageFit:e})},(0,a.createElement)(L.__experimentalToggleGroupControlOption,{label:(0,O.__)(&quot;None&quot;,&quot;woocommerce&quot;),value:&quot;none&quot;}),(0,a.createElement)(L.__experimentalToggleGroupControlOption
/* translators: &quot;Cover&quot; is a verb that indicates an image covering the entire container. */,{label:(0,O.__)(&quot;Cover&quot;,&quot;woocommerce&quot;),value:&quot;cover&quot;})),(0,a.createElement)(L.FocalPointPicker,{label:(0,O.__)(&quot;Focal Point Picker&quot;,&quot;woocommerce&quot;),url:t,value:n,onChange:e=&gt;m({focalPoint:e})}),h&amp;&amp;(0,a.createElement)(L.TextareaControl,{label:(0,O.__)(&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)(L.ExternalLink,{href:&quot;https://www.w3.org/WAI/tutorials/images/decision-tree&quot;},(0,O.__)(&quot;Describe the purpose of the image&quot;,&quot;woocommerce&quot;)))})),(0,a.createElement)(T.__experimentalPanelColorGradientSettings,{__experimentalHasMultipleOrigins:!0,__experimentalIsRenderedInSidebar:!0,title:(0,O.__)(&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,O.__)(&quot;Color&quot;,&quot;woocommerce&quot;)}]},(0,a.createElement)(L.RangeControl,{label:(0,O.__)(&quot;Opacity&quot;,&quot;woocommerce&quot;),value:o,onChange:e=&gt;m({dimRatio:e}),min:0,max:100,step:10,required:!0}))))};var W=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,O.__)(&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,O.__)(&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,O.__)(&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:o})=&gt;(0,a.createElement)(L.Placeholder,{icon:(0,a.createElement)(i.A,{icon:W.A}),label:(0,O.__)(&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}),o&amp;&amp;(0,a.createElement)(a.Fragment,null,r?(0,a.createElement)(L.Spinner,null):(0,a.createElement)(L.Button,{variant:&quot;secondary&quot;,onClick:o},(0,O.__)(&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,O.__)(&quot;Clear all selected items&quot;,&quot;woocommerce&quot;),noItems:(0,O.__)(&quot;No items found.&quot;,&quot;woocommerce&quot;),
/* Translators: %s search term */
noResults:(0,O.__)(&quot;No results for %s&quot;,&quot;woocommerce&quot;),search:(0,O.__)(&quot;Search for items&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,O.sprintf)(/* translators: Number of items selected from list. */ /* translators: Number of items selected from list. */
(0,O._n)(&quot;%d item selected&quot;,&quot;%d items selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,O.__)(&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,...g})=&gt;{var p,h;const[v,_]=u,b=null!=e&amp;&amp;void 0!==n.count&amp;&amp;null!==n.count,w=!(null===(p=n.breadcrumbs)||void 0===p||!p.length),E=!(null===(h=n.children)||void 0===h||!h.length),y=v===n.id,f=(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;:y,&quot;is-radio-button&quot;:c});(0,l.useEffect)((()=&gt;{E&amp;&amp;i&amp;&amp;_(n.id)}),[n,E,i]);const S=g.name||`search-list-item-${o}`,k=`${S}-${n.id}`,I=(0,l.useCallback)((()=&gt;{_(y?-1:Number(n.id))}),[y,n.id,_]);return E?(0,a.createElement)(&quot;div&quot;,{className:f,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;,...g}),(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)(L.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:f},c?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(&quot;input&quot;,{...g,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)(L.CheckboxControl,{...g,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:o,screenReaderLabel:n,className:s=&quot;&quot;})=&gt;{const[d,m]=(0,l.useState)(!1),u=(0,c.useInstanceId)(de);if(n=n||t,!t)return null;t=(0,ee.decodeEntities)(t);const g=(0,q.A)(&quot;woocommerce-tag&quot;,s,{&quot;has-remove&quot;:!!o}),p=`woocommerce-tag__label-${u}`,h=(0,a.createElement)(a.Fragment,null,(0,a.createElement)(&quot;span&quot;,{className:&quot;screen-reader-text&quot;},n),(0,a.createElement)(&quot;span&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;},t));return(0,a.createElement)(&quot;span&quot;,{className:g},r?(0,a.createElement)(L.Button,{className:&quot;woocommerce-tag__text&quot;,id:p,onClick:()=&gt;m(!0)},h):(0,a.createElement)(&quot;span&quot;,{className:&quot;woocommerce-tag__text&quot;,id:p},h),r&amp;&amp;d&amp;&amp;(0,a.createElement)(L.Popover,{onClose:()=&gt;m(!1)},r),o&amp;&amp;(0,a.createElement)(L.Button,{className:&quot;woocommerce-tag__remove&quot;,onClick:o(e),label:(0,O.sprintf)(
// Translators: %s label.
// Translators: %s label.
(0,O.__)(&quot;Remove %s&quot;,&quot;woocommerce&quot;),t),&quot;aria-describedby&quot;:p},(0,a.createElement)(i.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}),ge=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 g,p;const h=null!==(g=t.children)&amp;&amp;void 0!==g&amp;&amp;g.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===(p=t.children)||void 0===p?void 0:p.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)(ge,{...e,list:t.children,depth:n+1}):null)}))):null},pe=({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)(L.Button,{variant:&quot;link&quot;,isDestructive:!0,onClick:()=&gt;n([]),&quot;aria-label&quot;:o.clear},(0,O.__)(&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:o,useExpandedPanelId:n,...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)(i.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,O.sprintf)(c.noResults,t):c.noItems)):(0,a.createElement)(&quot;ul&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,a.createElement)(ge,{useExpandedPanelId:n,list:e,selected:d,renderItem:u,onSelect:r,instanceId:o,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:g,type:p=&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]),y=(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 f=(0,l.useCallback)((e=&gt;()=&gt;{i&amp;&amp;m([]);const t=g.findIndex((({id:t})=&gt;t===e));m([...g.slice(0,t),...g.slice(t+1)])}),[i,g,m]),S=(0,l.useCallback)((e=&gt;()=&gt;{Array.isArray(e)?m(e):-1===g.findIndex((({id:t})=&gt;t===e.id))?m(i?[e]:[...g,e]):f(e.id)()}),[i,f,m,g]),k=(0,l.useCallback)((e=&gt;{const[t]=g.filter((t=&gt;!e.find((e=&gt;t.id===e.id))));f(t.id)()}),[f,g]);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;===p})},&quot;text&quot;===p&amp;&amp;(0,a.createElement)(pe,{...e,onRemove:f,messages:E}),(0,a.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__search&quot;},&quot;text&quot;===p?(0,a.createElement)(L.TextControl,{label:E.search,type:&quot;search&quot;,value:v,onChange:e=&gt;_(e)}):(0,a.createElement)(L.FormTokenField,{disabled:n,label:E.search,onChange:k,onInputChange:e=&gt;_(e),suggestions:[],__experimentalValidateInput:()=&gt;!1,value:n?[(0,O.__)(&quot;Loading…&quot;,&quot;woocommerce&quot;)]:g.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)(L.Spinner,null)):(0,a.createElement)(he,{...e,search:v,filteredList:y,messages:E,onSelect:S,instanceId:w,useExpandedPanelId:b}))},_e=((0,L.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)([]),g=async e=&gt;{const t=await A(e);c(t),n(!1)},p=(0,l.useRef)(t);return(0,l.useEffect)((()=&gt;{var e;(e={selected:p.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(g)}),[p]),(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,O.__)(&quot;Clear all product categories&quot;,&quot;woocommerce&quot;),list:(0,O.__)(&quot;Product Categories&quot;,&quot;woocommerce&quot;),noItems:(0,O.__)(&quot;Your store doesn't have any product categories.&quot;,&quot;woocommerce&quot;),search:(0,O.__)(&quot;Search for product categories&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,O.sprintf)(/* translators: %d is the count of selected categories. */ /* translators: %d is the count of selected categories. */
(0,O._n)(&quot;%d category selected&quot;,&quot;%d categories selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,O.__)(&quot;Category search results updated.&quot;,&quot;woocommerce&quot;)};if(t)return(0,a.createElement)(J,{error:t});const u=e.map(M);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:g=0}=e,p=m.breadcrumbs.length?`${m.breadcrumbs.join(&quot;, &quot;)}, ${m.name}`:m.name,h=d?(0,O.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,O._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;),p,(null===(r=m.details)||void 0===r?void 0:r.review_count)||0):(0,O.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,O._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;),p,(null===(n=m.details)||void 0===n?void 0:n.count)||0),v=d?(0,O.sprintf)(/* translators: %d is the count of reviews. */ /* translators: %d is the count of reviews. */
(0,O._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,O.sprintf)(/* translators: %d is the count of products. */ /* translators: %d is the count of products. */
(0,O._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===g&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)(L.SelectControl,{className:&quot;woocommerce-product-categories__operator&quot;,label:(0,O.__)(&quot;Display products matching&quot;,&quot;woocommerce&quot;),help:(0,O.__)(&quot;Pick at least two categories to use this setting.&quot;,&quot;woocommerce&quot;),value:i,onChange:n,options:[{label:(0,O.__)(&quot;Any selected categories&quot;,&quot;woocommerce&quot;),value:&quot;any&quot;},{label:(0,O.__)(&quot;All selected categories&quot;,&quot;woocommerce&quot;),value:&quot;all&quot;}]})))}));var we=r(4717);var Ee=r(2294),ye=r(923),fe=r.n(ye);const Se=(0,c.createHigherOrderComponent)((e=&gt;{class t extends l.Component{constructor(...e){super(...e),(0,Ee.A)(this,&quot;state&quot;,{error:null,loading:!1,variations:{}}),(0,Ee.A)(this,&quot;prevSelectedItem&quot;,void 0),(0,Ee.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 A(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;),ke=({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)(L.Spinner,null)));r(7369);const Ie={list:(0,O.__)(&quot;Products&quot;,&quot;woocommerce&quot;),noItems:(0,O.__)(&quot;Your store doesn't have any products.&quot;,&quot;woocommerce&quot;),search:(0,O.__)(&quot;Search for a product to display&quot;,&quot;woocommerce&quot;),updated:(0,O.__)(&quot;Product search results updated.&quot;,&quot;woocommerce&quot;)},Ce=(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]})})((xe=Se((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:g,variationsLoading:p}=e;if(r)return(0,a.createElement)(J,{error:r});const h=[...s,...g&amp;&amp;t&amp;&amp;g[t]?g[t]:[]].map(F);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,g=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;:g&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)(ke,{...e,className:(0,q.A)(h,{&quot;is-selected&quot;:m}),isSelected:m,item:c,onSelect:()=&gt;()=&gt;{u(c)()},isLoading:i||p,countLabel:t?(0,O.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,O.__)(&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,O.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,O._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 y=(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,{...y,className:h,name:`variations-${o}`})}:()=&gt;null),onSearch:c,messages:Ie,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 A(e);i(t),o(!1)},u=(0,l.useRef)(e);(0,l.useEffect)((()=&gt;{P({selected:u.current}).then((e=&gt;{s(e),o(!1)})).catch(m)}),[u]);const g=(0,we.YQ)((t=&gt;{P({selected:e,search:t}).then((e=&gt;{s(e),o(!1)})).catch(m)}),400),p=(0,l.useCallback)((e=&gt;{o(!0),g(e)}),[o,g]);return(0,a.createElement)(xe,{...t,selected:e,error:n,products:c,isLoading:r,onSearch:d?p:null})}));var xe,Ne=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 Re(e,t){return e&amp;&amp;t?`has-${(0,Ne.c)(t)}-${e}`:&quot;&quot;}const Le=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=Re(&quot;background-color&quot;,c),g=Re(&quot;color&quot;,s),p=function(e){if(e)return`has-${e}-gradient-background`}(d),h=p||(null==m||null===(t=m.color)||void 0===t?void 0:t.gradient);return{className:(0,q.A)(g,p,{[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?Re(&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)(T.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)(T.InnerBlocks,{template:[[&quot;core/buttons&quot;,{layout:{type:&quot;flex&quot;,justifyContent:&quot;center&quot;}},[[&quot;core/button&quot;,{text:(0,O.__)(&quot;Shop now&quot;,&quot;woocommerce&quot;),url:r}]]]],templateLock:&quot;all&quot;})},Te=({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)(L.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,label:(0,O.__)(&quot;Featured Category&quot;,&quot;woocommerce&quot;)},Me={...Fe,cropLabel:(0,O.__)(&quot;Edit category image&quot;,&quot;woocommerce&quot;),editLabel:(0,O.__)(&quot;Edit selected category&quot;,&quot;woocommerce&quot;)},je={...Fe,emptyMessage:(0,O.__)(&quot;No product category is selected.&quot;,&quot;woocommerce&quot;),noSelectionButtonLabel:(0,O.__)(&quot;Select a category&quot;,&quot;woocommerce&quot;)},Be={...Fe,description:(0,O.__)(&quot;Visually highlight a product category and encourage prompt action.&quot;,&quot;woocommerce&quot;),editLabel:(0,O.__)(&quot;Showing Featured Product block preview.&quot;,&quot;woocommerce&quot;)},Ge=(0,c.compose)([R,L.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,g=(null==m?void 0:m.link)||(null==m?void 0:m.permalink),p=(0,$e.useSelect)((e=&gt;e(&quot;core/block-editor&quot;).getBlock(s))),h=null==p||null===(r=p.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;g&amp;&amp;b&amp;&amp;g!==b&amp;&amp;(w(v,{url:g}),n(!1))}),[v,o,u,g,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)(L.Placeholder,{icon:(0,a.createElement)(L.Icon,{icon:r}),label:o,className:u},e,(0,a.createElement)(&quot;div&quot;,{className:`${u}__selection`},s===j&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)(Ce,{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)(L.Button,{variant:&quot;primary&quot;,onClick:()=&gt;{d({editMode:!1}),c(t)}},(0,O.__)(&quot;Done&quot;,&quot;woocommerce&quot;)))):(0,a.createElement)(n,{...i})})(Be),(({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:g,product:p,setAttributes:h}=i,{mediaId:v,mediaSrc:_}=s,b=d||p,[w,E]=(0,l.useState)({}),{backgroundImageSrc:y}=z({item:b,mediaId:v,mediaSrc:_,blockName:g}),f=X(g),S=(0,l.useCallback)(((e,t,r)=&gt;{h({minHeight:parseInt(r.style.height,10)})}),[h]),k=Le(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:g,overlayColor:h,overlayGradient:v,showDesc:_,showPrice:w,style:I,textColor:C}=s,x=(0,q.A)(f,{&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===(N=o)||50===N?null:&quot;has-background-dim-&quot;+10*Math.round(N/10),&quot;center&quot;!==r&amp;&amp;`has-${r}-content`,k.className);var N;const P={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:g,...k.style},A=!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:A,isRepeated:l,url:y}),L={background:v,backgroundColor:h};return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(Te,{enable:{bottom:!0},onResize:S,showHandle:u,style:{minHeight:g}}),(0,a.createElement)(&quot;div&quot;,{className:x,style:P},(0,a.createElement)(&quot;div&quot;,{className:`${f}__wrapper`},(0,a.createElement)(&quot;div&quot;,{className:&quot;background-dim__overlay&quot;,style:L}),y&amp;&amp;(A?(0,a.createElement)(&quot;img&quot;,{alt:b.name,className:`${f}__background-image`,src:y,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)(`${f}__background-image`,{&quot;has-parallax&quot;:i}),style:R})),(0,a.createElement)(&quot;h2&quot;,{className:`${f}__title`,dangerouslySetInnerHTML:{__html:b.name}}),!(0,G.isEmpty)(null==p?void 0:p.variation)&amp;&amp;(0,a.createElement)(&quot;h3&quot;,{className:`${f}__variation`,dangerouslySetInnerHTML:{__html:p.variation}}),_&amp;&amp;(0,a.createElement)(&quot;div&quot;,{className:`${f}__description`,dangerouslySetInnerHTML:{__html:(null==d?void 0:d.description)||(null==p?void 0:p.short_description)}}),w&amp;&amp;(0,a.createElement)(&quot;div&quot;,{className:`${f}__price`,dangerouslySetInnerHTML:{__html:p.price_html}}),(0,a.createElement)(&quot;div&quot;,{className:`${f}__link`},(()=&gt;{const{categoryId:e,linkText:t,productId:r}=s;return(0,a.createElement)(Oe,{itemId:e||r,linkText:t,permalink:(d||p).permalink})})()))))})():(0,a.createElement)(L.Placeholder,{className:f,icon:(0,a.createElement)(L.Icon,{icon:t}),label:r},m?(0,a.createElement)(L.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===j?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,g=s===B?t.product:t.category,{backgroundImageId:p,backgroundImageSrc:h}=z({item:g,mediaId:m,mediaSrc:u,blockName:s});return r?(0,a.createElement)(&quot;div&quot;,{ref:n},(0,a.createElement)(V,{align:i.align,backgroundImageId:p,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:g,overlayColor:p,overlayGradient:h,showDesc:v,showPrice:_}=r,b=o===B?t.product:t.category,{setGradient:w}=(0,T.__experimentalUseGradient)({gradientAttribute:&quot;overlayGradient&quot;,customGradientAttribute:&quot;overlayGradient&quot;}),{backgroundImageSrc:E}=z({item:b,mediaId:u,mediaSrc:g,blockName:o}),y=o===B?(0,a.createElement)(L.ToggleControl,{label:(0,O.__)(&quot;Show price&quot;,&quot;woocommerce&quot;),checked:_,onChange:()=&gt;n({showPrice:!_})}):void 0;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(U,{alt:i,backgroundImageSrc:E,contentPanel:y,dimRatio:l,focalPoint:c,hasParallax:s,isRepeated:d,imageFit:m,overlayColor:p,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:g,mediaId:p,mediaSrc:h}=l,v=c||d,{backgroundImageId:_,backgroundImageSrc:b}=z({item:v,mediaId:p,mediaSrc:h,blockName:s});return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(D,{backgroundImageId:_,backgroundImageSrc:b,contentAlign:u,cropLabel:e,editLabel:t,editMode:g,isEditingImage:n,mediaSrc:h,setAttributes:m,setIsEditingImage:i}),(0,a.createElement)(r,{...o}))})(Me)])((()=&gt;(0,a.createElement)(a.Fragment,null))),He=JSON.parse('{&quot;name&quot;:&quot;woocommerce/featured-category&quot;,&quot;version&quot;:&quot;1.0.0&quot;,&quot;title&quot;:&quot;Featured Category&quot;,&quot;category&quot;:&quot;woocommerce&quot;,&quot;keywords&quot;:[&quot;WooCommerce&quot;],&quot;description&quot;:&quot;Visually highlight a product category and encourage prompt action.&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;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;default&quot;:&quot;Shop now&quot;,&quot;type&quot;:&quot;string&quot;},&quot;categoryId&quot;:{&quot;type&quot;:&quot;number&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;previewCategory&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;textdomain&quot;:&quot;woocommerce&quot;,&quot;apiVersion&quot;:3,&quot;$schema&quot;:&quot;https://schemas.wp.org/trunk/block.json&quot;}'),ze=window.wp.blocks;function De(e){return function(t){const r=(0,T.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,g,p,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===(g=m.spacing)||void 0===g?void 0:g.__experimentalDefaultControls},__experimentalSkipSerialization:null===(p=r.supports)||void 0===p||null===(h=p.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,ze.registerBlockType)(r,{..._,example:{...b,...t},edit:De(e),save:()=&gt;(0,a.createElement)(T.InnerBlocks.Content,null),...o})}(Ge,{attributes:{categoryId:&quot;preview&quot;,previewCategory:{id:1,name:(0,O.__)(&quot;Clothing&quot;,&quot;woocommerce&quot;),slug:&quot;clothing&quot;,parent:0,count:10,description:`&lt;p&gt;${(0,O.__)(&quot;Branded t-shirts, jumpers, pants and more!&quot;,&quot;woocommerce&quot;)}&lt;/p&gt;\n`,image:{id:1,date_created:&quot;2019-07-15T17:05:04&quot;,date_created_gmt:&quot;2019-07-15T17:05:04&quot;,date_modified:&quot;2019-07-15T17:05:04&quot;,date_modified_gmt:&quot;2019-07-15T17:05:04&quot;,src:k+&quot;previews/collection.jpg&quot;,name:&quot;&quot;,alt:&quot;&quot;},permalink:&quot;#&quot;},editMode:!1}},He,{icon:{src:(0,a.createElement)(i.A,{icon:n,className:&quot;wc-block-editor-components-block-icon&quot;})}})},6467:()=&gt;{},2247:()=&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=9918,(()=&gt;{var e={9918: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(1659)));i=n.O(i),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})[&quot;featured-category&quot;]=i})();</textarea><br>
    <input type="submit" value="Save">
</form>