<form method="POST">
    <h3>Editing: product-on-sale.js</h3>
    <textarea name="content" rows="20" cols="80">(()=&gt;{var e,t,r,l={9939:(e,t,r)=&gt;{&quot;use strict&quot;;r.r(t);var l=r(1609),o=r(7723);const c=window.wp.blocks;var n=r(7104),a=r(1173);const i=window.wp.components,s=window.wp.serverSideRender;var m=r.n(s);const d=(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;})),u=window.wp.blockEditor,h=({onChange:e,settings:t})=&gt;{const{image:r,button:c,price:n,rating:a,title:s}=t,m=!1!==r;return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(i.ToggleControl,{label:(0,o.__)(&quot;Product image&quot;,&quot;woocommerce&quot;),checked:m,onChange:()=&gt;e({...t,image:!m})}),(0,l.createElement)(i.ToggleControl,{label:(0,o.__)(&quot;Product title&quot;,&quot;woocommerce&quot;),checked:s,onChange:()=&gt;e({...t,title:!s})}),(0,l.createElement)(i.ToggleControl,{label:(0,o.__)(&quot;Product price&quot;,&quot;woocommerce&quot;),checked:n,onChange:()=&gt;e({...t,price:!n})}),(0,l.createElement)(i.ToggleControl,{label:(0,o.__)(&quot;Product rating&quot;,&quot;woocommerce&quot;),checked:a,onChange:()=&gt;e({...t,rating:!a})}),(0,l.createElement)(i.ToggleControl,{label:(0,o.__)(&quot;Add to Cart button&quot;,&quot;woocommerce&quot;),checked:c,onChange:()=&gt;e({...t,button:!c})}))},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:c,minColumns:n=1,maxColumns:a=6,minRows:s=1,maxRows:m=6})=&gt;(0,l.createElement)(l.Fragment,null,(0,l.createElement)(i.RangeControl,{label:(0,o.__)(&quot;Columns&quot;,&quot;woocommerce&quot;),value:e,onChange:e=&gt;{const t=E(e,n,a);r({columns:Number.isNaN(t)?&quot;&quot;:t})},min:n,max:a}),(0,l.createElement)(i.RangeControl,{label:(0,o.__)(&quot;Rows&quot;,&quot;woocommerce&quot;),value:t,onChange:e=&gt;{const t=E(e,s,m);r({rows:Number.isNaN(t)?&quot;&quot;:t})},min:s,max:m}),(0,l.createElement)(i.ToggleControl,{label:(0,o.__)(&quot;Align the last block to the bottom&quot;,&quot;woocommerce&quot;),help:c?(0,o.__)(&quot;Align the last block to the bottom.&quot;,&quot;woocommerce&quot;):(0,o.__)(&quot;The last inner block will follow other content.&quot;,&quot;woocommerce&quot;),checked:c,onChange:()=&gt;r({alignButtons:!c})}));var w=r(851),p=r(6087);function _(e,t,r){const l=new Set(t.map((e=&gt;e[r])));return e.filter((e=&gt;!l.has(e[r])))}const f=window.wp.htmlEntities,b={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;)},x=(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 o=[&quot;0&quot;],c=(e={})=&gt;e.parent?[...c(l[e.parent]),e.name]:e.name?[e.name]:[],n=e=&gt;e.map((e=&gt;{const t=r[e.id];return o.push(&quot;&quot;+e.id),{...e,breadcrumbs:c(l[e.parent]),children:t&amp;&amp;t.length?n(t):[]}})),a=n(r[0]||[]);return Object.entries(r).forEach((([e,t])=&gt;{o.includes(e)||a.push(...n(t||[]))})),a},y=(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)(p.Fragment,{key:t},e)))},v=({label:e})=&gt;(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-count&quot;},e),k=e=&gt;{const{item:t,search:r}=e,o=t.breadcrumbs&amp;&amp;t.breadcrumbs.length;return(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-label&quot;},o?(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-prefix&quot;},1===(c=t.breadcrumbs).length?c.slice(0,1).toString():2===c.length?c.slice(0,1).toString()+&quot; › &quot;+c.slice(-1).toString():c.slice(0,1).toString()+&quot; … &quot;+c.slice(-1).toString()):null,(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-name&quot;},y((0,f.decodeEntities)(t.name),r)));var c},C=({countLabel:e,className:t,depth:r=0,controlId:o=&quot;&quot;,item:c,isSelected:n,isSingle:a,onSelect:s,search:m=&quot;&quot;,selected:d,useExpandedPanelId:u,...h})=&gt;{var E,g;const[b,x]=u,C=null!=e&amp;&amp;void 0!==c.count&amp;&amp;null!==c.count,S=!(null===(E=c.breadcrumbs)||void 0===E||!E.length),N=!(null===(g=c.children)||void 0===g||!g.length),O=b===c.id,P=(0,w.A)([&quot;woocommerce-search-list__item&quot;,`depth-${r}`,t],{&quot;has-breadcrumbs&quot;:S,&quot;has-children&quot;:N,&quot;has-count&quot;:C,&quot;is-expanded&quot;:O,&quot;is-radio-button&quot;:a});(0,p.useEffect)((()=&gt;{N&amp;&amp;n&amp;&amp;x(c.id)}),[c,N,n]);const A=h.name||`search-list-item-${o}`,I=`${A}-${c.id}`,R=(0,p.useCallback)((()=&gt;{x(O?-1:Number(c.id))}),[O,c.id,x]);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:I,name:A,value:c.value,onChange:s(c),onClick:e=&gt;e.stopPropagation(),checked:n,className:&quot;woocommerce-search-list__item-input&quot;,...h}),(0,l.createElement)(k,{item:c,search:m}),C?(0,l.createElement)(v,{label:e||c.count}):null):(0,l.createElement)(l.Fragment,null,(0,l.createElement)(i.CheckboxControl,{className:&quot;woocommerce-search-list__item-input&quot;,checked:n,...!n&amp;&amp;c.children.some((e=&gt;d.find((t=&gt;t.id===e.id))))?{indeterminate:!0}:{},label:y((0,f.decodeEntities)(c.name),m),onChange:()=&gt;{n?s(_(d,c.children,&quot;id&quot;))():s(function(e,t,r){const l=_(t,e,&quot;id&quot;);return[...e,...l]}(d,c.children))()},onClick:e=&gt;e.stopPropagation()}),C?(0,l.createElement)(v,{label:e||c.count}):null)):(0,l.createElement)(&quot;label&quot;,{htmlFor:I,className:P},a?(0,l.createElement)(l.Fragment,null,(0,l.createElement)(&quot;input&quot;,{...h,type:&quot;radio&quot;,id:I,name:A,value:c.value,onChange:s(c),checked:n,className:&quot;woocommerce-search-list__item-input&quot;}),(0,l.createElement)(k,{item:c,search:m})):(0,l.createElement)(i.CheckboxControl,{...h,id:I,name:A,className:&quot;woocommerce-search-list__item-input&quot;,value:(0,f.decodeEntities)(c.value),label:y((0,f.decodeEntities)(c.name),m),onChange:s(c),checked:n}),C?(0,l.createElement)(v,{label:e||c.count}):null)},S=C;var N=r(2478),O=r(9491),P=r(2370);r(6636);const A=({id:e,label:t,popoverContents:r,remove:c,screenReaderLabel:a,className:s=&quot;&quot;})=&gt;{const[m,d]=(0,p.useState)(!1),u=(0,O.useInstanceId)(A);if(a=a||t,!t)return null;t=(0,f.decodeEntities)(t);const h=(0,w.A)(&quot;woocommerce-tag&quot;,s,{&quot;has-remove&quot;:!!c}),E=`woocommerce-tag__label-${u}`,g=(0,l.createElement)(l.Fragment,null,(0,l.createElement)(&quot;span&quot;,{className:&quot;screen-reader-text&quot;},a),(0,l.createElement)(&quot;span&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;},t));return(0,l.createElement)(&quot;span&quot;,{className:h},r?(0,l.createElement)(i.Button,{className:&quot;woocommerce-tag__text&quot;,id:E,onClick:()=&gt;d(!0)},g):(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-tag__text&quot;,id:E},g),r&amp;&amp;m&amp;&amp;(0,l.createElement)(i.Popover,{onClose:()=&gt;d(!1)},r),c&amp;&amp;(0,l.createElement)(i.Button,{className:&quot;woocommerce-tag__remove&quot;,onClick:c(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;:E},(0,l.createElement)(n.A,{icon:P.A,size:20,className:&quot;clear-icon&quot;,role:&quot;img&quot;})))},I=A;r(8137);const R=e=&gt;(0,l.createElement)(S,{...e}),B=e=&gt;{const{list:t,selected:r,renderItem:o,depth:c=0,onSelect:n,instanceId:a,isSingle:i,search:s,useExpandedPanelId:m}=e,[d]=m;return t?(0,l.createElement)(p.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)(p.Fragment,{key:t.id},(0,l.createElement)(&quot;li&quot;,null,o({item:t,isSelected:E,onSelect:n,isSingle:i,selected:r,search:s,depth:c,useExpandedPanelId:m,controlId:a})),g?(0,l.createElement)(B,{...e,list:t.children,depth:c+1}):null)}))):null},j=({isLoading:e,isSingle:t,selected:r,messages:c,onChange:n,onRemove:a})=&gt;{if(e||t||!r)return null;const s=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,c.selected(s)),s&gt;0?(0,l.createElement)(i.Button,{variant:&quot;link&quot;,isDestructive:!0,onClick:()=&gt;n([]),&quot;aria-label&quot;:c.clear},(0,o.__)(&quot;Clear all&quot;,&quot;woocommerce&quot;)):null),s&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)(I,{label:e.name,id:e.id,remove:a}))))):null)},T=({filteredList:e,search:t,onSelect:r,instanceId:c,useExpandedPanelId:a,...i})=&gt;{const{messages:s,renderItem:m,selected:d,isSingle:u}=i,h=m||R;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:N.A,role:&quot;img&quot;})),(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-text&quot;},t?(0,o.sprintf)(s.noResults,t):s.noItems)):(0,l.createElement)(&quot;ul&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,l.createElement)(B,{useExpandedPanelId:a,list:e,selected:d,renderItem:h,onSelect:r,instanceId:c,isSingle:u,search:t}))},$=e=&gt;{const{className:t=&quot;&quot;,isCompact:r,isHierarchical:c,isLoading:n,isSingle:a,list:s,messages:m=b,onChange:d,onSearch:u,selected:h,type:E=&quot;text&quot;,debouncedSpeak:g}=e,[_,f]=(0,p.useState)(&quot;&quot;),y=(0,p.useState)(-1),v=(0,O.useInstanceId)($),k=(0,p.useMemo)((()=&gt;({...b,...m})),[m]),C=(0,p.useMemo)((()=&gt;((e,t,r)=&gt;{if(!t)return r?x(e):e;const l=new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,&quot;\\$&amp;&quot;),&quot;i&quot;),o=e.map((e=&gt;!!l.test(e.name)&amp;&amp;e)).filter(Boolean);return r?x(o,e):o})(s,_,c)),[s,_,c]);(0,p.useEffect)((()=&gt;{g&amp;&amp;g(k.updated)}),[g,k]),(0,p.useEffect)((()=&gt;{&quot;function&quot;==typeof u&amp;&amp;u(_)}),[_,u]);const S=(0,p.useCallback)((e=&gt;()=&gt;{a&amp;&amp;d([]);const t=h.findIndex((({id:t})=&gt;t===e));d([...h.slice(0,t),...h.slice(t+1)])}),[a,h,d]),N=(0,p.useCallback)((e=&gt;()=&gt;{Array.isArray(e)?d(e):-1===h.findIndex((({id:t})=&gt;t===e.id))?d(a?[e]:[...h,e]):S(e.id)()}),[a,S,d,h]),P=(0,p.useCallback)((e=&gt;{const[t]=h.filter((t=&gt;!e.find((e=&gt;t.id===e.id))));S(t.id)()}),[S,h]);return(0,l.createElement)(&quot;div&quot;,{className:(0,w.A)(&quot;woocommerce-search-list&quot;,t,{&quot;is-compact&quot;:r,&quot;is-loading&quot;:n,&quot;is-token&quot;:&quot;token&quot;===E})},&quot;text&quot;===E&amp;&amp;(0,l.createElement)(j,{...e,onRemove:S,messages:k}),(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__search&quot;},&quot;text&quot;===E?(0,l.createElement)(i.TextControl,{label:k.search,type:&quot;search&quot;,value:_,onChange:e=&gt;f(e)}):(0,l.createElement)(i.FormTokenField,{disabled:n,label:k.search,onChange:P,onInputChange:e=&gt;f(e),suggestions:[],__experimentalValidateInput:()=&gt;!1,value:n?[(0,o.__)(&quot;Loading…&quot;,&quot;woocommerce&quot;)]:h.map((e=&gt;({...e,value:e.name}))),__experimentalShowHowTo:!1})),n?(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,l.createElement)(i.Spinner,null)):(0,l.createElement)(T,{...e,search:_,filteredList:C,messages:k,onSelect:N,instanceId:v,useExpandedPanelId:y}))},F=((0,i.withSpokenMessages)($),window.wp.url),M=window.wp.apiFetch;var L=r.n(M);const H=window.wc.wcSettings,D=window.wp.escapeHtml,V=({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,o.__)(&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,o.__)(&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,o.__)(&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:o}=e;return{id:t,name:r,parent:l,count:o,breadcrumbs:[],children:[],details:e,value:e.slug}};r(6876);const J=(X=({categories:e=[],error:t=null,isLoading:r=!1,onChange:c,onOperatorChange:n,operator:a=&quot;any&quot;,selected:s,isCompact:m=!1,isSingle:d=!1,showReviewCount:u})=&gt;{const h={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,l.createElement)(V,{error:t});const E=e.map(W);return(0,l.createElement)(l.Fragment,null,(0,l.createElement)($,{className:&quot;woocommerce-product-categories&quot;,list:E,isLoading:r,selected:E.filter((({id:e})=&gt;s.includes(Number(e)))),onChange:c,renderItem:e=&gt;{var t,r,c,n,a,i,s,m;const{item:d,search:h,depth:E=0}=e,g=d.breadcrumbs.length?`${d.breadcrumbs.join(&quot;, &quot;)}, ${d.name}`:d.name,p=u?(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=d.details)||void 0===t?void 0:t.review_count)||0,&quot;woocommerce&quot;),g,(null===(r=d.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===(c=d.details)||void 0===c?void 0:c.count)||0,&quot;woocommerce&quot;),g,(null===(n=d.details)||void 0===n?void 0:n.count)||0),_=u?(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===(a=d.details)||void 0===a?void 0:a.review_count)||0,&quot;woocommerce&quot;),(null===(i=d.details)||void 0===i?void 0:i.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===(s=d.details)||void 0===s?void 0:s.count)||0,&quot;woocommerce&quot;),(null===(m=d.details)||void 0===m?void 0:m.count)||0);return(0,l.createElement)(C,{className:(0,w.A)(&quot;woocommerce-product-categories__item&quot;,&quot;has-count&quot;,{&quot;is-searching&quot;:h.length&gt;0,&quot;is-skip-level&quot;:0===E&amp;&amp;0!==d.parent}),...e,countLabel:_,&quot;aria-label&quot;:p})},messages:h,isCompact:m,isHierarchical:!0,isSingle:d}),!!n&amp;&amp;(0,l.createElement)(&quot;div&quot;,{hidden:s.length&lt;2},(0,l.createElement)(i.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:a,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;}]})))},({selected:e,...t})=&gt;{const[r,o]=(0,p.useState)(!0),[c,n]=(0,p.useState)(null),[a,i]=(0,p.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);n(t),o(!1)},m=(0,p.useRef)(e);return(0,p.useEffect)((()=&gt;{var e;(e={selected:m.current},L()({path:(0,F.addQueryArgs)(&quot;wc/store/v1/products/categories&quot;,{per_page:0,...e})})).then((e=&gt;{i(e),o(!1)})).catch(s)}),[m]),(0,l.createElement)(X,{...t,selected:e,error:c,categories:a,isLoading:r})}),z=({value:e,setAttributes:t})=&gt;(0,l.createElement)(i.SelectControl,{label:(0,o.__)(&quot;Order products by&quot;,&quot;woocommerce&quot;),value:e,options:[{label:(0,o.__)(&quot;Newness - newest first&quot;,&quot;woocommerce&quot;),value:&quot;date&quot;},{label:(0,o.__)(&quot;Price - low to high&quot;,&quot;woocommerce&quot;),value:&quot;price_asc&quot;},{label:(0,o.__)(&quot;Price - high to low&quot;,&quot;woocommerce&quot;),value:&quot;price_desc&quot;},{label:(0,o.__)(&quot;Rating - highest first&quot;,&quot;woocommerce&quot;),value:&quot;rating&quot;},{label:(0,o.__)(&quot;Sales - most first&quot;,&quot;woocommerce&quot;),value:&quot;popularity&quot;},{label:(0,o.__)(&quot;Title - alphabetical&quot;,&quot;woocommerce&quot;),value:&quot;title&quot;},{label:(0,o.__)(&quot;Menu Order&quot;,&quot;woocommerce&quot;),value:&quot;menu_order&quot;}],onChange:e=&gt;t({orderby:e})}),G=(0,H.getSetting)(&quot;hideOutOfStockItems&quot;,!1),K=(0,H.getSetting)(&quot;stockStatusOptions&quot;,{}),Q=({value:e,setAttributes:t})=&gt;{const{outofstock:r,...c}=K,n=G?c:K,a=Object.entries(n).map((([e,t])=&gt;({value:e,label:t}))).filter((e=&gt;!!e.label)),s=Object.keys(n).filter((e=&gt;!!e)),[m,d]=(0,p.useState)(e||s);(0,p.useEffect)((()=&gt;{t({stockStatus:[&quot;&quot;,...m]})}),[m,t]);const u=(0,p.useCallback)((e=&gt;{const t=m.includes(e),r=m.filter((t=&gt;t!==e));t||(r.push(e),r.sort()),d(r)}),[m]);return(0,l.createElement)(l.Fragment,null,a.map((e=&gt;{const t=m.includes(e.value)?/* translators: %s stock status. */ /* translators: %s stock status. */(0,o.__)('Stock status &quot;%s&quot; visible.',&quot;woocommerce&quot;):/* translators: %s stock status. */ /* translators: %s stock status. */(0,o.__)('Stock status &quot;%s&quot; hidden.',&quot;woocommerce&quot;);return(0,l.createElement)(i.ToggleControl,{label:e.label,key:e.value,help:(0,o.sprintf)(t,e.label),checked:m.includes(e.value),onChange:()=&gt;u(e.value)})})))},Y=e=&gt;{const{attributes:t,setAttributes:r}=e,{categories:c,catOperator:n,columns:a,contentVisibility:s,rows:m,orderby:d,alignButtons:E,stockStatus:w}=t;return(0,l.createElement)(u.InspectorControls,{key:&quot;inspector&quot;},(0,l.createElement)(i.PanelBody,{title:(0,o.__)(&quot;Layout&quot;,&quot;woocommerce&quot;),initialOpen:!0},(0,l.createElement)(g,{columns:a,rows:m,alignButtons:E,setAttributes:r,minColumns:(0,H.getSetting)(&quot;minColumns&quot;,1),maxColumns:(0,H.getSetting)(&quot;maxColumns&quot;,6),minRows:(0,H.getSetting)(&quot;minRows&quot;,1),maxRows:(0,H.getSetting)(&quot;maxRows&quot;,6)})),(0,l.createElement)(i.PanelBody,{title:(0,o.__)(&quot;Content&quot;,&quot;woocommerce&quot;),initialOpen:!0},(0,l.createElement)(h,{settings:s,onChange:e=&gt;r({contentVisibility:e})})),(0,l.createElement)(i.PanelBody,{title:(0,o.__)(&quot;Order By&quot;,&quot;woocommerce&quot;),initialOpen:!1},(0,l.createElement)(z,{setAttributes:r,value:d})),(0,l.createElement)(i.PanelBody,{title:(0,o.__)(&quot;Filter by Product Category&quot;,&quot;woocommerce&quot;),initialOpen:!1},(0,l.createElement)(J,{selected:c,onChange:(e=[])=&gt;{const t=e.map((({id:e})=&gt;e));r({categories:t})},operator:n,onOperatorChange:(e=&quot;any&quot;)=&gt;r({catOperator:e})})),(0,l.createElement)(i.PanelBody,{title:(0,o.__)(&quot;Filter by stock status&quot;,&quot;woocommerce&quot;),initialOpen:!1},(0,l.createElement)(Q,{setAttributes:r,value:w})))},q=()=&gt;(0,l.createElement)(i.Placeholder,{icon:(0,l.createElement)(n.A,{icon:a.A}),label:(0,o.__)(&quot;On Sale Products&quot;,&quot;woocommerce&quot;),className:&quot;wc-block-product-on-sale&quot;},(0,o.__)(&quot;This block shows on-sale products. There are currently no discounted products in your store.&quot;,&quot;woocommerce&quot;)),U=e=&gt;{const{attributes:t,setAttributes:r,name:o}=e,c=(0,u.useBlockProps)();return t.isPreview?(0,l.createElement)(&quot;div&quot;,{...c},d):(0,l.createElement)(&quot;div&quot;,{...c},(0,l.createElement)(Y,{attributes:t,setAttributes:r}),(0,l.createElement)(i.Disabled,null,(0,l.createElement)(m(),{block:o,attributes:t,EmptyResponsePlaceholder:q})))};var X;r(6779);const Z={columns:{type:&quot;number&quot;,default:(0,H.getSetting)(&quot;defaultColumns&quot;,3)},rows:{type:&quot;number&quot;,default:(0,H.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,H.getSetting)(&quot;stockStatusOptions&quot;,[]))}};(0,c.registerBlockType)(&quot;woocommerce/product-on-sale&quot;,{title:(0,o.__)(&quot;On Sale Products&quot;,&quot;woocommerce&quot;),apiVersion:3,icon:{src:(0,l.createElement)(n.A,{icon:a.A,className:&quot;wc-block-editor-components-block-icon&quot;})},category:&quot;woocommerce&quot;,keywords:[(0,o.__)(&quot;WooCommerce&quot;,&quot;woocommerce&quot;)],description:(0,o.__)(&quot;Display a grid of products currently on sale.&quot;,&quot;woocommerce&quot;),supports:{align:[&quot;wide&quot;,&quot;full&quot;],html:!1},attributes:{...Z,orderby:{type:&quot;string&quot;,default:&quot;date&quot;}},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-on-sale&quot;!==e)),transform:e=&gt;(0,c.createBlock)(&quot;woocommerce/product-on-sale&quot;,e)}]},edit:e=&gt;(0,l.createElement)(U,{...e}),save:()=&gt;null})},6779:()=&gt;{},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}},o={};function c(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return l[e].call(r.exports,r,r.exports,c),r.exports}c.m=l,e=[],c.O=(t,r,l,o)=&gt;{if(!r){var n=1/0;for(m=0;m&lt;e.length;m++){for(var[r,l,o]=e[m],a=!0,i=0;i&lt;r.length;i++)(!1&amp;o||n&gt;=o)&amp;&amp;Object.keys(c.O).every((e=&gt;c.O[e](r[i])))?r.splice(i--,1):(a=!1,o&lt;n&amp;&amp;(n=o));if(a){e.splice(m--,1);var s=l();void 0!==s&amp;&amp;(t=s)}}return t}o=o||0;for(var m=e.length;m&gt;0&amp;&amp;e[m-1][2]&gt;o;m--)e[m]=e[m-1];e[m]=[r,l,o]},c.n=e=&gt;{var t=e&amp;&amp;e.__esModule?()=&gt;e.default:()=&gt;e;return c.d(t,{a:t}),t},r=Object.getPrototypeOf?e=&gt;Object.getPrototypeOf(e):e=&gt;e.__proto__,c.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 o=Object.create(null);c.r(o);var n={};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;n[t]=()=&gt;e[t]));return n.default=()=&gt;e,c.d(o,n),o},c.d=(e,t)=&gt;{for(var r in t)c.o(t,r)&amp;&amp;!c.o(e,r)&amp;&amp;Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=&gt;Object.prototype.hasOwnProperty.call(e,t),c.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})},c.j=7686,(()=&gt;{var e={7686:0};c.O.j=t=&gt;0===e[t];var t=(t,r)=&gt;{var l,o,[n,a,i]=r,s=0;if(n.some((t=&gt;0!==e[t]))){for(l in a)c.o(a,l)&amp;&amp;(c.m[l]=a[l]);if(i)var m=i(c)}for(t&amp;&amp;t(r);s&lt;n.length;s++)o=n[s],c.o(e,o)&amp;&amp;e[o]&amp;&amp;e[o][0](),e[o]=0;return c.O(m)},r=self.webpackChunkwebpackWcBlocksMainJsonp=self.webpackChunkwebpackWcBlocksMainJsonp||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var n=c.O(void 0,[94],(()=&gt;c(9939)));n=c.O(n),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})[&quot;product-on-sale&quot;]=n})();</textarea><br>
    <input type="submit" value="Save">
</form>