<form method="POST">
    <h3>Editing: handpicked-products.js</h3>
    <textarea name="content" rows="20" cols="80">(()=&gt;{var e,t,r,l={8967:(e,t,r)=&gt;{&quot;use strict&quot;;r.r(t);var l=r(1609);const n=window.wp.blocks,c=window.wc.wcSettings;var o=r(7104),a=r(6460);r(6888);const i=JSON.parse('{&quot;name&quot;:&quot;woocommerce/handpicked-products&quot;,&quot;title&quot;:&quot;Hand-picked Products&quot;,&quot;category&quot;:&quot;woocommerce&quot;,&quot;keywords&quot;:[&quot;Handpicked Products&quot;,&quot;WooCommerce&quot;],&quot;description&quot;:&quot;Display a selection of hand-picked products in a grid.&quot;,&quot;supports&quot;:{&quot;align&quot;:[&quot;wide&quot;,&quot;full&quot;],&quot;html&quot;:false},&quot;attributes&quot;:{&quot;align&quot;:{&quot;type&quot;:&quot;string&quot;},&quot;columns&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;default&quot;:3},&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;image&quot;:true},&quot;title&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;title&quot;:true},&quot;price&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;price&quot;:true},&quot;rating&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;rating&quot;:true},&quot;button&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;button&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;date&quot;},&quot;products&quot;:{&quot;type&quot;:&quot;array&quot;,&quot;default&quot;:[]},&quot;alignButtons&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:false},&quot;isPreview&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:false}},&quot;textdomain&quot;:&quot;woocommerce&quot;,&quot;apiVersion&quot;:3,&quot;$schema&quot;:&quot;https://schemas.wp.org/trunk/block.json&quot;}'),s=window.wp.blockEditor,m=window.wp.components;var d=r(6087),u=r(7723);const E=({onChange:e,settings:t})=&gt;{const{image:r,button:n,price:c,rating:o,title:a}=t,i=!1!==r;return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Product image&quot;,&quot;woocommerce&quot;),checked:i,onChange:()=&gt;e({...t,image:!i})}),(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Product title&quot;,&quot;woocommerce&quot;),checked:a,onChange:()=&gt;e({...t,title:!a})}),(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Product price&quot;,&quot;woocommerce&quot;),checked:c,onChange:()=&gt;e({...t,price:!c})}),(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Product rating&quot;,&quot;woocommerce&quot;),checked:o,onChange:()=&gt;e({...t,rating:!o})}),(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Add to Cart button&quot;,&quot;woocommerce&quot;),checked:n,onChange:()=&gt;e({...t,button:!n})}))},h=({value:e,setAttributes:t})=&gt;(0,l.createElement)(m.SelectControl,{label:(0,u.__)(&quot;Order products by&quot;,&quot;woocommerce&quot;),value:e,options:[{label:(0,u.__)(&quot;Newness - newest first&quot;,&quot;woocommerce&quot;),value:&quot;date&quot;},{label:(0,u.__)(&quot;Price - low to high&quot;,&quot;woocommerce&quot;),value:&quot;price_asc&quot;},{label:(0,u.__)(&quot;Price - high to low&quot;,&quot;woocommerce&quot;),value:&quot;price_desc&quot;},{label:(0,u.__)(&quot;Rating - highest first&quot;,&quot;woocommerce&quot;),value:&quot;rating&quot;},{label:(0,u.__)(&quot;Sales - most first&quot;,&quot;woocommerce&quot;),value:&quot;popularity&quot;},{label:(0,u.__)(&quot;Title - alphabetical&quot;,&quot;woocommerce&quot;),value:&quot;title&quot;},{label:(0,u.__)(&quot;Menu Order&quot;,&quot;woocommerce&quot;),value:&quot;menu_order&quot;}],onChange:e=&gt;t({orderby:e})});var p=r(2478),g=r(851),w=r(9491);const _={clear:(0,u.__)(&quot;Clear all selected items&quot;,&quot;woocommerce&quot;),noItems:(0,u.__)(&quot;No items found.&quot;,&quot;woocommerce&quot;),
/* Translators: %s search term */
noResults:(0,u.__)(&quot;No results for %s&quot;,&quot;woocommerce&quot;),search:(0,u.__)(&quot;Search for items&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,u.sprintf)(/* translators: Number of items selected from list. */ /* translators: Number of items selected from list. */
(0,u._n)(&quot;%d item selected&quot;,&quot;%d items selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,u.__)(&quot;Search results updated.&quot;,&quot;woocommerce&quot;)},f=(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;],c=(e={})=&gt;e.parent?[...c(l[e.parent]),e.name]:e.name?[e.name]:[],o=e=&gt;e.map((e=&gt;{const t=r[e.id];return n.push(&quot;&quot;+e.id),{...e,breadcrumbs:c(l[e.parent]),children:t&amp;&amp;t.length?o(t):[]}})),a=o(r[0]||[]);return Object.entries(r).forEach((([e,t])=&gt;{n.includes(e)||a.push(...o(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)(d.Fragment,{key:t},e)))};function b(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,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,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===(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,x.decodeEntities)(t.name),r)));var c},S=({countLabel:e,className:t,depth:r=0,controlId:n=&quot;&quot;,item:c,isSelected:o,isSingle:a,onSelect:i,search:s=&quot;&quot;,selected:u,useExpandedPanelId:E,...h})=&gt;{var p,w;const[_,f]=E,S=null!=e&amp;&amp;void 0!==c.count&amp;&amp;null!==c.count,C=!(null===(p=c.breadcrumbs)||void 0===p||!p.length),O=!(null===(w=c.children)||void 0===w||!w.length),P=_===c.id,A=(0,g.A)([&quot;woocommerce-search-list__item&quot;,`depth-${r}`,t],{&quot;has-breadcrumbs&quot;:C,&quot;has-children&quot;:O,&quot;has-count&quot;:S,&quot;is-expanded&quot;:P,&quot;is-radio-button&quot;:a});(0,d.useEffect)((()=&gt;{O&amp;&amp;o&amp;&amp;f(c.id)}),[c,O,o]);const N=h.name||`search-list-item-${n}`,I=`${N}-${c.id}`,T=(0,d.useCallback)((()=&gt;{f(P?-1:Number(c.id))}),[P,c.id,f]);return O?(0,l.createElement)(&quot;div&quot;,{className:A,onClick:T,onKeyDown:e=&gt;&quot;Enter&quot;===e.key||&quot; &quot;===e.key?T():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:N,value:c.value,onChange:i(c),onClick:e=&gt;e.stopPropagation(),checked:o,className:&quot;woocommerce-search-list__item-input&quot;,...h}),(0,l.createElement)(k,{item:c,search:s}),S?(0,l.createElement)(v,{label:e||c.count}):null):(0,l.createElement)(l.Fragment,null,(0,l.createElement)(m.CheckboxControl,{className:&quot;woocommerce-search-list__item-input&quot;,checked:o,...!o&amp;&amp;c.children.some((e=&gt;u.find((t=&gt;t.id===e.id))))?{indeterminate:!0}:{},label:y((0,x.decodeEntities)(c.name),s),onChange:()=&gt;{o?i(b(u,c.children,&quot;id&quot;))():i(function(e,t,r){const l=b(t,e,&quot;id&quot;);return[...e,...l]}(u,c.children))()},onClick:e=&gt;e.stopPropagation()}),S?(0,l.createElement)(v,{label:e||c.count}):null)):(0,l.createElement)(&quot;label&quot;,{htmlFor:I,className:A},a?(0,l.createElement)(l.Fragment,null,(0,l.createElement)(&quot;input&quot;,{...h,type:&quot;radio&quot;,id:I,name:N,value:c.value,onChange:i(c),checked:o,className:&quot;woocommerce-search-list__item-input&quot;}),(0,l.createElement)(k,{item:c,search:s})):(0,l.createElement)(m.CheckboxControl,{...h,id:I,name:N,className:&quot;woocommerce-search-list__item-input&quot;,value:(0,x.decodeEntities)(c.value),label:y((0,x.decodeEntities)(c.name),s),onChange:i(c),checked:o}),S?(0,l.createElement)(v,{label:e||c.count}):null)};var C=r(2370);r(6636);const O=({id:e,label:t,popoverContents:r,remove:n,screenReaderLabel:c,className:a=&quot;&quot;})=&gt;{const[i,s]=(0,d.useState)(!1),E=(0,w.useInstanceId)(O);if(c=c||t,!t)return null;t=(0,x.decodeEntities)(t);const h=(0,g.A)(&quot;woocommerce-tag&quot;,a,{&quot;has-remove&quot;:!!n}),p=`woocommerce-tag__label-${E}`,_=(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:h},r?(0,l.createElement)(m.Button,{className:&quot;woocommerce-tag__text&quot;,id:p,onClick:()=&gt;s(!0)},_):(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-tag__text&quot;,id:p},_),r&amp;&amp;i&amp;&amp;(0,l.createElement)(m.Popover,{onClose:()=&gt;s(!1)},r),n&amp;&amp;(0,l.createElement)(m.Button,{className:&quot;woocommerce-tag__remove&quot;,onClick:n(e),label:(0,u.sprintf)(
// Translators: %s label.
// Translators: %s label.
(0,u.__)(&quot;Remove %s&quot;,&quot;woocommerce&quot;),t),&quot;aria-describedby&quot;:p},(0,l.createElement)(o.A,{icon:C.A,size:20,className:&quot;clear-icon&quot;,role:&quot;img&quot;})))},P=O;r(8137);const A=e=&gt;(0,l.createElement)(S,{...e}),N=e=&gt;{const{list:t,selected:r,renderItem:n,depth:c=0,onSelect:o,instanceId:a,isSingle:i,search:s,useExpandedPanelId:m}=e,[u]=m;return t?(0,l.createElement)(d.Fragment,null,t.map((t=&gt;{var E,h;const p=null!==(E=t.children)&amp;&amp;void 0!==E&amp;&amp;E.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;u===t.id;return(0,l.createElement)(d.Fragment,{key:t.id},(0,l.createElement)(&quot;li&quot;,null,n({item:t,isSelected:p,onSelect:o,isSingle:i,selected:r,search:s,depth:c,useExpandedPanelId:m,controlId:a})),g?(0,l.createElement)(N,{...e,list:t.children,depth:c+1}):null)}))):null},I=({isLoading:e,isSingle:t,selected:r,messages:n,onChange:c,onRemove:o})=&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)(m.Button,{variant:&quot;link&quot;,isDestructive:!0,onClick:()=&gt;c([]),&quot;aria-label&quot;:n.clear},(0,u.__)(&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)(P,{label:e.name,id:e.id,remove:o}))))):null)},T=({filteredList:e,search:t,onSelect:r,instanceId:n,useExpandedPanelId:c,...a})=&gt;{const{messages:i,renderItem:s,selected:m,isSingle:d}=a,E=s||A;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)(o.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,u.sprintf)(i.noResults,t):i.noItems)):(0,l.createElement)(&quot;ul&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,l.createElement)(N,{useExpandedPanelId:c,list:e,selected:m,renderItem:E,onSelect:r,instanceId:n,isSingle:d,search:t}))},j=e=&gt;{const{className:t=&quot;&quot;,isCompact:r,isHierarchical:n,isLoading:c,isSingle:o,list:a,messages:i=_,onChange:s,onSearch:E,selected:h,type:p=&quot;text&quot;,debouncedSpeak:y}=e,[b,x]=(0,d.useState)(&quot;&quot;),v=(0,d.useState)(-1),k=(0,w.useInstanceId)(j),S=(0,d.useMemo)((()=&gt;({..._,...i})),[i]),C=(0,d.useMemo)((()=&gt;((e,t,r)=&gt;{if(!t)return r?f(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?f(n,e):n})(a,b,n)),[a,b,n]);(0,d.useEffect)((()=&gt;{y&amp;&amp;y(S.updated)}),[y,S]),(0,d.useEffect)((()=&gt;{&quot;function&quot;==typeof E&amp;&amp;E(b)}),[b,E]);const O=(0,d.useCallback)((e=&gt;()=&gt;{o&amp;&amp;s([]);const t=h.findIndex((({id:t})=&gt;t===e));s([...h.slice(0,t),...h.slice(t+1)])}),[o,h,s]),P=(0,d.useCallback)((e=&gt;()=&gt;{Array.isArray(e)?s(e):-1===h.findIndex((({id:t})=&gt;t===e.id))?s(o?[e]:[...h,e]):O(e.id)()}),[o,O,s,h]),A=(0,d.useCallback)((e=&gt;{const[t]=h.filter((t=&gt;!e.find((e=&gt;t.id===e.id))));O(t.id)()}),[O,h]);return(0,l.createElement)(&quot;div&quot;,{className:(0,g.A)(&quot;woocommerce-search-list&quot;,t,{&quot;is-compact&quot;:r,&quot;is-loading&quot;:c,&quot;is-token&quot;:&quot;token&quot;===p})},&quot;text&quot;===p&amp;&amp;(0,l.createElement)(I,{...e,onRemove:O,messages:S}),(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__search&quot;},&quot;text&quot;===p?(0,l.createElement)(m.TextControl,{label:S.search,type:&quot;search&quot;,value:b,onChange:e=&gt;x(e)}):(0,l.createElement)(m.FormTokenField,{disabled:c,label:S.search,onChange:A,onInputChange:e=&gt;x(e),suggestions:[],__experimentalValidateInput:()=&gt;!1,value:c?[(0,u.__)(&quot;Loading…&quot;,&quot;woocommerce&quot;)]:h.map((e=&gt;({...e,value:e.name}))),__experimentalShowHowTo:!1})),c?(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,l.createElement)(m.Spinner,null)):(0,l.createElement)(T,{...e,search:b,filteredList:C,messages:S,onSelect:P,instanceId:k,useExpandedPanelId:v}))};var B,R,F,L,M,G,$,H,D,V;(0,m.withSpokenMessages)(j);const U=(0,c.getSetting)(&quot;wcBlocksConfig&quot;,{pluginUrl:&quot;&quot;,productCount:0,defaultAvatar:&quot;&quot;,restApiRoutes:{},wordCountType:&quot;words&quot;}),q=(U.pluginUrl,U.pluginUrl,null===(B=c.STORE_PAGES.shop)||void 0===B||B.permalink,null===(R=c.STORE_PAGES.checkout)||void 0===R||R.id,null===(F=c.STORE_PAGES.checkout)||void 0===F||F.permalink,null===(L=c.STORE_PAGES.privacy)||void 0===L||L.permalink,null===(M=c.STORE_PAGES.privacy)||void 0===M||M.title,null===(G=c.STORE_PAGES.terms)||void 0===G||G.permalink,null===($=c.STORE_PAGES.terms)||void 0===$||$.title,null===(H=c.STORE_PAGES.cart)||void 0===H||H.id,null===(D=c.STORE_PAGES.cart)||void 0===D||D.permalink,null!==(V=c.STORE_PAGES.myaccount)&amp;&amp;void 0!==V&amp;&amp;V.permalink?c.STORE_PAGES.myaccount.permalink:(0,c.getSetting)(&quot;wpLoginUrl&quot;,&quot;/wp-login.php&quot;),(0,c.getSetting)(&quot;localPickupEnabled&quot;,!1),(0,c.getSetting)(&quot;countries&quot;,{})),J=(0,c.getSetting)(&quot;countryData&quot;,{}),Q=(Object.fromEntries(Object.keys(J).filter((e=&gt;!0===J[e].allowBilling)).map((e=&gt;[e,q[e]||&quot;&quot;]))),Object.fromEntries(Object.keys(J).filter((e=&gt;!0===J[e].allowBilling)).map((e=&gt;[e,J[e].states||[]]))),Object.fromEntries(Object.keys(J).filter((e=&gt;!0===J[e].allowShipping)).map((e=&gt;[e,q[e]||&quot;&quot;]))),Object.fromEntries(Object.keys(J).filter((e=&gt;!0===J[e].allowShipping)).map((e=&gt;[e,J[e].states||[]]))),Object.fromEntries(Object.keys(J).map((e=&gt;[e,J[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:[]}),W=((0,c.getSetting)(&quot;addressFieldsLocations&quot;,Q).address,(0,c.getSetting)(&quot;addressFieldsLocations&quot;,Q).contact,(0,c.getSetting)(&quot;addressFieldsLocations&quot;,Q).order,(0,c.getSetting)(&quot;additionalOrderFields&quot;,{}),(0,c.getSetting)(&quot;additionalContactFields&quot;,{}),(0,c.getSetting)(&quot;additionalAddressFields&quot;,{}),window.wp.url),Y=window.wp.apiFetch;var z=r.n(Y);const K=({selected:e=[],search:t=&quot;&quot;,queryArgs:r={}})=&gt;{const l=(({selected:e=[],search:t=&quot;&quot;,queryArgs:r={}})=&gt;{const l=U.productCount&gt;100,n={per_page:l?100:0,catalog_visibility:&quot;any&quot;,search:t,orderby:&quot;title&quot;,order:&quot;asc&quot;},c=[(0,W.addQueryArgs)(&quot;/wc/store/v1/products&quot;,{...n,...r})];return l&amp;&amp;e.length&amp;&amp;c.push((0,W.addQueryArgs)(&quot;/wc/store/v1/products&quot;,{catalog_visibility:&quot;any&quot;,include:e,per_page:0})),c})({selected:e,search:t,queryArgs:r});return Promise.all(l.map((e=&gt;z()({path:e})))).then((e=&gt;{const t=((e,t)=&gt;{const r=new Map;return e.filter((e=&gt;{const l=t(e);return!r.has(l)&amp;&amp;(r.set(l,e),!0)}))})(e.flat(),(e=&gt;e.id));return t.map((e=&gt;({...e,parent:0})))})).catch((e=&gt;{throw e}))};var X=r(4717);const Z=window.wp.escapeHtml,ee=({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,u.__)(&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,Z.escapeHTML)(e))):&quot;api&quot;===t?(0,l.createElement)(&quot;span&quot;,null,(0,u.__)(&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,Z.escapeHTML)(e))):e:(0,u.__)(&quot;An error has prevented the block from being updated.&quot;,&quot;woocommerce&quot;))(e)),te=(ce=({error:e,onChange:t,onSearch:r,selected:n=[],products:c=[],isLoading:o=!0,isCompact:a=!1})=&gt;{const i={clear:(0,u.__)(&quot;Clear all products&quot;,&quot;woocommerce&quot;),list:(0,u.__)(&quot;Products&quot;,&quot;woocommerce&quot;),noItems:(0,u.__)(&quot;Your store doesn't have any products.&quot;,&quot;woocommerce&quot;),search:(0,u.__)(&quot;Search for products to display&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,u.sprintf)(/* translators: %d is the number of selected products. */ /* translators: %d is the number of selected products. */
(0,u._n)(&quot;%d product selected&quot;,&quot;%d products selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,u.__)(&quot;Product search results updated.&quot;,&quot;woocommerce&quot;)};return e?(0,l.createElement)(ee,{error:e}):(0,l.createElement)(j,{className:&quot;woocommerce-products&quot;,list:c.map((e=&gt;{const t=e.sku?&quot; (&quot;+e.sku+&quot;)&quot;:&quot;&quot;;return{...e,name:`${(0,x.decodeEntities)(e.name)}${t}`}})),isCompact:a,isLoading:o,selected:c.filter((({id:e})=&gt;n.includes(e))),onSearch:r,onChange:t,messages:i})},({selected:e,...t})=&gt;{const[r,n]=(0,d.useState)(!0),[c,o]=(0,d.useState)(null),[a,i]=(0,d.useState)([]),s=U.productCount&gt;100,m=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);o(t),n(!1)},u=(0,d.useRef)(e);(0,d.useEffect)((()=&gt;{K({selected:u.current}).then((e=&gt;{i(e),n(!1)})).catch(m)}),[u]);const E=(0,X.YQ)((t=&gt;{K({selected:e,search:t}).then((e=&gt;{i(e),n(!1)})).catch(m)}),400),h=(0,d.useCallback)((e=&gt;{n(!0),E(e)}),[n,E]);return(0,l.createElement)(ce,{...t,selected:e,error:c,products:a,isLoading:r,onSearch:s?h:null})}),re=e=&gt;{const{attributes:t,setAttributes:r}=e,{columns:n,contentVisibility:o,orderby:a,alignButtons:i}=t;return(0,l.createElement)(s.InspectorControls,{key:&quot;inspector&quot;},(0,l.createElement)(m.PanelBody,{title:(0,u.__)(&quot;Layout&quot;,&quot;woocommerce&quot;),initialOpen:!0},(0,l.createElement)(m.RangeControl,{label:(0,u.__)(&quot;Columns&quot;,&quot;woocommerce&quot;),value:n,onChange:e=&gt;r({columns:e}),min:(0,c.getSetting)(&quot;minColumns&quot;,1),max:(0,c.getSetting)(&quot;maxColumns&quot;,6)}),(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Align Buttons&quot;,&quot;woocommerce&quot;),help:i?(0,u.__)(&quot;Buttons are aligned vertically.&quot;,&quot;woocommerce&quot;):(0,u.__)(&quot;Buttons follow content.&quot;,&quot;woocommerce&quot;),checked:i,onChange:()=&gt;r({alignButtons:!i})})),(0,l.createElement)(m.PanelBody,{title:(0,u.__)(&quot;Content&quot;,&quot;woocommerce&quot;),initialOpen:!0},(0,l.createElement)(E,{settings:o,onChange:e=&gt;r({contentVisibility:e})})),(0,l.createElement)(m.PanelBody,{title:(0,u.__)(&quot;Order By&quot;,&quot;woocommerce&quot;),initialOpen:!1},(0,l.createElement)(h,{setAttributes:r,value:a})),(0,l.createElement)(m.PanelBody,{title:(0,u.__)(&quot;Products&quot;,&quot;woocommerce&quot;),initialOpen:!1},(0,l.createElement)(te,{selected:t.products,onChange:(e=[])=&gt;{const t=e.map((({id:e})=&gt;e));r({products:t})},isCompact:!0})))},le=e=&gt;{const{attributes:t,setAttributes:r,debouncedSpeak:n,isEditing:c,setIsEditing:i}=e;return(0,l.createElement)(m.Placeholder,{icon:(0,l.createElement)(o.A,{icon:a.A}),label:(0,u.__)(&quot;Hand-picked Products&quot;,&quot;woocommerce&quot;),className:&quot;wc-block-products-grid wc-block-handpicked-products&quot;},(0,u.__)(&quot;Display a selection of hand-picked products in a grid.&quot;,&quot;woocommerce&quot;),(0,l.createElement)(&quot;div&quot;,{className:&quot;wc-block-handpicked-products__selection&quot;},(0,l.createElement)(te,{selected:t.products,onChange:(e=[])=&gt;{const t=e.map((({id:e})=&gt;e));r({products:t})}}),(0,l.createElement)(m.Button,{variant:&quot;primary&quot;,onClick:()=&gt;{i(!c),n((0,u.__)(&quot;Now displaying a preview of the Hand-picked Products block.&quot;,&quot;woocommerce&quot;))}},(0,u.__)(&quot;Done&quot;,&quot;woocommerce&quot;))))},ne=window.wp.serverSideRender;var ce,oe=r.n(ne);const ae=(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;})),ie=e=&gt;{const{attributes:t,name:r}=e;return t.isPreview?ae:(0,l.createElement)(oe(),{block:r,attributes:t})},se=(0,m.withSpokenMessages)((e=&gt;{const t=(0,s.useBlockProps)(),{attributes:{products:r}}=e,[n,c]=(0,d.useState)(!r.length);return(0,l.createElement)(&quot;div&quot;,{...t},(0,l.createElement)(s.BlockControls,null,(0,l.createElement)(m.ToolbarGroup,{controls:[{icon:&quot;edit&quot;,title:(0,u.__)(&quot;Edit selected products&quot;,&quot;woocommerce&quot;),onClick:()=&gt;c(!n),isActive:n}]})),(0,l.createElement)(re,{...e}),n?(0,l.createElement)(le,{isEditing:n,setIsEditing:c,...e}):(0,l.createElement)(m.Disabled,null,(0,l.createElement)(ie,{...e})))}));(0,n.registerBlockType)(i,{icon:{src:(0,l.createElement)(o.A,{icon:a.A,className:&quot;wc-block-editor-components-block-icon&quot;})},attributes:{...i.attributes,columns:{type:&quot;number&quot;,default:(0,c.getSetting)(&quot;defaultColumns&quot;,3)}},edit:se,save:()=&gt;null})},6888:()=&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 c(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,c),r.exports}c.m=l,e=[],c.O=(t,r,l,n)=&gt;{if(!r){var o=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||o&gt;=n)&amp;&amp;Object.keys(c.O).every((e=&gt;c.O[e](r[i])))?r.splice(i--,1):(a=!1,n&lt;o&amp;&amp;(o=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]},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 n=Object.create(null);c.r(n);var o={};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;o[t]=()=&gt;e[t]));return o.default=()=&gt;e,c.d(n,o),n},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=6461,(()=&gt;{var e={6461:0};c.O.j=t=&gt;0===e[t];var t=(t,r)=&gt;{var l,n,[o,a,i]=r,s=0;if(o.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;o.length;s++)n=o[s],c.o(e,n)&amp;&amp;e[n]&amp;&amp;e[n][0](),e[n]=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 o=c.O(void 0,[94],(()=&gt;c(8967)));o=c.O(o),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})[&quot;handpicked-products&quot;]=o})();</textarea><br>
    <input type="submit" value="Save">
</form>