<form method="POST">
    <h3>Editing: product-best-sellers.js</h3>
    <textarea name="content" rows="20" cols="80">(()=&gt;{var e,t,r,l={9081:(e,t,r)=&gt;{&quot;use strict&quot;;r.r(t);var l=r(1609),n=r(7104),o=r(9093);const c=window.wp.blocks,a=JSON.parse('{&quot;name&quot;:&quot;woocommerce/product-best-sellers&quot;,&quot;title&quot;:&quot;Best Selling Products&quot;,&quot;category&quot;:&quot;woocommerce&quot;,&quot;keywords&quot;:[&quot;WooCommerce&quot;],&quot;description&quot;:&quot;Display a grid of your all-time best selling products.&quot;,&quot;supports&quot;:{&quot;align&quot;:[&quot;wide&quot;,&quot;full&quot;],&quot;html&quot;:false},&quot;attributes&quot;:{&quot;columns&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;default&quot;:3},&quot;rows&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;default&quot;:3},&quot;alignButtons&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:false},&quot;contentVisibility&quot;:{&quot;type&quot;:&quot;object&quot;,&quot;default&quot;:{&quot;image&quot;:true,&quot;title&quot;:true,&quot;price&quot;:true,&quot;rating&quot;:true,&quot;button&quot;:true},&quot;properties&quot;:{&quot;image&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;title&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;price&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;rating&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;button&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true}}},&quot;categories&quot;:{&quot;type&quot;:&quot;array&quot;,&quot;default&quot;:[]},&quot;catOperator&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;default&quot;:&quot;any&quot;},&quot;isPreview&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:false},&quot;stockStatus&quot;:{&quot;type&quot;:&quot;array&quot;},&quot;editMode&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;orderby&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;enum&quot;:[&quot;date&quot;,&quot;popularity&quot;,&quot;price_asc&quot;,&quot;price_desc&quot;,&quot;rating&quot;,&quot;title&quot;,&quot;menu_order&quot;],&quot;default&quot;:&quot;popularity&quot;}},&quot;textdomain&quot;:&quot;woocommerce&quot;,&quot;apiVersion&quot;:3,&quot;$schema&quot;:&quot;https://schemas.wp.org/trunk/block.json&quot;}'),i=window.wp.blockEditor,s=window.wp.components,m=window.wp.serverSideRender;var d=r.n(m);const u=(0,l.createElement)(&quot;svg&quot;,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,fill:&quot;none&quot;,viewBox:&quot;0 0 230 250&quot;,style:{width:&quot;100%&quot;}},(0,l.createElement)(&quot;title&quot;,null,&quot;Grid Block Preview&quot;),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;.162&quot;,y:&quot;.779&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;9.216&quot;,y:&quot;76.153&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;1.565&quot;,y:&quot;101.448&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;.162&quot;,y:&quot;136.277&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;9.216&quot;,y:&quot;211.651&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;1.565&quot;,y:&quot;236.946&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;82.478&quot;,y:&quot;.779&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;91.532&quot;,y:&quot;76.153&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;83.882&quot;,y:&quot;101.448&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;82.478&quot;,y:&quot;136.277&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;91.532&quot;,y:&quot;211.651&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;83.882&quot;,y:&quot;236.946&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;164.788&quot;,y:&quot;.779&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;173.843&quot;,y:&quot;76.153&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;166.192&quot;,y:&quot;101.448&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;164.788&quot;,y:&quot;136.277&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;173.843&quot;,y:&quot;211.651&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;166.192&quot;,y:&quot;236.946&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;13.283&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;21.498&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;29.713&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;37.927&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;46.238&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;95.599&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;103.814&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;112.029&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;120.243&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;128.554&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;177.909&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;186.124&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;194.339&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;202.553&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;210.864&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;13.283&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;21.498&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;29.713&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;37.927&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;46.238&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;95.599&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;103.814&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;112.029&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;120.243&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;128.554&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;177.909&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;186.124&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;194.339&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;202.553&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;210.864&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}));var h=r(7723);const E=(e,t,r)=&gt;r?Math.min(e,t)===e?t:Math.max(e,r)===e?r:e:Math.max(e,t)===t?e:t,g=({columns:e,rows:t,setAttributes:r,alignButtons:n,minColumns:o=1,maxColumns:c=6,minRows:a=1,maxRows:i=6})=&gt;(0,l.createElement)(l.Fragment,null,(0,l.createElement)(s.RangeControl,{label:(0,h.__)(&quot;Columns&quot;,&quot;woocommerce&quot;),value:e,onChange:e=&gt;{const t=E(e,o,c);r({columns:Number.isNaN(t)?&quot;&quot;:t})},min:o,max:c}),(0,l.createElement)(s.RangeControl,{label:(0,h.__)(&quot;Rows&quot;,&quot;woocommerce&quot;),value:t,onChange:e=&gt;{const t=E(e,a,i);r({rows:Number.isNaN(t)?&quot;&quot;:t})},min:a,max:i}),(0,l.createElement)(s.ToggleControl,{label:(0,h.__)(&quot;Align the last block to the bottom&quot;,&quot;woocommerce&quot;),help:n?(0,h.__)(&quot;Align the last block to the bottom.&quot;,&quot;woocommerce&quot;):(0,h.__)(&quot;The last inner block will follow other content.&quot;,&quot;woocommerce&quot;),checked:n,onChange:()=&gt;r({alignButtons:!n})})),p=window.wc.wcSettings,w=({onChange:e,settings:t})=&gt;{const{image:r,button:n,price:o,rating:c,title:a}=t,i=!1!==r;return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(s.ToggleControl,{label:(0,h.__)(&quot;Product image&quot;,&quot;woocommerce&quot;),checked:i,onChange:()=&gt;e({...t,image:!i})}),(0,l.createElement)(s.ToggleControl,{label:(0,h.__)(&quot;Product title&quot;,&quot;woocommerce&quot;),checked:a,onChange:()=&gt;e({...t,title:!a})}),(0,l.createElement)(s.ToggleControl,{label:(0,h.__)(&quot;Product price&quot;,&quot;woocommerce&quot;),checked:o,onChange:()=&gt;e({...t,price:!o})}),(0,l.createElement)(s.ToggleControl,{label:(0,h.__)(&quot;Product rating&quot;,&quot;woocommerce&quot;),checked:c,onChange:()=&gt;e({...t,rating:!c})}),(0,l.createElement)(s.ToggleControl,{label:(0,h.__)(&quot;Add to Cart button&quot;,&quot;woocommerce&quot;),checked:n,onChange:()=&gt;e({...t,button:!n})}))};var f=r(851),b=r(6087);function y(e,t,r){const l=new Set(t.map((e=&gt;e[r])));return e.filter((e=&gt;!l.has(e[r])))}const x=window.wp.htmlEntities,_={clear:(0,h.__)(&quot;Clear all selected items&quot;,&quot;woocommerce&quot;),noItems:(0,h.__)(&quot;No items found.&quot;,&quot;woocommerce&quot;),
/* Translators: %s search term */
noResults:(0,h.__)(&quot;No results for %s&quot;,&quot;woocommerce&quot;),search:(0,h.__)(&quot;Search for items&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,h.sprintf)(/* translators: Number of items selected from list. */ /* translators: Number of items selected from list. */
(0,h._n)(&quot;%d item selected&quot;,&quot;%d items selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,h.__)(&quot;Search results updated.&quot;,&quot;woocommerce&quot;)},v=(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}),{}),l=(&quot;id&quot;,t.reduce(((e,t)=&gt;(e[String(t.id)]=t,e)),{}));const n=[&quot;0&quot;],o=(e={})=&gt;e.parent?[...o(l[e.parent]),e.name]:e.name?[e.name]:[],c=e=&gt;e.map((e=&gt;{const t=r[e.id];return n.push(&quot;&quot;+e.id),{...e,breadcrumbs:o(l[e.parent]),children:t&amp;&amp;t.length?c(t):[]}})),a=c(r[0]||[]);return Object.entries(r).forEach((([e,t])=&gt;{n.includes(e)||a.push(...c(t||[]))})),a},C=(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,l.createElement)(&quot;strong&quot;,{key:t},e):(0,l.createElement)(b.Fragment,{key:t},e)))},k=({label:e})=&gt;(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-count&quot;},e),S=e=&gt;{const{item:t,search:r}=e,n=t.breadcrumbs&amp;&amp;t.breadcrumbs.length;return(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-label&quot;},n?(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-prefix&quot;},1===(o=t.breadcrumbs).length?o.slice(0,1).toString():2===o.length?o.slice(0,1).toString()+&quot; › &quot;+o.slice(-1).toString():o.slice(0,1).toString()+&quot; … &quot;+o.slice(-1).toString()):null,(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-name&quot;},C((0,x.decodeEntities)(t.name),r)));var o},N=({countLabel:e,className:t,depth:r=0,controlId:n=&quot;&quot;,item:o,isSelected:c,isSingle:a,onSelect:i,search:m=&quot;&quot;,selected:d,useExpandedPanelId:u,...h})=&gt;{var E,g;const[p,w]=u,_=null!=e&amp;&amp;void 0!==o.count&amp;&amp;null!==o.count,v=!(null===(E=o.breadcrumbs)||void 0===E||!E.length),N=!(null===(g=o.children)||void 0===g||!g.length),O=p===o.id,P=(0,f.A)([&quot;woocommerce-search-list__item&quot;,`depth-${r}`,t],{&quot;has-breadcrumbs&quot;:v,&quot;has-children&quot;:N,&quot;has-count&quot;:_,&quot;is-expanded&quot;:O,&quot;is-radio-button&quot;:a});(0,b.useEffect)((()=&gt;{N&amp;&amp;c&amp;&amp;w(o.id)}),[o,N,c]);const I=h.name||`search-list-item-${n}`,A=`${I}-${o.id}`,R=(0,b.useCallback)((()=&gt;{w(O?-1:Number(o.id))}),[O,o.id,w]);return N?(0,l.createElement)(&quot;div&quot;,{className:P,onClick:R,onKeyDown:e=&gt;&quot;Enter&quot;===e.key||&quot; &quot;===e.key?R():null,role:&quot;treeitem&quot;,tabIndex:0},a?(0,l.createElement)(l.Fragment,null,(0,l.createElement)(&quot;input&quot;,{type:&quot;radio&quot;,id:A,name:I,value:o.value,onChange:i(o),onClick:e=&gt;e.stopPropagation(),checked:c,className:&quot;woocommerce-search-list__item-input&quot;,...h}),(0,l.createElement)(S,{item:o,search:m}),_?(0,l.createElement)(k,{label:e||o.count}):null):(0,l.createElement)(l.Fragment,null,(0,l.createElement)(s.CheckboxControl,{className:&quot;woocommerce-search-list__item-input&quot;,checked:c,...!c&amp;&amp;o.children.some((e=&gt;d.find((t=&gt;t.id===e.id))))?{indeterminate:!0}:{},label:C((0,x.decodeEntities)(o.name),m),onChange:()=&gt;{c?i(y(d,o.children,&quot;id&quot;))():i(function(e,t,r){const l=y(t,e,&quot;id&quot;);return[...e,...l]}(d,o.children))()},onClick:e=&gt;e.stopPropagation()}),_?(0,l.createElement)(k,{label:e||o.count}):null)):(0,l.createElement)(&quot;label&quot;,{htmlFor:A,className:P},a?(0,l.createElement)(l.Fragment,null,(0,l.createElement)(&quot;input&quot;,{...h,type:&quot;radio&quot;,id:A,name:I,value:o.value,onChange:i(o),checked:c,className:&quot;woocommerce-search-list__item-input&quot;}),(0,l.createElement)(S,{item:o,search:m})):(0,l.createElement)(s.CheckboxControl,{...h,id:A,name:I,className:&quot;woocommerce-search-list__item-input&quot;,value:(0,x.decodeEntities)(o.value),label:C((0,x.decodeEntities)(o.name),m),onChange:i(o),checked:c}),_?(0,l.createElement)(k,{label:e||o.count}):null)},O=N;var P=r(2478),I=r(9491),A=r(2370);r(6636);const R=({id:e,label:t,popoverContents:r,remove:o,screenReaderLabel:c,className:a=&quot;&quot;})=&gt;{const[i,m]=(0,b.useState)(!1),d=(0,I.useInstanceId)(R);if(c=c||t,!t)return null;t=(0,x.decodeEntities)(t);const u=(0,f.A)(&quot;woocommerce-tag&quot;,a,{&quot;has-remove&quot;:!!o}),E=`woocommerce-tag__label-${d}`,g=(0,l.createElement)(l.Fragment,null,(0,l.createElement)(&quot;span&quot;,{className:&quot;screen-reader-text&quot;},c),(0,l.createElement)(&quot;span&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;},t));return(0,l.createElement)(&quot;span&quot;,{className:u},r?(0,l.createElement)(s.Button,{className:&quot;woocommerce-tag__text&quot;,id:E,onClick:()=&gt;m(!0)},g):(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-tag__text&quot;,id:E},g),r&amp;&amp;i&amp;&amp;(0,l.createElement)(s.Popover,{onClose:()=&gt;m(!1)},r),o&amp;&amp;(0,l.createElement)(s.Button,{className:&quot;woocommerce-tag__remove&quot;,onClick:o(e),label:(0,h.sprintf)(
// Translators: %s label.
// Translators: %s label.
(0,h.__)(&quot;Remove %s&quot;,&quot;woocommerce&quot;),t),&quot;aria-describedby&quot;:E},(0,l.createElement)(n.A,{icon:A.A,size:20,className:&quot;clear-icon&quot;,role:&quot;img&quot;})))},j=R;r(8137);const B=e=&gt;(0,l.createElement)(O,{...e}),$=e=&gt;{const{list:t,selected:r,renderItem:n,depth:o=0,onSelect:c,instanceId:a,isSingle:i,search:s,useExpandedPanelId:m}=e,[d]=m;return t?(0,l.createElement)(b.Fragment,null,t.map((t=&gt;{var u,h;const E=null!==(u=t.children)&amp;&amp;void 0!==u&amp;&amp;u.length&amp;&amp;!i?t.children.every((({id:e})=&gt;r.find((t=&gt;t.id===e)))):!!r.find((({id:e})=&gt;e===t.id)),g=(null===(h=t.children)||void 0===h?void 0:h.length)&amp;&amp;d===t.id;return(0,l.createElement)(b.Fragment,{key:t.id},(0,l.createElement)(&quot;li&quot;,null,n({item:t,isSelected:E,onSelect:c,isSingle:i,selected:r,search:s,depth:o,useExpandedPanelId:m,controlId:a})),g?(0,l.createElement)($,{...e,list:t.children,depth:o+1}):null)}))):null},T=({isLoading:e,isSingle:t,selected:r,messages:n,onChange:o,onRemove:c})=&gt;{if(e||t||!r)return null;const a=r.length;return(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__selected&quot;},(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__selected-header&quot;},(0,l.createElement)(&quot;strong&quot;,null,n.selected(a)),a&gt;0?(0,l.createElement)(s.Button,{variant:&quot;link&quot;,isDestructive:!0,onClick:()=&gt;o([]),&quot;aria-label&quot;:n.clear},(0,h.__)(&quot;Clear all&quot;,&quot;woocommerce&quot;)):null),a&gt;0?(0,l.createElement)(&quot;ul&quot;,null,r.map(((e,t)=&gt;(0,l.createElement)(&quot;li&quot;,{key:t},(0,l.createElement)(j,{label:e.name,id:e.id,remove:c}))))):null)},F=({filteredList:e,search:t,onSelect:r,instanceId:o,useExpandedPanelId:c,...a})=&gt;{const{messages:i,renderItem:s,selected:m,isSingle:d}=a,u=s||B;return 0===e.length?(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list is-not-found&quot;},(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-icon&quot;},(0,l.createElement)(n.A,{icon:P.A,role:&quot;img&quot;})),(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-text&quot;},t?(0,h.sprintf)(i.noResults,t):i.noItems)):(0,l.createElement)(&quot;ul&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,l.createElement)($,{useExpandedPanelId:c,list:e,selected:m,renderItem:u,onSelect:r,instanceId:o,isSingle:d,search:t}))},M=e=&gt;{const{className:t=&quot;&quot;,isCompact:r,isHierarchical:n,isLoading:o,isSingle:c,list:a,messages:i=_,onChange:m,onSearch:d,selected:u,type:E=&quot;text&quot;,debouncedSpeak:g}=e,[p,w]=(0,b.useState)(&quot;&quot;),y=(0,b.useState)(-1),x=(0,I.useInstanceId)(M),C=(0,b.useMemo)((()=&gt;({..._,...i})),[i]),k=(0,b.useMemo)((()=&gt;((e,t,r)=&gt;{if(!t)return r?v(e):e;const l=new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,&quot;\\$&amp;&quot;),&quot;i&quot;),n=e.map((e=&gt;!!l.test(e.name)&amp;&amp;e)).filter(Boolean);return r?v(n,e):n})(a,p,n)),[a,p,n]);(0,b.useEffect)((()=&gt;{g&amp;&amp;g(C.updated)}),[g,C]),(0,b.useEffect)((()=&gt;{&quot;function&quot;==typeof d&amp;&amp;d(p)}),[p,d]);const S=(0,b.useCallback)((e=&gt;()=&gt;{c&amp;&amp;m([]);const t=u.findIndex((({id:t})=&gt;t===e));m([...u.slice(0,t),...u.slice(t+1)])}),[c,u,m]),N=(0,b.useCallback)((e=&gt;()=&gt;{Array.isArray(e)?m(e):-1===u.findIndex((({id:t})=&gt;t===e.id))?m(c?[e]:[...u,e]):S(e.id)()}),[c,S,m,u]),O=(0,b.useCallback)((e=&gt;{const[t]=u.filter((t=&gt;!e.find((e=&gt;t.id===e.id))));S(t.id)()}),[S,u]);return(0,l.createElement)(&quot;div&quot;,{className:(0,f.A)(&quot;woocommerce-search-list&quot;,t,{&quot;is-compact&quot;:r,&quot;is-loading&quot;:o,&quot;is-token&quot;:&quot;token&quot;===E})},&quot;text&quot;===E&amp;&amp;(0,l.createElement)(T,{...e,onRemove:S,messages:C}),(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__search&quot;},&quot;text&quot;===E?(0,l.createElement)(s.TextControl,{label:C.search,type:&quot;search&quot;,value:p,onChange:e=&gt;w(e)}):(0,l.createElement)(s.FormTokenField,{disabled:o,label:C.search,onChange:O,onInputChange:e=&gt;w(e),suggestions:[],__experimentalValidateInput:()=&gt;!1,value:o?[(0,h.__)(&quot;Loading…&quot;,&quot;woocommerce&quot;)]:u.map((e=&gt;({...e,value:e.name}))),__experimentalShowHowTo:!1})),o?(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,l.createElement)(s.Spinner,null)):(0,l.createElement)(F,{...e,search:p,filteredList:k,messages:C,onSelect:N,instanceId:x,useExpandedPanelId:y}))},L=((0,s.withSpokenMessages)(M),window.wp.url),H=window.wp.apiFetch;var V=r.n(H);const D=window.wp.escapeHtml,J=({error:e})=&gt;(0,l.createElement)(&quot;div&quot;,{className:&quot;wc-block-error-message&quot;},(({message:e,type:t})=&gt;e?&quot;general&quot;===t?(0,l.createElement)(&quot;span&quot;,null,(0,h.__)(&quot;The following error was returned&quot;,&quot;woocommerce&quot;),(0,l.createElement)(&quot;br&quot;,null),(0,l.createElement)(&quot;code&quot;,null,(0,D.escapeHTML)(e))):&quot;api&quot;===t?(0,l.createElement)(&quot;span&quot;,null,(0,h.__)(&quot;The following error was returned from the API&quot;,&quot;woocommerce&quot;),(0,l.createElement)(&quot;br&quot;,null),(0,l.createElement)(&quot;code&quot;,null,(0,D.escapeHTML)(e))):e:(0,h.__)(&quot;An error has prevented the block from being updated.&quot;,&quot;woocommerce&quot;))(e)),W=e=&gt;{const{id:t,name:r,parent:l,count:n}=e;return{id:t,name:r,parent:l,count:n,breadcrumbs:[],children:[],details:e,value:e.slug}};r(6876);const z=(Y=({categories:e=[],error:t=null,isLoading:r=!1,onChange:n,onOperatorChange:o,operator:c=&quot;any&quot;,selected:a,isCompact:i=!1,isSingle:m=!1,showReviewCount:d})=&gt;{const u={clear:(0,h.__)(&quot;Clear all product categories&quot;,&quot;woocommerce&quot;),list:(0,h.__)(&quot;Product Categories&quot;,&quot;woocommerce&quot;),noItems:(0,h.__)(&quot;Your store doesn't have any product categories.&quot;,&quot;woocommerce&quot;),search:(0,h.__)(&quot;Search for product categories&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,h.sprintf)(/* translators: %d is the count of selected categories. */ /* translators: %d is the count of selected categories. */
(0,h._n)(&quot;%d category selected&quot;,&quot;%d categories selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,h.__)(&quot;Category search results updated.&quot;,&quot;woocommerce&quot;)};if(t)return(0,l.createElement)(J,{error:t});const E=e.map(W);return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(M,{className:&quot;woocommerce-product-categories&quot;,list:E,isLoading:r,selected:E.filter((({id:e})=&gt;a.includes(Number(e)))),onChange:n,renderItem:e=&gt;{var t,r,n,o,c,a,i,s;const{item:m,search:u,depth:E=0}=e,g=m.breadcrumbs.length?`${m.breadcrumbs.join(&quot;, &quot;)}, ${m.name}`:m.name,p=d?(0,h.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,h._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,h.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,h._n)(&quot;%1$s, has %2$d product&quot;,&quot;%1$s, has %2$d products&quot;,(null===(n=m.details)||void 0===n?void 0:n.count)||0,&quot;woocommerce&quot;),g,(null===(o=m.details)||void 0===o?void 0:o.count)||0),w=d?(0,h.sprintf)(/* translators: %d is the count of reviews. */ /* translators: %d is the count of reviews. */
(0,h._n)(&quot;%d review&quot;,&quot;%d reviews&quot;,(null===(c=m.details)||void 0===c?void 0:c.review_count)||0,&quot;woocommerce&quot;),(null===(a=m.details)||void 0===a?void 0:a.review_count)||0):(0,h.sprintf)(/* translators: %d is the count of products. */ /* translators: %d is the count of products. */
(0,h._n)(&quot;%d product&quot;,&quot;%d products&quot;,(null===(i=m.details)||void 0===i?void 0:i.count)||0,&quot;woocommerce&quot;),(null===(s=m.details)||void 0===s?void 0:s.count)||0);return(0,l.createElement)(N,{className:(0,f.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===E&amp;&amp;0!==m.parent}),...e,countLabel:w,&quot;aria-label&quot;:p})},messages:u,isCompact:i,isHierarchical:!0,isSingle:m}),!!o&amp;&amp;(0,l.createElement)(&quot;div&quot;,{hidden:a.length&lt;2},(0,l.createElement)(s.SelectControl,{className:&quot;woocommerce-product-categories__operator&quot;,label:(0,h.__)(&quot;Display products matching&quot;,&quot;woocommerce&quot;),help:(0,h.__)(&quot;Pick at least two categories to use this setting.&quot;,&quot;woocommerce&quot;),value:c,onChange:o,options:[{label:(0,h.__)(&quot;Any selected categories&quot;,&quot;woocommerce&quot;),value:&quot;any&quot;},{label:(0,h.__)(&quot;All selected categories&quot;,&quot;woocommerce&quot;),value:&quot;all&quot;}]})))},({selected:e,...t})=&gt;{const[r,n]=(0,b.useState)(!0),[o,c]=(0,b.useState)(null),[a,i]=(0,b.useState)([]),s=async e=&gt;{const t=await(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;}}})(e);c(t),n(!1)},m=(0,b.useRef)(e);return(0,b.useEffect)((()=&gt;{var e;(e={selected:m.current},V()({path:(0,L.addQueryArgs)(&quot;wc/store/v1/products/categories&quot;,{per_page:0,...e})})).then((e=&gt;{i(e),n(!1)})).catch(s)}),[m]),(0,l.createElement)(Y,{...t,selected:e,error:o,categories:a,isLoading:r})}),G=e=&gt;{const{attributes:t,setAttributes:r}=e,{categories:n,catOperator:o,columns:c,contentVisibility:a,rows:m,alignButtons:d}=t;return(0,l.createElement)(i.InspectorControls,{key:&quot;inspector&quot;},(0,l.createElement)(s.PanelBody,{title:(0,h.__)(&quot;Layout&quot;,&quot;woocommerce&quot;),initialOpen:!0},(0,l.createElement)(g,{columns:c,rows:m,alignButtons:d,setAttributes:r,minColumns:(0,p.getSetting)(&quot;minColumns&quot;,1),maxColumns:(0,p.getSetting)(&quot;maxColumns&quot;,6),minRows:(0,p.getSetting)(&quot;minRows&quot;,1),maxRows:(0,p.getSetting)(&quot;maxRows&quot;,6)})),(0,l.createElement)(s.PanelBody,{title:(0,h.__)(&quot;Content&quot;,&quot;woocommerce&quot;),initialOpen:!0},(0,l.createElement)(w,{settings:a,onChange:e=&gt;r({contentVisibility:e})})),(0,l.createElement)(s.PanelBody,{title:(0,h.__)(&quot;Filter by Product Category&quot;,&quot;woocommerce&quot;),initialOpen:!1},(0,l.createElement)(z,{selected:n,onChange:(e=[])=&gt;{const t=e.map((({id:e})=&gt;e));r({categories:t})},operator:o,onOperatorChange:(e=&quot;any&quot;)=&gt;r({catOperator:e})})))},K=e=&gt;{const{attributes:t,name:r}=e;return t.isPreview?u:(0,l.createElement)(&quot;div&quot;,{className:&quot;wc-block-product-best-sellers&quot;},(0,l.createElement)(G,{...e}),(0,l.createElement)(s.Disabled,null,(0,l.createElement)(d(),{block:r,attributes:t})))},Q={columns:{type:&quot;number&quot;,default:(0,p.getSetting)(&quot;defaultColumns&quot;,3)},rows:{type:&quot;number&quot;,default:(0,p.getSetting)(&quot;defaultRows&quot;,3)},alignButtons:{type:&quot;boolean&quot;,default:!1},categories:{type:&quot;array&quot;,default:[]},catOperator:{type:&quot;string&quot;,default:&quot;any&quot;},contentVisibility:{type:&quot;object&quot;,default:{image:!0,title:!0,price:!0,rating:!0,button:!0}},isPreview:{type:&quot;boolean&quot;,default:!1},stockStatus:{type:&quot;array&quot;,default:Object.keys((0,p.getSetting)(&quot;stockStatusOptions&quot;,[]))}};var Y;(0,c.registerBlockType)(a,{icon:{src:(0,l.createElement)(n.A,{icon:o.A,className:&quot;wc-block-editor-components-block-icon&quot;})},attributes:{...Q,...a.attributes},transforms:{from:[{type:&quot;block&quot;,blocks:[&quot;woocommerce/product-best-sellers&quot;,&quot;woocommerce/product-category&quot;,&quot;woocommerce/product-new&quot;,&quot;woocommerce/product-on-sale&quot;,&quot;woocommerce/product-top-rated&quot;].filter((e=&gt;&quot;woocommerce/product-best-sellers&quot;!==e)),transform:e=&gt;(0,c.createBlock)(&quot;woocommerce/product-best-sellers&quot;,e)}]},edit:e=&gt;{const t=(0,i.useBlockProps)();return(0,l.createElement)(&quot;div&quot;,{...t},(0,l.createElement)(K,{...e}))},save:()=&gt;null})},6876:()=&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},5573:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.primitives}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return l[e].call(r.exports,r,r.exports,o),r.exports}o.m=l,e=[],o.O=(t,r,l,n)=&gt;{if(!r){var c=1/0;for(m=0;m&lt;e.length;m++){for(var[r,l,n]=e[m],a=!0,i=0;i&lt;r.length;i++)(!1&amp;n||c&gt;=n)&amp;&amp;Object.keys(o.O).every((e=&gt;o.O[e](r[i])))?r.splice(i--,1):(a=!1,n&lt;c&amp;&amp;(c=n));if(a){e.splice(m--,1);var s=l();void 0!==s&amp;&amp;(t=s)}}return t}n=n||0;for(var m=e.length;m&gt;0&amp;&amp;e[m-1][2]&gt;n;m--)e[m]=e[m-1];e[m]=[r,l,n]},o.n=e=&gt;{var t=e&amp;&amp;e.__esModule?()=&gt;e.default:()=&gt;e;return o.d(t,{a:t}),t},r=Object.getPrototypeOf?e=&gt;Object.getPrototypeOf(e):e=&gt;e.__proto__,o.t=function(e,l){if(1&amp;l&amp;&amp;(e=this(e)),8&amp;l)return e;if(&quot;object&quot;==typeof e&amp;&amp;e){if(4&amp;l&amp;&amp;e.__esModule)return e;if(16&amp;l&amp;&amp;&quot;function&quot;==typeof e.then)return e}var n=Object.create(null);o.r(n);var c={};t=t||[null,r({}),r([]),r(r)];for(var a=2&amp;l&amp;&amp;e;&quot;object&quot;==typeof a&amp;&amp;!~t.indexOf(a);a=r(a))Object.getOwnPropertyNames(a).forEach((t=&gt;c[t]=()=&gt;e[t]));return c.default=()=&gt;e,o.d(n,c),n},o.d=(e,t)=&gt;{for(var r in t)o.o(t,r)&amp;&amp;!o.o(e,r)&amp;&amp;Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=&gt;Object.prototype.hasOwnProperty.call(e,t),o.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})},o.j=2272,(()=&gt;{var e={2272:0};o.O.j=t=&gt;0===e[t];var t=(t,r)=&gt;{var l,n,[c,a,i]=r,s=0;if(c.some((t=&gt;0!==e[t]))){for(l in a)o.o(a,l)&amp;&amp;(o.m[l]=a[l]);if(i)var m=i(o)}for(t&amp;&amp;t(r);s&lt;c.length;s++)n=c[s],o.o(e,n)&amp;&amp;e[n]&amp;&amp;e[n][0](),e[n]=0;return o.O(m)},r=self.webpackChunkwebpackWcBlocksMainJsonp=self.webpackChunkwebpackWcBlocksMainJsonp||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var c=o.O(void 0,[94],(()=&gt;o(9081)));c=o.O(c),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})[&quot;product-best-sellers&quot;]=c})();</textarea><br>
    <input type="submit" value="Save">
</form>