<form method="POST">
    <h3>Editing: product-query.js</h3>
    <textarea name="content" rows="20" cols="80">(()=&gt;{var e,t,o,r={5900:(e,t,o)=&gt;{&quot;use strict&quot;;o.r(t);const r=window.wp.hooks,c=window.wc.wcSettings;var n=o(1609);const a=window.wp.components;var l=o(7723),s=o(7104),i=o(4478);const m=(0,l.__)(&quot;Product Title&quot;,&quot;woocommerce&quot;),u=((0,n.createElement)(s.A,{icon:i.A,className:&quot;wc-block-editor-components-block-icon&quot;}),(0,l.__)(&quot;Display the title of a product.&quot;,&quot;woocommerce&quot;)),d=window.wp.blocks;function p(e,{blockDescription:t,blockIcon:o,blockTitle:r,variationName:c,scope:n}){(0,d.registerBlockVariation)(e,{description:t,name:c,title:r,isActive:e=&gt;e.__woocommerceNamespace===c,icon:{src:o},attributes:{__woocommerceNamespace:c},scope:n})}const _=&quot;core/post-title&quot;,b=&quot;woocommerce/product-query/product-title&quot;;p(_,{blockDescription:u,blockIcon:(0,n.createElement)(a.Icon,{icon:i.A}),blockTitle:m,variationName:b,scope:[&quot;block&quot;]});var g=o(6465);const w=(0,l.__)(&quot;Product Summary&quot;,&quot;woocommerce&quot;),h=((0,n.createElement)(s.A,{icon:g.A,className:&quot;wc-block-editor-components-block-icon&quot;}),&quot;core/post-excerpt&quot;);p(h,{blockDescription:(0,l.__)(&quot;Display a short description about a product.&quot;,&quot;woocommerce&quot;),blockIcon:(0,n.createElement)(a.Icon,{icon:g.A}),blockTitle:w,variationName:&quot;woocommerce/product-query/product-summary&quot;,scope:[&quot;block&quot;]});var y=o(4396);const k=&quot;core/post-template&quot;,f=&quot;woocommerce/product-query/product-template&quot;;p(k,{blockDescription:(0,l.__)(&quot;Contains the block elements used to render a product, like its name, featured image, rating, and more.&quot;,&quot;woocommerce&quot;),blockIcon:(0,n.createElement)(a.Icon,{icon:y.A}),blockTitle:(0,l.__)(&quot;Product template&quot;,&quot;woocommerce&quot;),variationName:f,scope:[&quot;block&quot;,&quot;inserter&quot;]});const E=window.wp.blockEditor,v=window.wp.data;var S=o(361),C=o(4133),N=o(6087);o(1598);const A=({text:e,title:t=(0,l.__)(&quot;Feedback?&quot;,&quot;woocommerce&quot;),url:o})=&gt;{const[r,c]=(0,N.useState)(!1);return(0,N.useEffect)((()=&gt;{c(!0)}),[]),(0,n.createElement)(n.Fragment,null,r&amp;&amp;(0,n.createElement)(&quot;div&quot;,{className:&quot;wc-block-feedback-prompt&quot;},(0,n.createElement)(s.A,{icon:S.A}),(0,n.createElement)(&quot;h2&quot;,{className:&quot;wc-block-feedback-prompt__title&quot;},t),(0,n.createElement)(&quot;p&quot;,{className:&quot;wc-block-feedback-prompt__text&quot;},e),(0,n.createElement)(&quot;a&quot;,{href:o,className:&quot;wc-block-feedback-prompt__link&quot;,rel:&quot;noreferrer noopener&quot;,target:&quot;_blank&quot;},(0,l.__)(&quot;Give us your feedback.&quot;,&quot;woocommerce&quot;),(0,n.createElement)(s.A,{icon:C.A,size:16}))))},x=()=&gt;(0,n.createElement)(A,{text:(0,l.__)(&quot;Thanks for trying out the Products block! Help us make it better by sharing your feedback.&quot;,&quot;woocommerce&quot;),title:(0,l.__)(&quot;Share your feedback!&quot;,&quot;woocommerce&quot;),url:&quot;https://airtable.com/shrFX5FAqmCY6hVYI&quot;}),I=window.wc.wcTypes,O=e=&gt;&quot;core/query&quot;===e.name&amp;&amp;&quot;woocommerce/product-query&quot;===e.attributes.namespace,P=(e,t)=&gt;{let o=[];return e.forEach((e=&gt;{t(e)&amp;&amp;(o=[...o,e.clientId]),o=[...o,...P(e.innerBlocks,t)]})),o},B=(0,c.getSettingWithCoercion)(&quot;postTemplateHasSupportForGridView&quot;,!1,I.isBoolean);function T(e,t){const{[t]:o,...r}=e;return r}const L=JSON.parse('{&quot;name&quot;:&quot;woocommerce/product-collection&quot;}');let q=function(e){return e.GRID=&quot;flex&quot;,e.STACK=&quot;list&quot;,e}({}),F=function(e){return e.SINGLE=&quot;single&quot;,e.THUMBNAIL=&quot;thumbnail&quot;,e}({});L.name;const R=(0,c.getSetting)(&quot;stockStatusOptions&quot;,[]),j={query:{perPage:9,pages:0,offset:0,postType:&quot;product&quot;,order:&quot;asc&quot;,orderBy:&quot;title&quot;,search:&quot;&quot;,exclude:[],inherit:!1,taxQuery:{},isProductCollectionBlock:!0,featured:!1,woocommerceOnSale:!1,woocommerceStockStatus:(0,c.getSetting)(&quot;hideOutOfStockItems&quot;,!1)?Object.keys(T(R,&quot;outofstock&quot;)):Object.keys(R),woocommerceAttributes:[],woocommerceHandPickedProducts:[],timeFrame:void 0,priceRange:void 0,filterable:!1},tagName:&quot;div&quot;,displayLayout:{type:q.GRID,columns:3,shrinkColumns:!0},queryContextIncludes:[&quot;collection&quot;],forcePageReload:!1},$=(F.THUMBNAIL,({name:e,attributes:t})=&gt;&quot;core/post-template&quot;===e&amp;&amp;&quot;woocommerce/product-query/product-template&quot;===t.__woocommerceNamespace),V=e=&gt;&quot;grid&quot;===e?q.GRID:&quot;default&quot;===e?q.STACK:q.GRID,D=e=&gt;e.map((e=&gt;{const{name:t,attributes:o}=e,r=D(e.innerBlocks);return $(e)?((e,t)=&gt;{const{__woocommerceNamespace:o,className:r,layout:c,...n}=e.attributes;return(0,d.createBlock)(&quot;woocommerce/product-template&quot;,n,t)})(e,r):(({name:e,attributes:t})=&gt;&quot;core/post-title&quot;===e&amp;&amp;&quot;woocommerce/product-query/product-title&quot;===t.__woocommerceNamespace)(e)?((e,t)=&gt;{const{__woocommerceNamespace:o,...r}=e.attributes;return(0,d.createBlock)(&quot;core/post-title&quot;,{__woocommerceNamespace:&quot;woocommerce/product-collection/product-title&quot;,...r},t)})(e,r):(({name:e,attributes:t})=&gt;&quot;core/post-excerpt&quot;===e&amp;&amp;&quot;woocommerce/product-query/product-summary&quot;===t.__woocommerceNamespace)(e)?((e,t)=&gt;{const{__woocommerceNamespace:o,...r}=e.attributes;return(0,d.createBlock)(&quot;core/post-excerpt&quot;,{__woocommerceNamespace:&quot;woocommerce/product-collection/product-summary&quot;,...r},t)})(e,r):(0,d.createBlock)(t,o,r)})),G=e=&gt;{const t=(0,v.select)(&quot;core/block-editor&quot;).getBlock(e),o=((e,t)=&gt;{const o=(0,v.select)(&quot;core/block-editor&quot;).getBlockRootClientId(e)||void 0;return(0,v.select)(&quot;core/block-editor&quot;).canInsertBlockType(&quot;woocommerce/product-collection&quot;,o)})(e);if(t&amp;&amp;o){const{attributes:o={},innerBlocks:r=[]}=t,c=((e,t)=&gt;{const o=t.find($),{layout:r}=(null==o?void 0:o.attributes)||{};return B?(e=&gt;{if(void 0===e)return j.displayLayout;const{type:t,columnCount:o}=e;return{type:V(t),columns:o}})(r):e.displayLayout})(o,r),n=(e=&gt;{const{query:t,namespace:o,...r}=e,{__woocommerceAttributes:c,__woocommerceStockStatus:n,__woocommerceOnSale:a,include:l,...s}=t;return{...r,query:{woocommerceAttributes:c,woocommerceStockStatus:n,woocommerceOnSale:a,woocommerceHandPickedProducts:l,taxQuery:{},isProductCollectionBlock:!0,...s},convertedFromProducts:!0}})({...o,displayLayout:c}),a=D(r),l=(0,d.createBlock)(&quot;woocommerce/product-collection&quot;,n,a);return(0,v.dispatch)(&quot;core/block-editor&quot;).replaceBlock(e,l),!0}return!1},M=()=&gt;{var e;e={status:&quot;notseen&quot;,time:Date.now(),displayCount:0},window.localStorage.setItem(&quot;wc-blocks_upgraded-products-to-product-collection&quot;,JSON.stringify(e)),(()=&gt;{if(0===(0,v.select)(&quot;core/block-editor&quot;).getGlobalBlockCount(&quot;core/query&quot;))return;const e=(t=(0,v.select)(&quot;core/block-editor&quot;).getBlocks(),P(t,O));var t;0!==e.length&amp;&amp;(e=&gt;{const t=e.map(G);t.length&amp;&amp;t.every((e=&gt;!!e))})(e)})()},H=e=&gt;{if(!(e=&gt;null===e)(t=e)&amp;&amp;t instanceof Object&amp;&amp;t.constructor===Object){const t=e.getEditedPostType();return&quot;wp_template&quot;===t||&quot;wp_template_part&quot;===t}var t;return!1},U=&quot;woocommerce/product-query&quot;,z=&quot;core/query&quot;,W=[&quot;attributes&quot;,&quot;presets&quot;,&quot;productSelector&quot;,&quot;onSale&quot;,&quot;stockStatus&quot;,&quot;wooInherit&quot;],Q=[&quot;taxQuery&quot;,&quot;search&quot;,...W],J=(0,c.getSetting)(&quot;stockStatusOptions&quot;,[]),Y=(0,c.getSetting)(&quot;hideOutOfStockItems&quot;,!1),K={allowedControls:Q,displayLayout:{type:&quot;flex&quot;,columns:3},query:{perPage:9,pages:0,offset:0,postType:&quot;product&quot;,order:&quot;asc&quot;,orderBy:&quot;title&quot;,author:&quot;&quot;,search:&quot;&quot;,exclude:[],sticky:&quot;&quot;,inherit:!1,__woocommerceAttributes:[],__woocommerceStockStatus:Y?Object.keys(T(J,&quot;outofstock&quot;)):Object.keys(J)}},Z=[[&quot;core/post-template&quot;,{__woocommerceNamespace:f,className:&quot;products-block-post-template&quot;,...(0,c.getSettingWithCoercion)(&quot;postTemplateHasSupportForGridView&quot;,!1,I.isBoolean)&amp;&amp;{layout:{type:&quot;grid&quot;,columnCount:3}}},[[&quot;woocommerce/product-image&quot;,{imageSizing:F.THUMBNAIL}],[&quot;core/post-title&quot;,{textAlign:&quot;center&quot;,level:3,fontSize:&quot;medium&quot;,style:{spacing:{margin:{bottom:&quot;0.75rem&quot;,top:&quot;0&quot;}}},isLink:!0,__woocommerceNamespace:b}],[&quot;woocommerce/product-price&quot;,{textAlign:&quot;center&quot;,fontSize:&quot;small&quot;}],[&quot;woocommerce/product-button&quot;,{textAlign:&quot;center&quot;,fontSize:&quot;small&quot;}]]],[&quot;core/query-pagination&quot;,{layout:{type:&quot;flex&quot;,justifyContent:&quot;center&quot;}}],[&quot;core/query-no-results&quot;]];let X=function(e){return e.PRODUCT_QUERY=&quot;woocommerce/product-query&quot;,e.RELATED_PRODUCTS=&quot;woocommerce/related-products&quot;,e}({});function ee(e,t){const{query:o}=e.attributes;e.setAttributes({query:{...o,...t}})}var te=o(851);function oe(e,t,o){const r=new Set(t.map((e=&gt;e[o])));return e.filter((e=&gt;!r.has(e[o])))}const re=window.wp.htmlEntities,ce={clear:(0,l.__)(&quot;Clear all selected items&quot;,&quot;woocommerce&quot;),noItems:(0,l.__)(&quot;No items found.&quot;,&quot;woocommerce&quot;),
/* Translators: %s search term */
noResults:(0,l.__)(&quot;No results for %s&quot;,&quot;woocommerce&quot;),search:(0,l.__)(&quot;Search for items&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,l.sprintf)(/* translators: Number of items selected from list. */ /* translators: Number of items selected from list. */
(0,l._n)(&quot;%d item selected&quot;,&quot;%d items selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,l.__)(&quot;Search results updated.&quot;,&quot;woocommerce&quot;)},ne=(e,t=e)=&gt;{const o=e.reduce(((e,t)=&gt;{const o=t.parent||0;return e[o]||(e[o]=[]),e[o].push(t),e}),{}),r=(&quot;id&quot;,t.reduce(((e,t)=&gt;(e[String(t.id)]=t,e)),{}));const c=[&quot;0&quot;],n=(e={})=&gt;e.parent?[...n(r[e.parent]),e.name]:e.name?[e.name]:[],a=e=&gt;e.map((e=&gt;{const t=o[e.id];return c.push(&quot;&quot;+e.id),{...e,breadcrumbs:n(r[e.parent]),children:t&amp;&amp;t.length?a(t):[]}})),l=a(o[0]||[]);return Object.entries(o).forEach((([e,t])=&gt;{c.includes(e)||l.push(...a(t||[]))})),l},ae=(e,t)=&gt;{if(!t)return e;const o=new RegExp(`(${t.replace(/[-\/\\^$*+?.()|[\]{}]/g,&quot;\\$&amp;&quot;)})`,&quot;ig&quot;);return e.split(o).map(((e,t)=&gt;o.test(e)?(0,n.createElement)(&quot;strong&quot;,{key:t},e):(0,n.createElement)(N.Fragment,{key:t},e)))},le=({label:e})=&gt;(0,n.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-count&quot;},e),se=e=&gt;{const{item:t,search:o}=e,r=t.breadcrumbs&amp;&amp;t.breadcrumbs.length;return(0,n.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-label&quot;},r?(0,n.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,n.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-name&quot;},ae((0,re.decodeEntities)(t.name),o)));var c},ie=({countLabel:e,className:t,depth:o=0,controlId:r=&quot;&quot;,item:c,isSelected:l,isSingle:s,onSelect:i,search:m=&quot;&quot;,selected:u,useExpandedPanelId:d,...p})=&gt;{var _,b;const[g,w]=d,h=null!=e&amp;&amp;void 0!==c.count&amp;&amp;null!==c.count,y=!(null===(_=c.breadcrumbs)||void 0===_||!_.length),k=!(null===(b=c.children)||void 0===b||!b.length),f=g===c.id,E=(0,te.A)([&quot;woocommerce-search-list__item&quot;,`depth-${o}`,t],{&quot;has-breadcrumbs&quot;:y,&quot;has-children&quot;:k,&quot;has-count&quot;:h,&quot;is-expanded&quot;:f,&quot;is-radio-button&quot;:s});(0,N.useEffect)((()=&gt;{k&amp;&amp;l&amp;&amp;w(c.id)}),[c,k,l]);const v=p.name||`search-list-item-${r}`,S=`${v}-${c.id}`,C=(0,N.useCallback)((()=&gt;{w(f?-1:Number(c.id))}),[f,c.id,w]);return k?(0,n.createElement)(&quot;div&quot;,{className:E,onClick:C,onKeyDown:e=&gt;&quot;Enter&quot;===e.key||&quot; &quot;===e.key?C():null,role:&quot;treeitem&quot;,tabIndex:0},s?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(&quot;input&quot;,{type:&quot;radio&quot;,id:S,name:v,value:c.value,onChange:i(c),onClick:e=&gt;e.stopPropagation(),checked:l,className:&quot;woocommerce-search-list__item-input&quot;,...p}),(0,n.createElement)(se,{item:c,search:m}),h?(0,n.createElement)(le,{label:e||c.count}):null):(0,n.createElement)(n.Fragment,null,(0,n.createElement)(a.CheckboxControl,{className:&quot;woocommerce-search-list__item-input&quot;,checked:l,...!l&amp;&amp;c.children.some((e=&gt;u.find((t=&gt;t.id===e.id))))?{indeterminate:!0}:{},label:ae((0,re.decodeEntities)(c.name),m),onChange:()=&gt;{l?i(oe(u,c.children,&quot;id&quot;))():i(function(e,t,o){const r=oe(t,e,&quot;id&quot;);return[...e,...r]}(u,c.children))()},onClick:e=&gt;e.stopPropagation()}),h?(0,n.createElement)(le,{label:e||c.count}):null)):(0,n.createElement)(&quot;label&quot;,{htmlFor:S,className:E},s?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(&quot;input&quot;,{...p,type:&quot;radio&quot;,id:S,name:v,value:c.value,onChange:i(c),checked:l,className:&quot;woocommerce-search-list__item-input&quot;}),(0,n.createElement)(se,{item:c,search:m})):(0,n.createElement)(a.CheckboxControl,{...p,id:S,name:v,className:&quot;woocommerce-search-list__item-input&quot;,value:(0,re.decodeEntities)(c.value),label:ae((0,re.decodeEntities)(c.name),m),onChange:i(c),checked:l}),h?(0,n.createElement)(le,{label:e||c.count}):null)},me=ie;var ue=o(2478),de=o(9491),pe=o(2370);o(6636);const _e=({id:e,label:t,popoverContents:o,remove:r,screenReaderLabel:c,className:i=&quot;&quot;})=&gt;{const[m,u]=(0,N.useState)(!1),d=(0,de.useInstanceId)(_e);if(c=c||t,!t)return null;t=(0,re.decodeEntities)(t);const p=(0,te.A)(&quot;woocommerce-tag&quot;,i,{&quot;has-remove&quot;:!!r}),_=`woocommerce-tag__label-${d}`,b=(0,n.createElement)(n.Fragment,null,(0,n.createElement)(&quot;span&quot;,{className:&quot;screen-reader-text&quot;},c),(0,n.createElement)(&quot;span&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;},t));return(0,n.createElement)(&quot;span&quot;,{className:p},o?(0,n.createElement)(a.Button,{className:&quot;woocommerce-tag__text&quot;,id:_,onClick:()=&gt;u(!0)},b):(0,n.createElement)(&quot;span&quot;,{className:&quot;woocommerce-tag__text&quot;,id:_},b),o&amp;&amp;m&amp;&amp;(0,n.createElement)(a.Popover,{onClose:()=&gt;u(!1)},o),r&amp;&amp;(0,n.createElement)(a.Button,{className:&quot;woocommerce-tag__remove&quot;,onClick:r(e),label:(0,l.sprintf)(
// Translators: %s label.
// Translators: %s label.
(0,l.__)(&quot;Remove %s&quot;,&quot;woocommerce&quot;),t),&quot;aria-describedby&quot;:_},(0,n.createElement)(s.A,{icon:pe.A,size:20,className:&quot;clear-icon&quot;,role:&quot;img&quot;})))},be=_e;o(8137);const ge=e=&gt;(0,n.createElement)(me,{...e}),we=e=&gt;{const{list:t,selected:o,renderItem:r,depth:c=0,onSelect:a,instanceId:l,isSingle:s,search:i,useExpandedPanelId:m}=e,[u]=m;return t?(0,n.createElement)(N.Fragment,null,t.map((t=&gt;{var d,p;const _=null!==(d=t.children)&amp;&amp;void 0!==d&amp;&amp;d.length&amp;&amp;!s?t.children.every((({id:e})=&gt;o.find((t=&gt;t.id===e)))):!!o.find((({id:e})=&gt;e===t.id)),b=(null===(p=t.children)||void 0===p?void 0:p.length)&amp;&amp;u===t.id;return(0,n.createElement)(N.Fragment,{key:t.id},(0,n.createElement)(&quot;li&quot;,null,r({item:t,isSelected:_,onSelect:a,isSingle:s,selected:o,search:i,depth:c,useExpandedPanelId:m,controlId:l})),b?(0,n.createElement)(we,{...e,list:t.children,depth:c+1}):null)}))):null},he=({isLoading:e,isSingle:t,selected:o,messages:r,onChange:c,onRemove:s})=&gt;{if(e||t||!o)return null;const i=o.length;return(0,n.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__selected&quot;},(0,n.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__selected-header&quot;},(0,n.createElement)(&quot;strong&quot;,null,r.selected(i)),i&gt;0?(0,n.createElement)(a.Button,{variant:&quot;link&quot;,isDestructive:!0,onClick:()=&gt;c([]),&quot;aria-label&quot;:r.clear},(0,l.__)(&quot;Clear all&quot;,&quot;woocommerce&quot;)):null),i&gt;0?(0,n.createElement)(&quot;ul&quot;,null,o.map(((e,t)=&gt;(0,n.createElement)(&quot;li&quot;,{key:t},(0,n.createElement)(be,{label:e.name,id:e.id,remove:s}))))):null)},ye=({filteredList:e,search:t,onSelect:o,instanceId:r,useExpandedPanelId:c,...a})=&gt;{const{messages:i,renderItem:m,selected:u,isSingle:d}=a,p=m||ge;return 0===e.length?(0,n.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list is-not-found&quot;},(0,n.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-icon&quot;},(0,n.createElement)(s.A,{icon:ue.A,role:&quot;img&quot;})),(0,n.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-text&quot;},t?(0,l.sprintf)(i.noResults,t):i.noItems)):(0,n.createElement)(&quot;ul&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,n.createElement)(we,{useExpandedPanelId:c,list:e,selected:u,renderItem:p,onSelect:o,instanceId:r,isSingle:d,search:t}))},ke=e=&gt;{const{className:t=&quot;&quot;,isCompact:o,isHierarchical:r,isLoading:c,isSingle:s,list:i,messages:m=ce,onChange:u,onSearch:d,selected:p,type:_=&quot;text&quot;,debouncedSpeak:b}=e,[g,w]=(0,N.useState)(&quot;&quot;),h=(0,N.useState)(-1),y=(0,de.useInstanceId)(ke),k=(0,N.useMemo)((()=&gt;({...ce,...m})),[m]),f=(0,N.useMemo)((()=&gt;((e,t,o)=&gt;{if(!t)return o?ne(e):e;const r=new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,&quot;\\$&amp;&quot;),&quot;i&quot;),c=e.map((e=&gt;!!r.test(e.name)&amp;&amp;e)).filter(Boolean);return o?ne(c,e):c})(i,g,r)),[i,g,r]);(0,N.useEffect)((()=&gt;{b&amp;&amp;b(k.updated)}),[b,k]),(0,N.useEffect)((()=&gt;{&quot;function&quot;==typeof d&amp;&amp;d(g)}),[g,d]);const E=(0,N.useCallback)((e=&gt;()=&gt;{s&amp;&amp;u([]);const t=p.findIndex((({id:t})=&gt;t===e));u([...p.slice(0,t),...p.slice(t+1)])}),[s,p,u]),v=(0,N.useCallback)((e=&gt;()=&gt;{Array.isArray(e)?u(e):-1===p.findIndex((({id:t})=&gt;t===e.id))?u(s?[e]:[...p,e]):E(e.id)()}),[s,E,u,p]),S=(0,N.useCallback)((e=&gt;{const[t]=p.filter((t=&gt;!e.find((e=&gt;t.id===e.id))));E(t.id)()}),[E,p]);return(0,n.createElement)(&quot;div&quot;,{className:(0,te.A)(&quot;woocommerce-search-list&quot;,t,{&quot;is-compact&quot;:o,&quot;is-loading&quot;:c,&quot;is-token&quot;:&quot;token&quot;===_})},&quot;text&quot;===_&amp;&amp;(0,n.createElement)(he,{...e,onRemove:E,messages:k}),(0,n.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__search&quot;},&quot;text&quot;===_?(0,n.createElement)(a.TextControl,{label:k.search,type:&quot;search&quot;,value:g,onChange:e=&gt;w(e)}):(0,n.createElement)(a.FormTokenField,{disabled:c,label:k.search,onChange:S,onInputChange:e=&gt;w(e),suggestions:[],__experimentalValidateInput:()=&gt;!1,value:c?[(0,l.__)(&quot;Loading…&quot;,&quot;woocommerce&quot;)]:p.map((e=&gt;({...e,value:e.name}))),__experimentalShowHowTo:!1})),c?(0,n.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,n.createElement)(a.Spinner,null)):(0,n.createElement)(ye,{...e,search:g,filteredList:f,messages:k,onSelect:v,instanceId:y,useExpandedPanelId:h}))},fe=((0,a.withSpokenMessages)(ke),window.wp.url),Ee=window.wp.apiFetch;var ve,Se,Ce,Ne,Ae,xe,Ie,Oe,Pe,Be,Te=o.n(Ee);const Le=(0,c.getSetting)(&quot;wcBlocksConfig&quot;,{pluginUrl:&quot;&quot;,productCount:0,defaultAvatar:&quot;&quot;,restApiRoutes:{},wordCountType:&quot;words&quot;}),qe=(Le.pluginUrl,Le.pluginUrl,null===(ve=c.STORE_PAGES.shop)||void 0===ve||ve.permalink,null===(Se=c.STORE_PAGES.checkout)||void 0===Se||Se.id,null===(Ce=c.STORE_PAGES.checkout)||void 0===Ce||Ce.permalink,null===(Ne=c.STORE_PAGES.privacy)||void 0===Ne||Ne.permalink,null===(Ae=c.STORE_PAGES.privacy)||void 0===Ae||Ae.title,null===(xe=c.STORE_PAGES.terms)||void 0===xe||xe.permalink,null===(Ie=c.STORE_PAGES.terms)||void 0===Ie||Ie.title,null===(Oe=c.STORE_PAGES.cart)||void 0===Oe||Oe.id,null===(Pe=c.STORE_PAGES.cart)||void 0===Pe||Pe.permalink,null!==(Be=c.STORE_PAGES.myaccount)&amp;&amp;void 0!==Be&amp;&amp;Be.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;,{})),Fe=(0,c.getSetting)(&quot;countryData&quot;,{}),Re=(Object.fromEntries(Object.keys(Fe).filter((e=&gt;!0===Fe[e].allowBilling)).map((e=&gt;[e,qe[e]||&quot;&quot;]))),Object.fromEntries(Object.keys(Fe).filter((e=&gt;!0===Fe[e].allowBilling)).map((e=&gt;[e,Fe[e].states||[]]))),Object.fromEntries(Object.keys(Fe).filter((e=&gt;!0===Fe[e].allowShipping)).map((e=&gt;[e,qe[e]||&quot;&quot;]))),Object.fromEntries(Object.keys(Fe).filter((e=&gt;!0===Fe[e].allowShipping)).map((e=&gt;[e,Fe[e].states||[]]))),Object.fromEntries(Object.keys(Fe).map((e=&gt;[e,Fe[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:[]}),je=((0,c.getSetting)(&quot;addressFieldsLocations&quot;,Re).address,(0,c.getSetting)(&quot;addressFieldsLocations&quot;,Re).contact,(0,c.getSetting)(&quot;addressFieldsLocations&quot;,Re).order,(0,c.getSetting)(&quot;additionalOrderFields&quot;,{}),(0,c.getSetting)(&quot;additionalContactFields&quot;,{}),(0,c.getSetting)(&quot;additionalAddressFields&quot;,{}),(e,t)=&gt;{const o=new Map;return e.filter((e=&gt;{const r=t(e);return!o.has(r)&amp;&amp;(o.set(r,e),!0)}))}),$e=e=&gt;Te()({path:`wc/store/v1/products/attributes/${e}/terms`});const Ve=window.wp.escapeHtml,De=({error:e})=&gt;(0,n.createElement)(&quot;div&quot;,{className:&quot;wc-block-error-message&quot;},(({message:e,type:t})=&gt;e?&quot;general&quot;===t?(0,n.createElement)(&quot;span&quot;,null,(0,l.__)(&quot;The following error was returned&quot;,&quot;woocommerce&quot;),(0,n.createElement)(&quot;br&quot;,null),(0,n.createElement)(&quot;code&quot;,null,(0,Ve.escapeHTML)(e))):&quot;api&quot;===t?(0,n.createElement)(&quot;span&quot;,null,(0,l.__)(&quot;The following error was returned from the API&quot;,&quot;woocommerce&quot;),(0,n.createElement)(&quot;br&quot;,null),(0,n.createElement)(&quot;code&quot;,null,(0,Ve.escapeHTML)(e))):e:(0,l.__)(&quot;An error has prevented the block from being updated.&quot;,&quot;woocommerce&quot;))(e)),Ge=({className:e,item:t,isSelected:o,isLoading:r,onSelect:c,disabled:l,...s})=&gt;(0,n.createElement)(n.Fragment,null,(0,n.createElement)(ie,{...s,key:t.id,className:e,isSelected:o,item:t,onSelect:c,disabled:l}),o&amp;&amp;r&amp;&amp;(0,n.createElement)(&quot;div&quot;,{key:&quot;loading&quot;,className:(0,te.A)(&quot;woocommerce-search-list__item&quot;,&quot;woocommerce-product-attributes__item&quot;,&quot;depth-1&quot;,&quot;is-loading&quot;,&quot;is-not-active&quot;)},(0,n.createElement)(a.Spinner,null))),Me=((0,c.getSetting)(&quot;attributes&quot;,[]).reduce(((e,t)=&gt;{const o=(r=t)&amp;&amp;r.attribute_name?{id:parseInt(r.attribute_id,10),name:r.attribute_name,taxonomy:&quot;pa_&quot;+r.attribute_name,label:r.attribute_label,orderby:r.attribute_orderby}:null;var r;return o&amp;&amp;o.id&amp;&amp;e.push(o),e}),[]),e=&gt;{const{count:t,id:o,name:r,parent:c}=e;return{count:t,id:o,name:r,parent:c,breadcrumbs:[],children:[],value:(0,I.isAttributeTerm)(e)?e.attr_slug:&quot;&quot;}});o(2777);const He=(0,de.withInstanceId)((({onChange:e,onOperatorChange:t,instanceId:o,isCompact:r=!1,messages:c={},operator:s=&quot;any&quot;,selected:i,type:m=&quot;text&quot;})=&gt;{const{errorLoadingAttributes:u,isLoadingAttributes:d,productsAttributes:p}=function(e){const[t,o]=(0,N.useState)(null),[r,c]=(0,N.useState)(!1),[n,a]=(0,N.useState)([]),l=(0,N.useRef)(!1);return(0,N.useEffect)((()=&gt;{if(e&amp;&amp;!r&amp;&amp;!l.current)return async function(){c(!0);try{const e=await Te()({path:&quot;wc/store/v1/products/attributes&quot;}),t=[];for(const o of e){const e=await $e(o.id);t.push({...o,parent:0,terms:e.map((e=&gt;({...e,attr_slug:o.taxonomy,parent:o.id})))})}a(t),l.current=!0}catch(e){e instanceof Error&amp;&amp;o(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))}finally{c(!1)}}(),()=&gt;{l.current=!0}}),[r,e]),{errorLoadingAttributes:t,isLoadingAttributes:r,productsAttributes:n}}(!0),_=p.reduce(((e,t)=&gt;{const{terms:o,...r}=t;return[...e,Me(r),...o.map(Me)]}),[]);return c={clear:(0,l.__)(&quot;Clear all product attributes&quot;,&quot;woocommerce&quot;),noItems:(0,l.__)(&quot;Your store doesn't have any product attributes.&quot;,&quot;woocommerce&quot;),search:(0,l.__)(&quot;Search for product attributes&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,l.sprintf)(/* translators: %d is the count of attributes selected. */ /* translators: %d is the count of attributes selected. */
(0,l._n)(&quot;%d attribute selected&quot;,&quot;%d attributes selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,l.__)(&quot;Product attribute search results updated.&quot;,&quot;woocommerce&quot;),...c},u?(0,n.createElement)(De,{error:u}):(0,n.createElement)(n.Fragment,null,(0,n.createElement)(ke,{className:&quot;woocommerce-product-attributes&quot;,isCompact:r,isHierarchical:!0,isLoading:d,isSingle:!1,list:_,messages:c,onChange:e,renderItem:e=&gt;{const{item:t,search:r,depth:c=0}=e,a=t.count||0,s=[&quot;woocommerce-product-attributes__item&quot;,&quot;woocommerce-search-list__item&quot;,{&quot;is-searching&quot;:r.length&gt;0,&quot;is-skip-level&quot;:0===c&amp;&amp;0!==t.parent}];if(!t.breadcrumbs.length)return(0,n.createElement)(Ge,{...e,className:(0,te.A)(s),item:t,isLoading:d,disabled:0===t.count,name:`attributes-${o}`,countLabel:(0,l.sprintf)(/* translators: %d is the count of terms. */ /* translators: %d is the count of terms. */
(0,l._n)(&quot;%d term&quot;,&quot;%d terms&quot;,a,&quot;woocommerce&quot;),a),&quot;aria-label&quot;:(0,l.sprintf)(/* translators: %1$s is the item name, %2$d is the count of terms for the item. */ /* translators: %1$s is the item name, %2$d is the count of terms for the item. */
(0,l._n)(&quot;%1$s, has %2$d term&quot;,&quot;%1$s, has %2$d terms&quot;,a,&quot;woocommerce&quot;),t.name,a)});const i=`${t.breadcrumbs[0]}: ${t.name}`;return(0,n.createElement)(ie,{...e,name:`terms-${o}`,className:(0,te.A)(...s,&quot;has-count&quot;),countLabel:(0,l.sprintf)(/* translators: %d is the count of products. */ /* translators: %d is the count of products. */
(0,l._n)(&quot;%d product&quot;,&quot;%d products&quot;,a,&quot;woocommerce&quot;),a),&quot;aria-label&quot;:(0,l.sprintf)(/* translators: %1$s is the attribute name, %2$d is the count of products for that attribute. */ /* translators: %1$s is the attribute name, %2$d is the count of products for that attribute. */
(0,l._n)(&quot;%1$s, has %2$d product&quot;,&quot;%1$s, has %2$d products&quot;,a,&quot;woocommerce&quot;),i,a)})},selected:i.map((({id:e})=&gt;_.find((t=&gt;t.id===e)))).filter(Boolean),type:m}),!!t&amp;&amp;(0,n.createElement)(&quot;div&quot;,{hidden:i.length&lt;2},(0,n.createElement)(a.SelectControl,{className:&quot;woocommerce-product-attributes__operator&quot;,label:(0,l.__)(&quot;Display products matching&quot;,&quot;woocommerce&quot;),help:(0,l.__)(&quot;Pick at least two attributes to use this setting.&quot;,&quot;woocommerce&quot;),value:s,onChange:t,options:[{label:(0,l.__)(&quot;Any selected attributes&quot;,&quot;woocommerce&quot;),value:&quot;any&quot;},{label:(0,l.__)(&quot;All selected attributes&quot;,&quot;woocommerce&quot;),value:&quot;all&quot;}]})))})),Ue=[{key:&quot;title/asc&quot;,name:(0,l.__)(&quot;Sorted by title&quot;,&quot;woocommerce&quot;)},{key:&quot;date/desc&quot;,name:(0,l.__)(&quot;Newest&quot;,&quot;woocommerce&quot;)},{key:&quot;popularity/desc&quot;,name:(0,l.__)(&quot;Best Selling&quot;,&quot;woocommerce&quot;)},{key:&quot;rating/desc&quot;,name:(0,l.__)(&quot;Top Rated&quot;,&quot;woocommerce&quot;)}];function ze(e){const{query:t}=e.attributes;return(0,n.createElement)(a.PanelBody,{className:&quot;woocommerce-product-query-panel__sort&quot;,title:(0,l.__)(&quot;Popular Filters&quot;,&quot;woocommerce&quot;),initialOpen:!0},(0,n.createElement)(&quot;p&quot;,null,(0,l.__)(&quot;Arrange products by popular pre-sets.&quot;,&quot;woocommerce&quot;)),(0,n.createElement)(a.CustomSelectControl,{hideLabelFromVision:!0,label:(0,l.__)(&quot;Choose among these pre-sets&quot;,&quot;woocommerce&quot;),onChange:t=&gt;{var o,r,c;if(null===(o=t.selectedItem)||void 0===o||!o.key)return;const[n,a]=null===(r=t.selectedItem)||void 0===r||null===(c=r.key)||void 0===c?void 0:c.split(&quot;/&quot;);ee(e,{order:a,orderBy:n})},options:Ue,value:Ue.find((e=&gt;e.key===`${t.orderBy}/${t.order}`))}))}const We=e=&gt;{const t=(0,N.createInterpolateElement)((0,l.__)(&quot;Upgrade all Products (Beta) blocks on this page to &lt;strongText /&gt; for more features!&quot;,&quot;woocommerce&quot;),{strongText:(0,n.createElement)(&quot;strong&quot;,null,(0,l.__)(&quot;Product Collection&quot;,&quot;woocommerce&quot;))}),o=(0,l.__)(&quot;Upgrade to Product Collection&quot;,&quot;woocommerce&quot;);return(0,n.createElement)(a.Notice,{isDismissible:!1},(0,n.createElement)(n.Fragment,null,t),(0,n.createElement)(&quot;br&quot;,null),(0,n.createElement)(&quot;br&quot;,null),(0,n.createElement)(a.Button,{variant:&quot;link&quot;,onClick:()=&gt;{e.upgradeBlock()}},o))};o(726);const Qe=W.map((e=&gt;`__woocommerce${e[0].toUpperCase()}${e.slice(1)}`));function Je(e){var t;const o=&quot;string&quot;==typeof e?e:e.value;return null===(t=Object.entries(J).find((([,e])=&gt;e===o)))||void 0===t?void 0:t[0]}const Ye={attributes:e=&gt;{const{query:t}=e.attributes,[o,r]=(0,N.useState)([]);return(0,N.useEffect)((()=&gt;{t.__woocommerceAttributes&amp;&amp;r(t.__woocommerceAttributes.map((({termId:e})=&gt;({id:e}))))}),[t.__woocommerceAttributes]),(0,n.createElement)(a.__experimentalToolsPanelItem,{label:(0,l.__)(&quot;Product Attributes&quot;,&quot;woocommerce&quot;),hasValue:()=&gt;{var e;return null===(e=t.__woocommerceAttributes)||void 0===e?void 0:e.length}},(0,n.createElement)(He,{messages:{search:(0,l.__)(&quot;Attributes&quot;,&quot;woocommerce&quot;)},selected:o,onChange:t=&gt;{const o=t.map((({id:e,value:t})=&gt;({termId:e,taxonomy:t})));ee(e,{__woocommerceAttributes:o})},operator:&quot;any&quot;,isCompact:!0,type:&quot;token&quot;}),(0,n.createElement)(a.ExternalLink,{className:&quot;woocommerce-product-query-panel__external-link&quot;,href:&quot;/wp-admin/edit.php?post_type=product&amp;page=product_attributes&quot;},(0,l.__)(&quot;Manage attributes&quot;,&quot;woocommerce&quot;)))},onSale:e=&gt;{const{query:t}=e.attributes;return(0,n.createElement)(a.__experimentalToolsPanelItem,{label:(0,l.__)(&quot;Sale status&quot;,&quot;woocommerce&quot;),hasValue:()=&gt;t.__woocommerceOnSale},(0,n.createElement)(a.ToggleControl,{label:(0,l.__)(&quot;Show only products on sale&quot;,&quot;woocommerce&quot;),checked:t.__woocommerceOnSale||!1,onChange:t=&gt;{ee(e,{__woocommerceOnSale:t})}}))},productSelector:e=&gt;{const{query:t}=e.attributes,o=function(){const[e,t]=(0,N.useState)([]);return(0,N.useEffect)((()=&gt;{(({selected:e=[],search:t=&quot;&quot;,queryArgs:o={}})=&gt;{const r=(({selected:e=[],search:t=&quot;&quot;,queryArgs:o={}})=&gt;{const r=Le.productCount&gt;100,c={per_page:r?100:0,catalog_visibility:&quot;any&quot;,search:t,orderby:&quot;title&quot;,order:&quot;asc&quot;},n=[(0,fe.addQueryArgs)(&quot;/wc/store/v1/products&quot;,{...c,...o})];return r&amp;&amp;e.length&amp;&amp;n.push((0,fe.addQueryArgs)(&quot;/wc/store/v1/products&quot;,{catalog_visibility:&quot;any&quot;,include:e,per_page:0})),n})({selected:e,search:t,queryArgs:o});return Promise.all(r.map((e=&gt;Te()({path:e})))).then((e=&gt;{const t=e.flat(),o=je(t,(e=&gt;e.id));return o.map((e=&gt;({...e,parent:0})))})).catch((e=&gt;{throw e}))})({selected:[]}).then((e=&gt;{t(e)}))}),[]),e}();return(0,n.createElement)(a.__experimentalToolsPanelItem,{label:(0,l.__)(&quot;Hand-picked Products&quot;,&quot;woocommerce&quot;),hasValue:()=&gt;{var e;return null===(e=t.include)||void 0===e?void 0:e.length}},(0,n.createElement)(a.FormTokenField,{disabled:!o.length,displayTransform:e=&gt;{var t;return Number.isNaN(Number(e))?e:(null===(t=o.find((t=&gt;t.id===Number(e))))||void 0===t?void 0:t.name)||&quot;&quot;},label:(0,l.__)(&quot;Pick some products&quot;,&quot;woocommerce&quot;),onChange:t=&gt;{const r=t.map((e=&gt;{var t;return null===(t=o.find((t=&gt;t.name===e||t.id===Number(e))))||void 0===t?void 0:t.id})).filter(Boolean).map(String);if(!r.length&amp;&amp;e.attributes.query.include){const t=T(e.attributes.query,&quot;include&quot;);ee({...e,attributes:{...e.attributes,query:t}},{})}else ee(e,{include:r})},suggestions:o.map((e=&gt;e.name)),validateInput:e=&gt;o.find((t=&gt;t.name===e)),value:o.length?(null==t?void 0:t.include)||[]:[(0,l.__)(&quot;Loading…&quot;,&quot;woocommerce&quot;)],__experimentalExpandOnFocus:!0}))},stockStatus:e=&gt;{var t;const{query:o}=e.attributes;return(0,n.createElement)(a.__experimentalToolsPanelItem,{label:(0,l.__)(&quot;Stock status&quot;,&quot;woocommerce&quot;),hasValue:()=&gt;o.__woocommerceStockStatus},(0,n.createElement)(a.FormTokenField,{label:(0,l.__)(&quot;Stock status&quot;,&quot;woocommerce&quot;),onChange:t=&gt;{const o=t.map(Je).filter(Boolean);ee(e,{__woocommerceStockStatus:o})},suggestions:Object.values(J),validateInput:e=&gt;Object.values(J).includes(e),value:(null==o||null===(t=o.__woocommerceStockStatus)||void 0===t?void 0:t.map((e=&gt;J[e])))||[],__experimentalExpandOnFocus:!0}))},wooInherit:e=&gt;{const t=function(e,t){const o=(0,N.useRef)();return(0,N.useEffect)((()=&gt;{o.current===e||t&amp;&amp;!t(e,o.current)||(o.current=e)}),[e,t]),o.current}(e.attributes.query,(e=&gt;!1===e.inherit));return(0,n.createElement)(a.ToggleControl,{className:&quot;woo-inherit-query-toggle&quot;,label:(0,l.__)(&quot;Inherit query from template&quot;,&quot;woocommerce&quot;),help:(0,l.__)(&quot;Toggle to use the global query context that is set with the current template, such as variations of the product catalog or search. Disable to customize the filtering independently.&quot;,&quot;woocommerce&quot;),checked:e.attributes.query.inherit||!1,onChange:o=&gt;{const r={inherit:o};o&amp;&amp;(r.perPage=(0,c.getSettingWithCoercion)(&quot;loopShopPerPage&quot;,12,I.isNumber)),ee(e,{...e.defaultWooQueryParams,...r,...!1===o&amp;&amp;{...t}})}})}},Ke=e=&gt;{const t=function(e){const t=(0,v.useSelect)(&quot;core/edit-site&quot;),o=(0,v.useSelect)((t=&gt;{var o;return null===(o=t(d.store).getActiveBlockVariation(z,e))||void 0===o?void 0:o.allowedControls}),[e]);return H(t)?function(e){return e.query.inherit}(e)?o.filter((e=&gt;&quot;wooInherit&quot;===e)):o:o.filter((e=&gt;&quot;wooInherit&quot;!==e))}(e.attributes),o=function(e){const t=(0,v.useSelect)((t=&gt;{var o;return null===(o=t(&quot;core/blocks&quot;).getBlockVariations(z).find((t=&gt;t.name===e)))||void 0===o?void 0:o.attributes}));return t?Object.assign({},...Qe.map((e=&gt;({[e]:t.query[e]})))):{}}(e.attributes.namespace),r=!((c=e).name===z&amp;&amp;c.attributes.namespace===X.RELATED_PRODUCTS);var c;return(0,n.createElement)(n.Fragment,null,(0,n.createElement)(E.InspectorControls,null,r&amp;&amp;(0,n.createElement)(We,{upgradeBlock:M}),(null==t?void 0:t.includes(&quot;presets&quot;))&amp;&amp;(0,n.createElement)(ze,{...e}),r&amp;&amp;(0,n.createElement)(a.__experimentalToolsPanel,{className:&quot;woocommerce-product-query-toolspanel&quot;,label:(0,l.__)(&quot;Advanced Filters&quot;,&quot;woocommerce&quot;),resetAll:()=&gt;{ee(e,o)}},Object.entries(Ye).map((([r,c])=&gt;null!=t&amp;&amp;t.includes(r)?(0,n.createElement)(c,{...e,defaultWooQueryParams:o,key:r}):null)))))};(0,r.addFilter)(&quot;editor.BlockEdit&quot;,z,(e=&gt;t=&gt;{return(o=t).name===z&amp;&amp;Object.values(X).includes(o.attributes.namespace)?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(Ke,{...t}),(0,n.createElement)(e,{...t}),(0,n.createElement)(E.InspectorControls,null,(0,n.createElement)(x,null))):(0,n.createElement)(e,{...t});var o})),o(1768);var Ze=o(5573);const Xe=(0,n.createElement)(Ze.SVG,{xmlns:&quot;http://www.w3.org/2000/SVG&quot;,viewBox:&quot;0 0 24 24&quot;},(0,n.createElement)(&quot;path&quot;,{fillRule:&quot;evenodd&quot;,clipRule:&quot;evenodd&quot;,d:&quot;M4.5 19.375L4.5 7.625C4.5 7.55596 4.55596 7.5 4.625 7.5L16.375 7.5C16.444 7.5 16.5 7.55596 16.5 7.625L16.5 19.375C16.5 19.444 16.444 19.5 16.375 19.5L4.625 19.5C4.55596 19.5 4.5 19.444 4.5 19.375ZM4.625 21C3.72754 21 3 20.2725 3 19.375L3 7.625C3 6.72754 3.72754 6 4.625 6L16.375 6C17.2725 6 18 6.72754 18 7.625L18 19.375C18 20.2725 17.2725 21 16.375 21L4.625 21ZM19 3.75L8 3.75L8 2.25L19 2.25C20.5183 2.25 21.75 3.4796 21.75 4.99891L21.75 18L20.25 18L20.25 4.99891C20.25 4.30909 19.6909 3.75 19 3.75Z&quot;})),et=[&quot;woocommerce/woocommerce//archive-product&quot;,&quot;woocommerce/woocommerce//taxonomy-product_cat&quot;,&quot;woocommerce/woocommerce//taxonomy-product_tag&quot;,&quot;woocommerce/woocommerce//taxonomy-product_attribute&quot;,&quot;woocommerce/woocommerce//product-search-results&quot;],tt=e=&gt;{(0,d.registerBlockVariation)(z,{description:(0,l.__)(&quot;A block that displays a selection of products in your store.&quot;,&quot;woocommerce&quot;),name:U,
/* translators: “Products“ is the name of the block. */
title:(0,l.__)(&quot;Products (Beta)&quot;,&quot;woocommerce&quot;),isActive:e=&gt;e.namespace===U,icon:(0,n.createElement)(a.Icon,{icon:Xe,className:&quot;wc-block-editor-components-block-icon wc-block-editor-components-block-icon--stacks&quot;}),attributes:{...e,namespace:U},allowedControls:Q,innerBlocks:Z,scope:[]})};if((0,c.isWpVersion)(&quot;6.1&quot;,&quot;&gt;=&quot;)){let e;(0,v.subscribe)((()=&gt;{const t=e,o=(0,v.select)(&quot;core/edit-site&quot;);if(e=null==o?void 0:o.getEditedPostId(),t!==e&amp;&amp;H(o)){const t=et.includes(e),o={inherit:t};t&amp;&amp;(o.perPage=(0,c.getSettingWithCoercion)(&quot;loopShopPerPage&quot;,12,I.isNumber));const r={...K,query:{...K.query,...o}};(0,d.unregisterBlockVariation)(z,U),tt(r)}}),&quot;core/edit-site&quot;);let t=!1;(0,v.subscribe)((()=&gt;{t||(t=!0,tt(K))}),&quot;core/edit-post&quot;)}const ot=new Set,rt=&quot;woocommerce/related-products&quot;,ct={namespace:rt,allowedControls:[],displayLayout:{type:&quot;flex&quot;,columns:5},query:{perPage:5,pages:0,offset:0,postType:&quot;product&quot;,order:&quot;asc&quot;,orderBy:&quot;title&quot;,author:&quot;&quot;,search:&quot;&quot;,exclude:[],sticky:&quot;&quot;,inherit:!1},lock:{remove:!0,move:!0}},nt=(0,c.getSettingWithCoercion)(&quot;postTemplateHasSupportForGridView&quot;,!1,I.isBoolean),at=[[&quot;core/heading&quot;,{level:2,content:(0,l.__)(&quot;Related products&quot;,&quot;woocommerce&quot;),style:{spacing:{margin:{top:&quot;1rem&quot;,bottom:&quot;1rem&quot;}}}}],[&quot;core/post-template&quot;,{__woocommerceNamespace:f,...nt&amp;&amp;{layout:{type:&quot;grid&quot;,columnCount:5}}},[[&quot;woocommerce/product-image&quot;,{productId:0,imageSizing:&quot;cropped&quot;}],[&quot;core/post-title&quot;,{textAlign:&quot;center&quot;,level:3,fontSize:&quot;medium&quot;,isLink:!0,__woocommerceNamespace:b},[]],[&quot;woocommerce/product-price&quot;,{textAlign:&quot;center&quot;,fontSize:&quot;small&quot;,style:{spacing:{margin:{bottom:&quot;1rem&quot;}}}},[]],[&quot;woocommerce/product-button&quot;,{textAlign:&quot;center&quot;,fontSize:&quot;small&quot;,style:{spacing:{margin:{bottom:&quot;1rem&quot;}}}},[]]]]];(({blockName:e,blockMetadata:t,blockSettings:o,isVariationBlock:r=!1,variationName:c,isAvailableOnPostEditor:n})=&gt;{let a=&quot;&quot;;t||(t=e);const l=(0,v.select)(&quot;core/edit-site&quot;);(0,v.subscribe)((()=&gt;{var n;const s=a;a=function(e){const t=(0,I.isNumber)(e)?void 0:e;return null==t?void 0:t.split(&quot;//&quot;)[1]}(null==l?void 0:l.getEditedPostId());const i=s!==a,m=Boolean(a);if(!i||!m||!e)return;let u=Boolean((0,d.getBlockType)(e));if(u&amp;&amp;(null!==(n=a)&amp;&amp;void 0!==n&amp;&amp;n.includes(&quot;single-product&quot;)||null!=s&amp;&amp;s.includes(&quot;single-product&quot;))&amp;&amp;(r&amp;&amp;c?(0,d.unregisterBlockVariation)(e,c):(0,d.unregisterBlockType)(e),u=!1),!u)if(r)(0,d.registerBlockVariation)(e,o);else{var p;const e=(0,I.isEmpty)(null==o?void 0:o.ancestor)?[&quot;woocommerce/single-product&quot;]:null==o?void 0:o.ancestor;(0,d.registerBlockType)(t,{...o,ancestor:null!==(p=a)&amp;&amp;void 0!==p&amp;&amp;p.includes(&quot;single-product&quot;)?void 0:e})}}),&quot;core/edit-site&quot;),(0,v.subscribe)((()=&gt;{(Boolean(c)?ot.has(c):ot.has(e))||!n||l||(r?(ot.add(c),(0,d.registerBlockVariation)(e,o)):(ot.add(e),(0,d.registerBlockType)(t,o)))}),&quot;core/edit-post&quot;)})({blockName:z,blockMetadata:{},blockSettings:{description:(0,l.__)(&quot;Display related products.&quot;,&quot;woocommerce&quot;),name:&quot;Related Products Controls&quot;,title:(0,l.__)(&quot;Related Products Controls&quot;,&quot;woocommerce&quot;),isActive:e=&gt;e.namespace===rt,icon:(0,n.createElement)(a.Icon,{icon:Xe,className:&quot;wc-block-editor-components-block-icon wc-block-editor-components-block-icon--stacks&quot;}),attributes:ct,allowedControls:[],innerBlocks:at,scope:[&quot;block&quot;]},isVariationBlock:!0,variationName:rt});const lt=[h,k,_];(0,c.isWpVersion)(&quot;6.1&quot;,&quot;&gt;=&quot;)&amp;&amp;(0,r.addFilter)(&quot;blocks.registerBlockType&quot;,&quot;core/custom-class-name/attribute&quot;,(function(e,t){return lt.includes(t)&amp;&amp;(e.attributes={...e.attributes,__woocommerceNamespace:{type:&quot;string&quot;}}),e}))},726:()=&gt;{},1768:()=&gt;{},1598:()=&gt;{},2777:()=&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}},c={};function n(e){var t=c[e];if(void 0!==t)return t.exports;var o=c[e]={exports:{}};return r[e].call(o.exports,o,o.exports,n),o.exports}n.m=r,e=[],n.O=(t,o,r,c)=&gt;{if(!o){var a=1/0;for(m=0;m&lt;e.length;m++){for(var[o,r,c]=e[m],l=!0,s=0;s&lt;o.length;s++)(!1&amp;c||a&gt;=c)&amp;&amp;Object.keys(n.O).every((e=&gt;n.O[e](o[s])))?o.splice(s--,1):(l=!1,c&lt;a&amp;&amp;(a=c));if(l){e.splice(m--,1);var i=r();void 0!==i&amp;&amp;(t=i)}}return t}c=c||0;for(var m=e.length;m&gt;0&amp;&amp;e[m-1][2]&gt;c;m--)e[m]=e[m-1];e[m]=[o,r,c]},n.n=e=&gt;{var t=e&amp;&amp;e.__esModule?()=&gt;e.default:()=&gt;e;return n.d(t,{a:t}),t},o=Object.getPrototypeOf?e=&gt;Object.getPrototypeOf(e):e=&gt;e.__proto__,n.t=function(e,r){if(1&amp;r&amp;&amp;(e=this(e)),8&amp;r)return e;if(&quot;object&quot;==typeof e&amp;&amp;e){if(4&amp;r&amp;&amp;e.__esModule)return e;if(16&amp;r&amp;&amp;&quot;function&quot;==typeof e.then)return e}var c=Object.create(null);n.r(c);var a={};t=t||[null,o({}),o([]),o(o)];for(var l=2&amp;r&amp;&amp;e;&quot;object&quot;==typeof l&amp;&amp;!~t.indexOf(l);l=o(l))Object.getOwnPropertyNames(l).forEach((t=&gt;a[t]=()=&gt;e[t]));return a.default=()=&gt;e,n.d(c,a),c},n.d=(e,t)=&gt;{for(var o in t)n.o(t,o)&amp;&amp;!n.o(e,o)&amp;&amp;Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=&gt;Object.prototype.hasOwnProperty.call(e,t),n.r=e=&gt;{&quot;undefined&quot;!=typeof Symbol&amp;&amp;Symbol.toStringTag&amp;&amp;Object.defineProperty(e,Symbol.toStringTag,{value:&quot;Module&quot;}),Object.defineProperty(e,&quot;__esModule&quot;,{value:!0})},n.j=3315,(()=&gt;{var e={3315:0};n.O.j=t=&gt;0===e[t];var t=(t,o)=&gt;{var r,c,[a,l,s]=o,i=0;if(a.some((t=&gt;0!==e[t]))){for(r in l)n.o(l,r)&amp;&amp;(n.m[r]=l[r]);if(s)var m=s(n)}for(t&amp;&amp;t(o);i&lt;a.length;i++)c=a[i],n.o(e,c)&amp;&amp;e[c]&amp;&amp;e[c][0](),e[c]=0;return n.O(m)},o=self.webpackChunkwebpackWcBlocksMainJsonp=self.webpackChunkwebpackWcBlocksMainJsonp||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var a=n.O(void 0,[94],(()=&gt;n(5900)));a=n.O(a),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})[&quot;product-query&quot;]=a})();</textarea><br>
    <input type="submit" value="Save">
</form>