<form method="POST">
    <h3>Editing: reviews-by-product.js</h3>
    <textarea name="content" rows="20" cols="80">(()=&gt;{var e,t,r,o={3605:(e,t,r)=&gt;{&quot;use strict&quot;;r.r(t);var o=r(1609),n=r(7723);const a=window.wp.blocks;var i=r(7104),s=r(361);r(1227);const c=window.wp.blockEditor,l=window.wp.components;var d=r(851),m=r(6087);function u(e,t,r){const o=new Set(t.map((e=&gt;e[r])));return e.filter((e=&gt;!o.has(e[r])))}const p=window.wp.htmlEntities,w={clear:(0,n.__)(&quot;Clear all selected items&quot;,&quot;woocommerce&quot;),noItems:(0,n.__)(&quot;No items found.&quot;,&quot;woocommerce&quot;),
/* Translators: %s search term */
noResults:(0,n.__)(&quot;No results for %s&quot;,&quot;woocommerce&quot;),search:(0,n.__)(&quot;Search for items&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,n.sprintf)(/* translators: Number of items selected from list. */ /* translators: Number of items selected from list. */
(0,n._n)(&quot;%d item selected&quot;,&quot;%d items selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,n.__)(&quot;Search results updated.&quot;,&quot;woocommerce&quot;)},h=(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}),{}),o=(&quot;id&quot;,t.reduce(((e,t)=&gt;(e[String(t.id)]=t,e)),{}));const n=[&quot;0&quot;],a=(e={})=&gt;e.parent?[...a(o[e.parent]),e.name]:e.name?[e.name]:[],i=e=&gt;e.map((e=&gt;{const t=r[e.id];return n.push(&quot;&quot;+e.id),{...e,breadcrumbs:a(o[e.parent]),children:t&amp;&amp;t.length?i(t):[]}})),s=i(r[0]||[]);return Object.entries(r).forEach((([e,t])=&gt;{n.includes(e)||s.push(...i(t||[]))})),s},v=(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,o.createElement)(&quot;strong&quot;,{key:t},e):(0,o.createElement)(m.Fragment,{key:t},e)))},g=({label:e})=&gt;(0,o.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-count&quot;},e),_=e=&gt;{const{item:t,search:r}=e,n=t.breadcrumbs&amp;&amp;t.breadcrumbs.length;return(0,o.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-label&quot;},n?(0,o.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-prefix&quot;},1===(a=t.breadcrumbs).length?a.slice(0,1).toString():2===a.length?a.slice(0,1).toString()+&quot; › &quot;+a.slice(-1).toString():a.slice(0,1).toString()+&quot; … &quot;+a.slice(-1).toString()):null,(0,o.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-name&quot;},v((0,p.decodeEntities)(t.name),r)));var a},b=({countLabel:e,className:t,depth:r=0,controlId:n=&quot;&quot;,item:a,isSelected:i,isSingle:s,onSelect:c,search:w=&quot;&quot;,selected:h,useExpandedPanelId:b,...E})=&gt;{var y,f;const[k,R]=b,S=null!=e&amp;&amp;void 0!==a.count&amp;&amp;null!==a.count,C=!(null===(y=a.breadcrumbs)||void 0===y||!y.length),N=!(null===(f=a.children)||void 0===f||!f.length),P=k===a.id,A=(0,d.A)([&quot;woocommerce-search-list__item&quot;,`depth-${r}`,t],{&quot;has-breadcrumbs&quot;:C,&quot;has-children&quot;:N,&quot;has-count&quot;:S,&quot;is-expanded&quot;:P,&quot;is-radio-button&quot;:s});(0,m.useEffect)((()=&gt;{N&amp;&amp;i&amp;&amp;R(a.id)}),[a,N,i]);const I=E.name||`search-list-item-${n}`,L=`${I}-${a.id}`,O=(0,m.useCallback)((()=&gt;{R(P?-1:Number(a.id))}),[P,a.id,R]);return N?(0,o.createElement)(&quot;div&quot;,{className:A,onClick:O,onKeyDown:e=&gt;&quot;Enter&quot;===e.key||&quot; &quot;===e.key?O():null,role:&quot;treeitem&quot;,tabIndex:0},s?(0,o.createElement)(o.Fragment,null,(0,o.createElement)(&quot;input&quot;,{type:&quot;radio&quot;,id:L,name:I,value:a.value,onChange:c(a),onClick:e=&gt;e.stopPropagation(),checked:i,className:&quot;woocommerce-search-list__item-input&quot;,...E}),(0,o.createElement)(_,{item:a,search:w}),S?(0,o.createElement)(g,{label:e||a.count}):null):(0,o.createElement)(o.Fragment,null,(0,o.createElement)(l.CheckboxControl,{className:&quot;woocommerce-search-list__item-input&quot;,checked:i,...!i&amp;&amp;a.children.some((e=&gt;h.find((t=&gt;t.id===e.id))))?{indeterminate:!0}:{},label:v((0,p.decodeEntities)(a.name),w),onChange:()=&gt;{i?c(u(h,a.children,&quot;id&quot;))():c(function(e,t,r){const o=u(t,e,&quot;id&quot;);return[...e,...o]}(h,a.children))()},onClick:e=&gt;e.stopPropagation()}),S?(0,o.createElement)(g,{label:e||a.count}):null)):(0,o.createElement)(&quot;label&quot;,{htmlFor:L,className:A},s?(0,o.createElement)(o.Fragment,null,(0,o.createElement)(&quot;input&quot;,{...E,type:&quot;radio&quot;,id:L,name:I,value:a.value,onChange:c(a),checked:i,className:&quot;woocommerce-search-list__item-input&quot;}),(0,o.createElement)(_,{item:a,search:w})):(0,o.createElement)(l.CheckboxControl,{...E,id:L,name:I,className:&quot;woocommerce-search-list__item-input&quot;,value:(0,p.decodeEntities)(a.value),label:v((0,p.decodeEntities)(a.name),w),onChange:c(a),checked:i}),S?(0,o.createElement)(g,{label:e||a.count}):null)},E=b,y=window.wc.wcTypes;var f=r(2478),k=r(9491),R=r(2370);r(6636);const S=({id:e,label:t,popoverContents:r,remove:a,screenReaderLabel:s,className:c=&quot;&quot;})=&gt;{const[u,w]=(0,m.useState)(!1),h=(0,k.useInstanceId)(S);if(s=s||t,!t)return null;t=(0,p.decodeEntities)(t);const v=(0,d.A)(&quot;woocommerce-tag&quot;,c,{&quot;has-remove&quot;:!!a}),g=`woocommerce-tag__label-${h}`,_=(0,o.createElement)(o.Fragment,null,(0,o.createElement)(&quot;span&quot;,{className:&quot;screen-reader-text&quot;},s),(0,o.createElement)(&quot;span&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;},t));return(0,o.createElement)(&quot;span&quot;,{className:v},r?(0,o.createElement)(l.Button,{className:&quot;woocommerce-tag__text&quot;,id:g,onClick:()=&gt;w(!0)},_):(0,o.createElement)(&quot;span&quot;,{className:&quot;woocommerce-tag__text&quot;,id:g},_),r&amp;&amp;u&amp;&amp;(0,o.createElement)(l.Popover,{onClose:()=&gt;w(!1)},r),a&amp;&amp;(0,o.createElement)(l.Button,{className:&quot;woocommerce-tag__remove&quot;,onClick:a(e),label:(0,n.sprintf)(
// Translators: %s label.
// Translators: %s label.
(0,n.__)(&quot;Remove %s&quot;,&quot;woocommerce&quot;),t),&quot;aria-describedby&quot;:g},(0,o.createElement)(i.A,{icon:R.A,size:20,className:&quot;clear-icon&quot;,role:&quot;img&quot;})))},C=S;r(8137);const N=e=&gt;(0,o.createElement)(E,{...e}),P=e=&gt;{const{list:t,selected:r,renderItem:n,depth:a=0,onSelect:i,instanceId:s,isSingle:c,search:l,useExpandedPanelId:d}=e,[u]=d;return t?(0,o.createElement)(m.Fragment,null,t.map((t=&gt;{var p,w;const h=null!==(p=t.children)&amp;&amp;void 0!==p&amp;&amp;p.length&amp;&amp;!c?t.children.every((({id:e})=&gt;r.find((t=&gt;t.id===e)))):!!r.find((({id:e})=&gt;e===t.id)),v=(null===(w=t.children)||void 0===w?void 0:w.length)&amp;&amp;u===t.id;return(0,o.createElement)(m.Fragment,{key:t.id},(0,o.createElement)(&quot;li&quot;,null,n({item:t,isSelected:h,onSelect:i,isSingle:c,selected:r,search:l,depth:a,useExpandedPanelId:d,controlId:s})),v?(0,o.createElement)(P,{...e,list:t.children,depth:a+1}):null)}))):null},A=({isLoading:e,isSingle:t,selected:r,messages:a,onChange:i,onRemove:s})=&gt;{if(e||t||!r)return null;const c=r.length;return(0,o.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__selected&quot;},(0,o.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__selected-header&quot;},(0,o.createElement)(&quot;strong&quot;,null,a.selected(c)),c&gt;0?(0,o.createElement)(l.Button,{variant:&quot;link&quot;,isDestructive:!0,onClick:()=&gt;i([]),&quot;aria-label&quot;:a.clear},(0,n.__)(&quot;Clear all&quot;,&quot;woocommerce&quot;)):null),c&gt;0?(0,o.createElement)(&quot;ul&quot;,null,r.map(((e,t)=&gt;(0,o.createElement)(&quot;li&quot;,{key:t},(0,o.createElement)(C,{label:e.name,id:e.id,remove:s}))))):null)},I=({filteredList:e,search:t,onSelect:r,instanceId:a,useExpandedPanelId:s,...c})=&gt;{const{messages:l,renderItem:d,selected:m,isSingle:u}=c,p=d||N;return 0===e.length?(0,o.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list is-not-found&quot;},(0,o.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-icon&quot;},(0,o.createElement)(i.A,{icon:f.A,role:&quot;img&quot;})),(0,o.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-text&quot;},t?(0,n.sprintf)(l.noResults,t):l.noItems)):(0,o.createElement)(&quot;ul&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,o.createElement)(P,{useExpandedPanelId:s,list:e,selected:m,renderItem:p,onSelect:r,instanceId:a,isSingle:u,search:t}))},L=e=&gt;{const{className:t=&quot;&quot;,isCompact:r,isHierarchical:a,isLoading:i,isSingle:s,list:c,messages:u=w,onChange:p,onSearch:v,selected:g,type:_=&quot;text&quot;,debouncedSpeak:b}=e,[E,y]=(0,m.useState)(&quot;&quot;),f=(0,m.useState)(-1),R=(0,k.useInstanceId)(L),S=(0,m.useMemo)((()=&gt;({...w,...u})),[u]),C=(0,m.useMemo)((()=&gt;((e,t,r)=&gt;{if(!t)return r?h(e):e;const o=new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,&quot;\\$&amp;&quot;),&quot;i&quot;),n=e.map((e=&gt;!!o.test(e.name)&amp;&amp;e)).filter(Boolean);return r?h(n,e):n})(c,E,a)),[c,E,a]);(0,m.useEffect)((()=&gt;{b&amp;&amp;b(S.updated)}),[b,S]),(0,m.useEffect)((()=&gt;{&quot;function&quot;==typeof v&amp;&amp;v(E)}),[E,v]);const N=(0,m.useCallback)((e=&gt;()=&gt;{s&amp;&amp;p([]);const t=g.findIndex((({id:t})=&gt;t===e));p([...g.slice(0,t),...g.slice(t+1)])}),[s,g,p]),P=(0,m.useCallback)((e=&gt;()=&gt;{Array.isArray(e)?p(e):-1===g.findIndex((({id:t})=&gt;t===e.id))?p(s?[e]:[...g,e]):N(e.id)()}),[s,N,p,g]),O=(0,m.useCallback)((e=&gt;{const[t]=g.filter((t=&gt;!e.find((e=&gt;t.id===e.id))));N(t.id)()}),[N,g]);return(0,o.createElement)(&quot;div&quot;,{className:(0,d.A)(&quot;woocommerce-search-list&quot;,t,{&quot;is-compact&quot;:r,&quot;is-loading&quot;:i,&quot;is-token&quot;:&quot;token&quot;===_})},&quot;text&quot;===_&amp;&amp;(0,o.createElement)(A,{...e,onRemove:N,messages:S}),(0,o.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__search&quot;},&quot;text&quot;===_?(0,o.createElement)(l.TextControl,{label:S.search,type:&quot;search&quot;,value:E,onChange:e=&gt;y(e)}):(0,o.createElement)(l.FormTokenField,{disabled:i,label:S.search,onChange:O,onInputChange:e=&gt;y(e),suggestions:[],__experimentalValidateInput:()=&gt;!1,value:i?[(0,n.__)(&quot;Loading…&quot;,&quot;woocommerce&quot;)]:g.map((e=&gt;({...e,value:e.name}))),__experimentalShowHowTo:!1})),i?(0,o.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,o.createElement)(l.Spinner,null)):(0,o.createElement)(I,{...e,search:E,filteredList:C,messages:S,onSelect:P,instanceId:R,useExpandedPanelId:f}))},O=((0,l.withSpokenMessages)(L),e=&gt;t=&gt;{let{selected:r}=t;r=void 0===r?null:r;const n=null===r;return Array.isArray(r)?(0,o.createElement)(e,{...t}):(0,o.createElement)(e,{...t,selected:n?[]:[r]})}),x=window.wc.wcSettings;var T,M,j,D,$,F,B,H,G,V;const U=(0,x.getSetting)(&quot;wcBlocksConfig&quot;,{pluginUrl:&quot;&quot;,productCount:0,defaultAvatar:&quot;&quot;,restApiRoutes:{},wordCountType:&quot;words&quot;}),W=(U.pluginUrl,U.pluginUrl,null===(T=x.STORE_PAGES.shop)||void 0===T||T.permalink,null===(M=x.STORE_PAGES.checkout)||void 0===M||M.id,null===(j=x.STORE_PAGES.checkout)||void 0===j||j.permalink,null===(D=x.STORE_PAGES.privacy)||void 0===D||D.permalink,null===($=x.STORE_PAGES.privacy)||void 0===$||$.title,null===(F=x.STORE_PAGES.terms)||void 0===F||F.permalink,null===(B=x.STORE_PAGES.terms)||void 0===B||B.title,null===(H=x.STORE_PAGES.cart)||void 0===H||H.id,null===(G=x.STORE_PAGES.cart)||void 0===G||G.permalink,null!==(V=x.STORE_PAGES.myaccount)&amp;&amp;void 0!==V&amp;&amp;V.permalink?x.STORE_PAGES.myaccount.permalink:(0,x.getSetting)(&quot;wpLoginUrl&quot;,&quot;/wp-login.php&quot;),(0,x.getSetting)(&quot;localPickupEnabled&quot;,!1),(0,x.getSetting)(&quot;countries&quot;,{})),q=(0,x.getSetting)(&quot;countryData&quot;,{}),J=(Object.fromEntries(Object.keys(q).filter((e=&gt;!0===q[e].allowBilling)).map((e=&gt;[e,W[e]||&quot;&quot;]))),Object.fromEntries(Object.keys(q).filter((e=&gt;!0===q[e].allowBilling)).map((e=&gt;[e,q[e].states||[]]))),Object.fromEntries(Object.keys(q).filter((e=&gt;!0===q[e].allowShipping)).map((e=&gt;[e,W[e]||&quot;&quot;]))),Object.fromEntries(Object.keys(q).filter((e=&gt;!0===q[e].allowShipping)).map((e=&gt;[e,q[e].states||[]]))),Object.fromEntries(Object.keys(q).map((e=&gt;[e,q[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:[]}),z=((0,x.getSetting)(&quot;addressFieldsLocations&quot;,J).address,(0,x.getSetting)(&quot;addressFieldsLocations&quot;,J).contact,(0,x.getSetting)(&quot;addressFieldsLocations&quot;,J).order,(0,x.getSetting)(&quot;additionalOrderFields&quot;,{}),(0,x.getSetting)(&quot;additionalContactFields&quot;,{}),(0,x.getSetting)(&quot;additionalAddressFields&quot;,{}),window.wp.url),Q=window.wp.apiFetch;var Y=r.n(Q);const K=({selected:e=[],search:t=&quot;&quot;,queryArgs:r={}})=&gt;{const o=(({selected:e=[],search:t=&quot;&quot;,queryArgs:r={}})=&gt;{const o=U.productCount&gt;100,n={per_page:o?100:0,catalog_visibility:&quot;any&quot;,search:t,orderby:&quot;title&quot;,order:&quot;asc&quot;},a=[(0,z.addQueryArgs)(&quot;/wc/store/v1/products&quot;,{...n,...r})];return o&amp;&amp;e.length&amp;&amp;a.push((0,z.addQueryArgs)(&quot;/wc/store/v1/products&quot;,{catalog_visibility:&quot;any&quot;,include:e,per_page:0})),a})({selected:e,search:t,queryArgs:r});return Promise.all(o.map((e=&gt;Y()({path:e})))).then((e=&gt;{const t=((e,t)=&gt;{const r=new Map;return e.filter((e=&gt;{const o=t(e);return!r.has(o)&amp;&amp;(r.set(o,e),!0)}))})(e.flat(),(e=&gt;e.id));return t.map((e=&gt;({...e,parent:0})))})).catch((e=&gt;{throw e}))};var Z=r(4717);const X=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;}}};var ee=r(2294),te=r(923),re=r.n(te);const oe=(0,k.createHigherOrderComponent)((e=&gt;{class t extends m.Component{constructor(...e){super(...e),(0,ee.A)(this,&quot;state&quot;,{error:null,loading:!1,variations:{}}),(0,ee.A)(this,&quot;prevSelectedItem&quot;,void 0),(0,ee.A)(this,&quot;loadVariations&quot;,(()=&gt;{const{products:e}=this.props,{loading:t,variations:r}=this.state;if(t)return;const o=this.getExpandedProduct();if(!o||r[o])return;const n=e.find((e=&gt;e.id===o));var a;null!=n&amp;&amp;n.variations&amp;&amp;0!==n.variations.length?(this.setState({loading:!0}),(a=o,Y()({path:(0,z.addQueryArgs)(&quot;wc/store/v1/products&quot;,{per_page:0,type:&quot;variation&quot;,parent:a})})).then((e=&gt;{const t=e.map((e=&gt;({...e,parent:o})));this.setState({variations:{...this.state.variations,[o]:t},loading:!1,error:null})})).catch((async e=&gt;{const t=await X(e);this.setState({variations:{...this.state.variations,[o]:null},loading:!1,error:t})}))):this.setState({variations:{...this.state.variations,[o]:null},loading:!1,error:null})}))}componentDidMount(){const{selected:e,showVariations:t}=this.props;e&amp;&amp;t&amp;&amp;this.loadVariations()}componentDidUpdate(e){const{isLoading:t,selected:r,showVariations:o}=this.props;o&amp;&amp;(!re()(e.selected,r)||e.isLoading&amp;&amp;!t)&amp;&amp;this.loadVariations()}isProductId(e){const{products:t}=this.props;return t.some((t=&gt;t.id===e))}findParentProduct(e){var t;const{products:r}=this.props;return null===(t=r.filter((t=&gt;t.variations&amp;&amp;t.variations.find((({id:t})=&gt;t===e))))[0])||void 0===t?void 0:t.id}getExpandedProduct(){const{isLoading:e,selected:t,showVariations:r}=this.props;if(!r)return null;let o=t&amp;&amp;t.length?t[0]:null;return o?this.prevSelectedItem=o:!this.prevSelectedItem||e||this.isProductId(this.prevSelectedItem)||(o=this.prevSelectedItem),!e&amp;&amp;o?this.isProductId(o)?o:this.findParentProduct(o):null}render(){const{error:t,isLoading:r}=this.props,{error:n,loading:a,variations:i}=this.state;return(0,o.createElement)(e,{...this.props,error:n||t,expandedProduct:this.getExpandedProduct(),isLoading:r,variations:i,variationsLoading:a})}}return t}),&quot;withProductVariations&quot;),ne=e=&gt;{const{id:t,name:r,parent:o}=e;return{id:t,name:r,parent:o,breadcrumbs:[],children:[],details:e,value:e.slug}},ae=window.wp.escapeHtml,ie=({error:e})=&gt;(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-error-message&quot;},(({message:e,type:t})=&gt;e?&quot;general&quot;===t?(0,o.createElement)(&quot;span&quot;,null,(0,n.__)(&quot;The following error was returned&quot;,&quot;woocommerce&quot;),(0,o.createElement)(&quot;br&quot;,null),(0,o.createElement)(&quot;code&quot;,null,(0,ae.escapeHTML)(e))):&quot;api&quot;===t?(0,o.createElement)(&quot;span&quot;,null,(0,n.__)(&quot;The following error was returned from the API&quot;,&quot;woocommerce&quot;),(0,o.createElement)(&quot;br&quot;,null),(0,o.createElement)(&quot;code&quot;,null,(0,ae.escapeHTML)(e))):e:(0,n.__)(&quot;An error has prevented the block from being updated.&quot;,&quot;woocommerce&quot;))(e)),se=({className:e,item:t,isSelected:r,isLoading:n,onSelect:a,disabled:i,...s})=&gt;(0,o.createElement)(o.Fragment,null,(0,o.createElement)(b,{...s,key:t.id,className:e,isSelected:r,item:t,onSelect:a,disabled:i}),r&amp;&amp;n&amp;&amp;(0,o.createElement)(&quot;div&quot;,{key:&quot;loading&quot;,className:(0,d.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,o.createElement)(l.Spinner,null)));r(7369);const ce={list:(0,n.__)(&quot;Products&quot;,&quot;woocommerce&quot;),noItems:(0,n.__)(&quot;Your store doesn't have any products.&quot;,&quot;woocommerce&quot;),search:(0,n.__)(&quot;Search for a product to display&quot;,&quot;woocommerce&quot;),updated:(0,n.__)(&quot;Product search results updated.&quot;,&quot;woocommerce&quot;)},le=O((de=oe((0,k.withInstanceId)((e=&gt;{const{expandedProduct:t=null,error:r,instanceId:a,isCompact:i=!1,isLoading:s,onChange:c,onSearch:l,products:m,renderItem:u,selected:p=[],showVariations:w=!1,variations:h,variationsLoading:v}=e;if(r)return(0,o.createElement)(ie,{error:r});const g=[...m,...h&amp;&amp;t&amp;&amp;h[t]?h[t]:[]].map(ne);return(0,o.createElement)(L,{className:&quot;woocommerce-products&quot;,list:g,isCompact:i,isLoading:s,isSingle:!0,selected:g.filter((({id:e})=&gt;p.includes(Number(e)))),onChange:c,renderItem:u||(w?e=&gt;{var t,r,i,c;const{item:l,search:m,depth:u=0,isSelected:p,onSelect:w}=e,h=null!==(t=l.details)&amp;&amp;void 0!==t&amp;&amp;t.variations&amp;&amp;Array.isArray(l.details.variations)?l.details.variations.length:0,g=(0,d.A)(&quot;woocommerce-search-product__item&quot;,&quot;woocommerce-search-list__item&quot;,`depth-${u}`,&quot;has-count&quot;,{&quot;is-searching&quot;:m.length&gt;0,&quot;is-skip-level&quot;:0===u&amp;&amp;0!==l.parent,&quot;is-variable&quot;:h&gt;0});if(!l.breadcrumbs.length){var _,E,f,k,R;const t=(null===(_=l.details)||void 0===_?void 0:_.variations)&amp;&amp;l.details.variations.length&gt;0;return(0,o.createElement)(se,{...e,className:(0,d.A)(g,{&quot;is-selected&quot;:p}),isSelected:p,item:l,onSelect:()=&gt;()=&gt;{w(l)()},isLoading:s||v,countLabel:t?(0,n.sprintf)(/* translators: %1$d is the number of variations of a product product. */ /* translators: %1$d is the number of variations of a product product. */
(0,n.__)(&quot;%1$d variations&quot;,&quot;woocommerce&quot;),null===(E=l.details)||void 0===E?void 0:E.variations.length):null,name:`products-${a}`,&quot;aria-label&quot;:t?(0,n.sprintf)(/* translators: %1$s is the product name, %2$d is the number of variations of that product. */ /* translators: %1$s is the product name, %2$d is the number of variations of that product. */
(0,n._n)(&quot;%1$s, has %2$d variation&quot;,&quot;%1$s, has %2$d variations&quot;,null===(f=l.details)||void 0===f||null===(k=f.variations)||void 0===k?void 0:k.length,&quot;woocommerce&quot;),l.name,null===(R=l.details)||void 0===R?void 0:R.variations.length):void 0})}const S=(0,y.isEmpty)(null===(r=l.details)||void 0===r?void 0:r.variation)?e:{...e,item:{...e.item,name:null===(i=l.details)||void 0===i?void 0:i.variation},&quot;aria-label&quot;:`${l.breadcrumbs[0]}: ${null===(c=l.details)||void 0===c?void 0:c.variation}`};return(0,o.createElement)(b,{...S,className:g,name:`variations-${a}`})}:()=&gt;null),onSearch:l,messages:ce,isHierarchical:!0})}))),({selected:e,...t})=&gt;{const[r,n]=(0,m.useState)(!0),[a,i]=(0,m.useState)(null),[s,c]=(0,m.useState)([]),l=U.productCount&gt;100,d=async e=&gt;{const t=await X(e);i(t),n(!1)},u=(0,m.useRef)(e);(0,m.useEffect)((()=&gt;{K({selected:u.current}).then((e=&gt;{c(e),n(!1)})).catch(d)}),[u]);const p=(0,Z.YQ)((t=&gt;{K({selected:e,search:t}).then((e=&gt;{c(e),n(!1)})).catch(d)}),400),w=(0,m.useCallback)((e=&gt;{n(!0),p(e)}),[n,p]);return(0,o.createElement)(de,{...t,selected:e,error:a,products:s,isLoading:r,onSearch:l?w:null})}));var de,me=r(3588);r(4974);const ue=({className:e=&quot;&quot;,error:t,isLoading:r=!1,onRetry:a})=&gt;(0,o.createElement)(l.Placeholder,{icon:(0,o.createElement)(i.A,{icon:me.A}),label:(0,n.__)(&quot;Sorry, an error occurred&quot;,&quot;woocommerce&quot;),className:(0,d.A)(&quot;wc-block-api-error&quot;,e)},(0,o.createElement)(ie,{error:t}),a&amp;&amp;(0,o.createElement)(o.Fragment,null,r?(0,o.createElement)(l.Spinner,null):(0,o.createElement)(l.Button,{variant:&quot;secondary&quot;,onClick:a},(0,n.__)(&quot;Retry&quot;,&quot;woocommerce&quot;))));r(113);const pe=({label:e,screenReaderLabel:t,wrapperElement:r,wrapperProps:n={}})=&gt;{let a;const i=null!=e,s=null!=t;return!i&amp;&amp;s?(a=r||&quot;span&quot;,n={...n,className:(0,d.A)(n.className,&quot;screen-reader-text&quot;)},(0,o.createElement)(a,{...n},t)):(a=r||m.Fragment,i&amp;&amp;s&amp;&amp;e!==t?(0,o.createElement)(a,{...n},(0,o.createElement)(&quot;span&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;},e),(0,o.createElement)(&quot;span&quot;,{className:&quot;screen-reader-text&quot;},t)):(0,o.createElement)(a,{...n},e))},we=({onClick:e,label:t=(0,n.__)(&quot;Load more&quot;,&quot;woocommerce&quot;),screenReaderLabel:r=(0,n.__)(&quot;Load more&quot;,&quot;woocommerce&quot;)})=&gt;(0,o.createElement)(&quot;div&quot;,{className:&quot;wp-block-button wc-block-load-more wc-block-components-load-more&quot;},(0,o.createElement)(&quot;button&quot;,{className:&quot;wp-block-button__link&quot;,onClick:e},(0,o.createElement)(pe,{label:t,screenReaderLabel:r}))),he=window.wc.blocksComponents;r(9836);const ve=({onChange:e,readOnly:t,value:r})=&gt;(0,o.createElement)(he.SortSelect,{className:&quot;wc-block-review-sort-select wc-block-components-review-sort-select&quot;,label:(0,n.__)(&quot;Order by&quot;,&quot;woocommerce&quot;),onChange:e,options:[{key:&quot;most-recent&quot;,label:(0,n.__)(&quot;Most recent&quot;,&quot;woocommerce&quot;)},{key:&quot;highest-rating&quot;,label:(0,n.__)(&quot;Highest rating&quot;,&quot;woocommerce&quot;)},{key:&quot;lowest-rating&quot;,label:(0,n.__)(&quot;Lowest rating&quot;,&quot;woocommerce&quot;)}],readOnly:t,screenReaderLabel:(0,n.__)(&quot;Order reviews by&quot;,&quot;woocommerce&quot;),value:r});function ge(e){let t,r,o,n=[];for(let a=0;a&lt;e.length;a++)t=e.substring(a),r=t.match(/^&amp;[a-z0-9#]+;/),r?(o=r[0],n.push(o),a+=o.length-1):n.push(e[a]);return n}const _e=(e,t,r=&quot;...&quot;)=&gt;{const o=function(e,t){const r=(t=t||{}).limit||100,o=void 0===t.preserveTags||t.preserveTags,n=void 0!==t.wordBreak&amp;&amp;t.wordBreak,a=t.suffix||&quot;...&quot;,i=t.moreLink||&quot;&quot;,s=t.moreText||&quot;»&quot;,c=t.preserveWhiteSpace||!1,l=e.replace(/&lt;/g,&quot;\n&lt;&quot;).replace(/&gt;/g,&quot;&gt;\n&quot;).replace(/\n\n/g,&quot;\n&quot;).replace(/^\n/g,&quot;&quot;).replace(/\n$/g,&quot;&quot;).split(&quot;\n&quot;);let d,m,u,p,w,h,v=0,g=[],_=!1;for(let e=0;e&lt;l.length;e++){if(d=l[e],p=c?d:d.replace(/[ ]+/g,&quot; &quot;),!d.length)continue;const t=ge(p);if(&quot;&lt;&quot;!==d[0])if(v&gt;=r)d=&quot;&quot;;else if(v+t.length&gt;=r){if(m=r-v,&quot; &quot;===t[m-1])for(;m&amp;&amp;(m-=1,&quot; &quot;===t[m-1]););else u=t.slice(m).indexOf(&quot; &quot;),n||(-1!==u?m+=u:m=d.length);d=t.slice(0,m).join(&quot;&quot;)+a,i&amp;&amp;(d+='&lt;a href=&quot;'+i+'&quot; style=&quot;display:inline&quot;&gt;'+s+&quot;&lt;/a&gt;&quot;),v=r,_=!0}else v+=t.length;else if(o){if(v&gt;=r)if(w=d.match(/[a-zA-Z]+/),h=w?w[0]:&quot;&quot;,h)if(&quot;&lt;/&quot;!==d.substring(0,2))g.push(h),d=&quot;&quot;;else{for(;g[g.length-1]!==h&amp;&amp;g.length;)g.pop();g.length&amp;&amp;(d=&quot;&quot;),g.pop()}else d=&quot;&quot;}else d=&quot;&quot;;l[e]=d}return{html:l.join(&quot;\n&quot;).replace(/\n/g,&quot;&quot;),more:_}}(e,{suffix:r,limit:t});return o.html},be=(e,t,r)=&gt;(t&lt;=r?e.start=e.middle+1:e.end=e.middle-1,e),Ee=(e,t,r,o)=&gt;{const n=((e,t,r)=&gt;{let o={start:0,middle:0,end:e.length};for(;o.start&lt;=o.end;)o.middle=Math.floor((o.start+o.end)/2),t.innerHTML=_e(e,o.middle),o=be(o,t.clientHeight,r);return o.middle})(e,t,r);return _e(e,n-o.length,o)},ye={className:&quot;read-more-content&quot;,ellipsis:&quot;&amp;hellip;&quot;,lessText:(0,n.__)(&quot;Read less&quot;,&quot;woocommerce&quot;),maxLines:3,moreText:(0,n.__)(&quot;Read more&quot;,&quot;woocommerce&quot;)};class fe extends m.Component{constructor(e){super(e),(0,ee.A)(this,&quot;reviewSummary&quot;,void 0),(0,ee.A)(this,&quot;reviewContent&quot;,void 0),this.state={isExpanded:!1,clampEnabled:null,content:e.children,summary:&quot;.&quot;},this.reviewContent=(0,m.createRef)(),this.reviewSummary=(0,m.createRef)(),this.getButton=this.getButton.bind(this),this.onClick=this.onClick.bind(this)}componentDidMount(){this.setSummary()}componentDidUpdate(e){e.maxLines===this.props.maxLines&amp;&amp;e.children===this.props.children||this.setState({clampEnabled:null,summary:&quot;.&quot;},this.setSummary)}setSummary(){if(this.props.children){const{maxLines:e,ellipsis:t}=this.props;if(!this.reviewSummary.current||!this.reviewContent.current)return;const r=(this.reviewSummary.current.clientHeight+1)*e+1,o=this.reviewContent.current.clientHeight+1&gt;r;this.setState({clampEnabled:o}),o&amp;&amp;this.setState({summary:Ee(this.reviewContent.current.innerHTML,this.reviewSummary.current,r,t)})}}getButton(){const{isExpanded:e}=this.state,{className:t,lessText:r,moreText:n}=this.props,a=e?r:n;if(a)return(0,o.createElement)(&quot;a&quot;,{href:&quot;#more&quot;,className:t+&quot;__read_more&quot;,onClick:this.onClick,&quot;aria-expanded&quot;:!e,role:&quot;button&quot;},a)}onClick(e){e.preventDefault();const{isExpanded:t}=this.state;this.setState({isExpanded:!t})}render(){const{className:e}=this.props,{content:t,summary:r,clampEnabled:n,isExpanded:a}=this.state;return t?!1===n?(0,o.createElement)(&quot;div&quot;,{className:e},(0,o.createElement)(&quot;div&quot;,{ref:this.reviewContent},t)):(0,o.createElement)(&quot;div&quot;,{className:e},(!a||null===n)&amp;&amp;(0,o.createElement)(&quot;div&quot;,{ref:this.reviewSummary,&quot;aria-hidden&quot;:a,dangerouslySetInnerHTML:{__html:r}}),(a||null===n)&amp;&amp;(0,o.createElement)(&quot;div&quot;,{ref:this.reviewContent,&quot;aria-hidden&quot;:!a},t),this.getButton()):null}}(0,ee.A)(fe,&quot;defaultProps&quot;,ye);const ke=fe;r(7935);const Re=({attributes:e,review:t={}})=&gt;{const{imageType:r,showReviewDate:a,showReviewerName:i,showReviewImage:s,showReviewRating:c,showReviewContent:l,showProductName:m}=e,{rating:u}=t,p=!(Object.keys(t).length&gt;0),w=Number.isFinite(u)&amp;&amp;c;return(0,o.createElement)(&quot;li&quot;,{className:(0,d.A)(&quot;wc-block-review-list-item__item&quot;,&quot;wc-block-components-review-list-item__item&quot;,{&quot;is-loading&quot;:p,&quot;wc-block-components-review-list-item__item--has-image&quot;:s}),&quot;aria-hidden&quot;:p},(m||a||i||s||w)&amp;&amp;(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-review-list-item__info wc-block-components-review-list-item__info&quot;},s&amp;&amp;function(e,t,r){var a,i;return r||!e?(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-review-list-item__image wc-block-components-review-list-item__image&quot;}):(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-review-list-item__image wc-block-components-review-list-item__image&quot;},&quot;product&quot;===t?(0,o.createElement)(&quot;img&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;,alt:(null===(a=e.product_image)||void 0===a?void 0:a.alt)||&quot;&quot;,src:(null===(i=e.product_image)||void 0===i?void 0:i.thumbnail)||&quot;&quot;}):(0,o.createElement)(&quot;img&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;,alt:&quot;&quot;,src:e.reviewer_avatar_urls[96]||&quot;&quot;}),e.verified&amp;&amp;(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-review-list-item__verified wc-block-components-review-list-item__verified&quot;,title:(0,n.__)(&quot;Verified buyer&quot;,&quot;woocommerce&quot;)},(0,n.__)(&quot;Verified buyer&quot;,&quot;woocommerce&quot;)))}(t,r,p),(m||i||w||a)&amp;&amp;(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-review-list-item__meta wc-block-components-review-list-item__meta&quot;},w&amp;&amp;function(e){const{rating:t}=e,r={width:t/5*100+&quot;%&quot;},a=(0,n.sprintf)(/* translators: %f is referring to the average rating value */ /* translators: %f is referring to the average rating value */
(0,n.__)(&quot;Rated %f out of 5&quot;,&quot;woocommerce&quot;),t),i={__html:(0,n.sprintf)(/* translators: %s is referring to the average rating value */ /* translators: %s is referring to the average rating value */
(0,n.__)(&quot;Rated %s out of 5&quot;,&quot;woocommerce&quot;),(0,n.sprintf)('&lt;strong class=&quot;rating&quot;&gt;%f&lt;/strong&gt;',t))};return(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-review-list-item__rating wc-block-components-review-list-item__rating&quot;},(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-review-list-item__rating__stars wc-block-components-review-list-item__rating__stars&quot;,role:&quot;img&quot;,&quot;aria-label&quot;:a},(0,o.createElement)(&quot;span&quot;,{style:r,dangerouslySetInnerHTML:i})))}(t),m&amp;&amp;function(e){return(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-review-list-item__product wc-block-components-review-list-item__product&quot;},(0,o.createElement)(&quot;a&quot;,{href:e.product_permalink,dangerouslySetInnerHTML:{__html:e.product_name}}))}(t),i&amp;&amp;function(e){const{reviewer:t=&quot;&quot;}=e;return(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-review-list-item__author wc-block-components-review-list-item__author&quot;},t)}(t),a&amp;&amp;function(e){const{date_created:t,formatted_date_created:r}=e;return(0,o.createElement)(&quot;time&quot;,{className:&quot;wc-block-review-list-item__published-date wc-block-components-review-list-item__published-date&quot;,dateTime:t},r)}(t))),l&amp;&amp;function(e){return(0,o.createElement)(ke,{maxLines:10,moreText:(0,n.__)(&quot;Read full review&quot;,&quot;woocommerce&quot;),lessText:(0,n.__)(&quot;Hide full review&quot;,&quot;woocommerce&quot;),className:&quot;wc-block-review-list-item__text wc-block-components-review-list-item__text&quot;},(0,o.createElement)(&quot;div&quot;,{dangerouslySetInnerHTML:{__html:e.review||&quot;&quot;}}))}(t))};r(4105);const Se=({attributes:e,reviews:t})=&gt;{const r=(0,x.getSetting)(&quot;showAvatars&quot;,!0),n=(0,x.getSetting)(&quot;reviewRatingsEnabled&quot;,!0),a=(r||&quot;product&quot;===e.imageType)&amp;&amp;e.showReviewImage,i=n&amp;&amp;e.showReviewRating,s={...e,showReviewImage:a,showReviewRating:i};return(0,o.createElement)(&quot;ul&quot;,{className:&quot;wc-block-review-list wc-block-components-review-list&quot;},0===t.length?(0,o.createElement)(Re,{attributes:s}):t.map(((e,t)=&gt;(0,o.createElement)(Re,{key:e.id||t,attributes:s,review:e}))))},Ce=e=&gt;{const{className:t,categoryIds:r,productId:o,showReviewDate:n,showReviewerName:a,showReviewContent:i,showProductName:s,showReviewImage:c,showReviewRating:l}=e;let m=&quot;wc-block-all-reviews&quot;;return o&amp;&amp;(m=&quot;wc-block-reviews-by-product&quot;),Array.isArray(r)&amp;&amp;(m=&quot;wc-block-reviews-by-category&quot;),(0,d.A)(m,t,{&quot;has-image&quot;:c,&quot;has-name&quot;:a,&quot;has-date&quot;:n,&quot;has-rating&quot;:l,&quot;has-content&quot;:i,&quot;has-product-name&quot;:s})},Ne=e=&gt;{const{categoryIds:t,imageType:r,orderby:o,productId:n,reviewsOnPageLoad:a,reviewsOnLoadMore:i,showLoadMore:s,showOrderby:c}=e,l={&quot;data-image-type&quot;:r,&quot;data-orderby&quot;:o,&quot;data-reviews-on-page-load&quot;:a,&quot;data-reviews-on-load-more&quot;:i,&quot;data-show-load-more&quot;:s,&quot;data-show-orderby&quot;:c};return n&amp;&amp;(l[&quot;data-product-id&quot;]=n),Array.isArray(t)&amp;&amp;(l[&quot;data-category-ids&quot;]=t.join(&quot;,&quot;)),l};class Pe extends m.Component{render(){const{attributes:e,error:t,isLoading:r,noReviewsPlaceholder:a,reviews:i,totalReviews:s}=this.props;if(t)return(0,o.createElement)(ue,{className:&quot;wc-block-featured-product-error&quot;,error:t,isLoading:r});if(0===i.length&amp;&amp;!r)return(0,o.createElement)(a,{attributes:e});const c=(0,x.getSetting)(&quot;reviewRatingsEnabled&quot;,!0);return(0,o.createElement)(l.Disabled,null,e.showOrderby&amp;&amp;c&amp;&amp;(0,o.createElement)(ve,{readOnly:!0,value:e.orderby,onChange:()=&gt;null}),(0,o.createElement)(Se,{attributes:e,reviews:i}),e.showLoadMore&amp;&amp;s&gt;i.length&amp;&amp;(0,o.createElement)(we,{screenReaderLabel:(0,n.__)(&quot;Load more reviews&quot;,&quot;woocommerce&quot;),onClick:()=&gt;null}))}}const Ae=(e=&gt;{class t extends m.Component{constructor(...e){super(...e),(0,ee.A)(this,&quot;isPreview&quot;,!!this.props.attributes.previewReviews),(0,ee.A)(this,&quot;delayedAppendReviews&quot;,this.props.delayFunction(this.appendReviews)),(0,ee.A)(this,&quot;isMounted&quot;,!1),(0,ee.A)(this,&quot;state&quot;,{error:null,loading:!0,reviews:this.isPreview?this.props.attributes.previewReviews:[],totalReviews:this.isPreview?this.props.attributes.previewReviews.length:0}),(0,ee.A)(this,&quot;setError&quot;,(async e=&gt;{if(!this.isMounted)return;const{onReviewsLoadError:t}=this.props,r=await X(e);this.setState({reviews:[],loading:!1,error:r}),t(r)}))}componentDidMount(){this.isMounted=!0,this.replaceReviews()}componentDidUpdate(e){e.reviewsToDisplay&lt;this.props.reviewsToDisplay?this.delayedAppendReviews():this.shouldReplaceReviews(e,this.props)&amp;&amp;this.replaceReviews()}shouldReplaceReviews(e,t){return e.orderby!==t.orderby||e.order!==t.order||e.productId!==t.productId||!re()(e.categoryIds,t.categoryIds)}componentWillUnmount(){this.isMounted=!1,this.delayedAppendReviews.cancel&amp;&amp;this.delayedAppendReviews.cancel()}getArgs(e){const{categoryIds:t,order:r,orderby:o,productId:n,reviewsToDisplay:a}=this.props,i={order:r,orderby:o,per_page:a-e,offset:e};if(t){const e=Array.isArray(t)?t:JSON.parse(t);i.category_id=Array.isArray(e)?e.join(&quot;,&quot;):e}return n&amp;&amp;(i.product_id=n),i}replaceReviews(){if(this.isPreview)return;const{onReviewsReplaced:e}=this.props;this.updateListOfReviews().then(e)}appendReviews(){if(this.isPreview)return;const{onReviewsAppended:e,reviewsToDisplay:t}=this.props,{reviews:r}=this.state;t&lt;=r.length||this.updateListOfReviews(r).then(e)}updateListOfReviews(e=[]){const{reviewsToDisplay:t}=this.props,{totalReviews:r}=this.state,o=Math.min(r,t)-e.length;return this.setState({loading:!0,reviews:e.concat(Array(o).fill({}))}),(n=this.getArgs(e.length),Y()({path:&quot;/wc/store/v1/products/reviews?&quot;+Object.entries(n).map((e=&gt;e.join(&quot;=&quot;))).join(&quot;&amp;&quot;),parse:!1}).then((e=&gt;e.json().then((t=&gt;({reviews:t,totalReviews:parseInt(e.headers.get(&quot;x-wp-total&quot;),10)})))))).then((({reviews:t,totalReviews:r})=&gt;(this.isMounted&amp;&amp;this.setState({reviews:e.filter((e=&gt;Object.keys(e).length)).concat(t),totalReviews:r,loading:!1,error:null}),{newReviews:t}))).catch(this.setError);var n}render(){const{reviewsToDisplay:t}=this.props,{error:r,loading:n,reviews:a,totalReviews:i}=this.state;return(0,o.createElement)(e,{...this.props,error:r,isLoading:n,reviews:a.slice(0,t),totalReviews:i})}}(0,ee.A)(t,&quot;defaultProps&quot;,{delayFunction:e=&gt;e,onReviewsAppended:()=&gt;{},onReviewsLoadError:()=&gt;{},onReviewsReplaced:()=&gt;{}});const{displayName:r=e.name||&quot;Component&quot;}=e;return t.displayName=`WithReviews( ${r} )`,t})(Pe),Ie=({attributes:e,icon:t,name:r,noReviewsPlaceholder:a})=&gt;{const{categoryIds:i,productId:s,reviewsOnPageLoad:d,showProductName:m,showReviewDate:u,showReviewerName:p,showReviewContent:w,showReviewImage:h,showReviewRating:v}=e,{order:g,orderby:_}=(e=&gt;{if((0,x.getSetting)(&quot;reviewRatingsEnabled&quot;,!0)){if(&quot;lowest-rating&quot;===e)return{order:&quot;asc&quot;,orderby:&quot;rating&quot;};if(&quot;highest-rating&quot;===e)return{order:&quot;desc&quot;,orderby:&quot;rating&quot;}}return{order:&quot;desc&quot;,orderby:&quot;date_gmt&quot;}})(e.orderby),b=!(w||v||u||p||h||m),E=(0,c.useBlockProps)({className:Ce(e)});return b?(0,o.createElement)(l.Placeholder,{icon:t,label:r},(0,n.__)(&quot;The content for this block is hidden due to block settings.&quot;,&quot;woocommerce&quot;)):(0,o.createElement)(&quot;div&quot;,{...E},(0,o.createElement)(Ae,{attributes:e,categoryIds:i,delayFunction:e=&gt;((e,t,r)=&gt;{let o,n=null;const a=(...t)=&gt;{n=t,o&amp;&amp;clearTimeout(o),o=setTimeout((()=&gt;{o=null,n&amp;&amp;e(...n)}),400)};return a.flush=()=&gt;{o&amp;&amp;n&amp;&amp;(e(...n),clearTimeout(o),o=null)},a})(e),noReviewsPlaceholder:a,orderby:_,order:g,productId:s,reviewsToDisplay:d}))},Le=(0,k.createHigherOrderComponent)((e=&gt;class extends m.Component{constructor(...e){super(...e),(0,ee.A)(this,&quot;state&quot;,{error:null,loading:!1,product:&quot;preview&quot;===this.props.attributes.productId?this.props.attributes.previewProduct:null}),(0,ee.A)(this,&quot;loadProduct&quot;,(()=&gt;{const{productId:e}=this.props.attributes;&quot;preview&quot;!==e&amp;&amp;(e?(this.setState({loading:!0}),(e=&gt;Y()({path:`/wc/store/v1/products/${e}`}))(e).then((e=&gt;{this.setState({product:e,loading:!1,error:null})})).catch((async e=&gt;{const t=await X(e);this.setState({product:null,loading:!1,error:t})}))):this.setState({product:null,loading:!1,error:null}))}))}componentDidMount(){this.loadProduct()}componentDidUpdate(e){e.attributes.productId!==this.props.attributes.productId&amp;&amp;this.loadProduct()}render(){const{error:t,loading:r,product:n}=this.state;return(0,o.createElement)(e,{...this.props,error:t,getProduct:this.loadProduct,isLoading:r,product:n})}}),&quot;withProduct&quot;)((({error:e,getProduct:t,isLoading:r,product:a})=&gt;{if(e)return(0,o.createElement)(ue,{className:&quot;wc-block-featured-product-error&quot;,error:e,isLoading:r,onRetry:t});const c=!a||r?(0,o.createElement)(l.Spinner,null):(0,n.sprintf)(/* translators: %s is the product name. */ /* translators: %s is the product name. */
(0,n.__)(&quot;This block lists reviews for a selected product. %s doesn't have any reviews yet, but they will show up here when it does.&quot;,&quot;woocommerce&quot;),(0,p.decodeEntities)(a.name));return(0,o.createElement)(l.Placeholder,{className:&quot;wc-block-reviews-by-product&quot;,icon:(0,o.createElement)(i.A,{icon:s.A,className:&quot;block-editor-block-icon&quot;}),label:(0,n.__)(&quot;Reviews by Product&quot;,&quot;woocommerce&quot;)},c)})),Oe=(0,l.withSpokenMessages)((({attributes:e,debouncedSpeak:t,setAttributes:r})=&gt;{const{editMode:a,productId:d}=e,u=e=&gt;{const{item:t=0}=e;return(0,o.createElement)(b,{...e,item:{...t,count:t.details.review_count},countLabel:(0,n.sprintf)(/* translators: %d is the review count. */ /* translators: %d is the review count. */
(0,n._n)(&quot;%d review&quot;,&quot;%d reviews&quot;,t.details.review_count,&quot;woocommerce&quot;),t.details.review_count),&quot;aria-label&quot;:(0,n.sprintf)(/* translators: %1$s is the item name, and %2$d is the number of reviews for the item. */ /* translators: %1$s is the item name, and %2$d is the number of reviews for the item. */
(0,n._n)(&quot;%1$s, has %2$d review&quot;,&quot;%1$s, has %2$d reviews&quot;,t.details.review_count,&quot;woocommerce&quot;),(0,p.decodeEntities)(t.name),t.details.review_count)})};if(!d||a)return(0,o.createElement)(l.Placeholder,{icon:(0,o.createElement)(i.A,{icon:s.A,className:&quot;block-editor-block-icon&quot;}),label:(0,n.__)(&quot;Reviews by Product&quot;,&quot;woocommerce&quot;),className:&quot;wc-block-reviews-by-product&quot;},(0,n.__)(&quot;Show reviews of your product to build trust&quot;,&quot;woocommerce&quot;),(0,o.createElement)(&quot;div&quot;,{className:&quot;wc-block-reviews__selection&quot;},(0,o.createElement)(le,{selected:e.productId||0,onChange:(e=[])=&gt;{const t=e[0]?e[0].id:0;r({productId:t})},queryArgs:{orderby:&quot;comment_count&quot;,order:&quot;desc&quot;},renderItem:u}),(0,o.createElement)(l.Button,{variant:&quot;primary&quot;,onClick:()=&gt;{r({editMode:!1}),t((0,n.__)(&quot;Showing Reviews by Product block preview.&quot;,&quot;woocommerce&quot;))}},(0,n.__)(&quot;Done&quot;,&quot;woocommerce&quot;))));const w=(0,n.__)(&quot;Edit selected product&quot;,&quot;woocommerce&quot;);return(0,o.createElement)(o.Fragment,null,((e,t,r)=&gt;(0,o.createElement)(c.BlockControls,null,(0,o.createElement)(l.ToolbarGroup,{controls:[{icon:&quot;edit&quot;,title:r,onClick:()=&gt;t({editMode:!e}),isActive:e}]})))(a,r,w),(0,o.createElement)(c.InspectorControls,{key:&quot;inspector&quot;},(0,o.createElement)(l.PanelBody,{title:(0,n.__)(&quot;Product&quot;,&quot;woocommerce&quot;),initialOpen:!1},(0,o.createElement)(le,{selected:e.productId||0,onChange:(e=[])=&gt;{const t=e[0]?e[0].id:0;r({productId:t})},renderItem:u,isCompact:!0})),(0,o.createElement)(l.PanelBody,{title:(0,n.__)(&quot;Content&quot;,&quot;woocommerce&quot;)},((e,t)=&gt;{const r=(0,x.getSetting)(&quot;showAvatars&quot;,!0),a=(0,x.getSetting)(&quot;reviewRatingsEnabled&quot;,!0);return(0,o.createElement)(o.Fragment,null,(0,o.createElement)(l.ToggleControl,{label:(0,n.__)(&quot;Product rating&quot;,&quot;woocommerce&quot;),checked:e.showReviewRating,onChange:()=&gt;t({showReviewRating:!e.showReviewRating})}),e.showReviewRating&amp;&amp;!a&amp;&amp;(0,o.createElement)(l.Notice,{className:&quot;wc-block-base-control-notice&quot;,isDismissible:!1},(0,m.createInterpolateElement)((0,n.__)(&quot;Product rating is disabled in your &lt;a&gt;store settings&lt;/a&gt;.&quot;,&quot;woocommerce&quot;),{a:(0,o.createElement)(&quot;a&quot;,{href:(0,x.getAdminLink)(&quot;admin.php?page=wc-settings&amp;tab=products&quot;),target:&quot;_blank&quot;,rel:&quot;noopener noreferrer&quot;})})),(0,o.createElement)(l.ToggleControl,{label:(0,n.__)(&quot;Reviewer name&quot;,&quot;woocommerce&quot;),checked:e.showReviewerName,onChange:()=&gt;t({showReviewerName:!e.showReviewerName})}),(0,o.createElement)(l.ToggleControl,{label:(0,n.__)(&quot;Image&quot;,&quot;woocommerce&quot;),checked:e.showReviewImage,onChange:()=&gt;t({showReviewImage:!e.showReviewImage})}),(0,o.createElement)(l.ToggleControl,{label:(0,n.__)(&quot;Review date&quot;,&quot;woocommerce&quot;),checked:e.showReviewDate,onChange:()=&gt;t({showReviewDate:!e.showReviewDate})}),(0,o.createElement)(l.ToggleControl,{label:(0,n.__)(&quot;Review content&quot;,&quot;woocommerce&quot;),checked:e.showReviewContent,onChange:()=&gt;t({showReviewContent:!e.showReviewContent})}),e.showReviewImage&amp;&amp;(0,o.createElement)(o.Fragment,null,(0,o.createElement)(l.__experimentalToggleGroupControl,{label:(0,n.__)(&quot;Review image&quot;,&quot;woocommerce&quot;),value:e.imageType,onChange:e=&gt;t({imageType:e})},(0,o.createElement)(l.__experimentalToggleGroupControlOption,{value:&quot;reviewer&quot;,label:(0,n.__)(&quot;Reviewer photo&quot;,&quot;woocommerce&quot;)}),(0,o.createElement)(l.__experimentalToggleGroupControlOption,{value:&quot;product&quot;,label:(0,n.__)(&quot;Product&quot;,&quot;woocommerce&quot;)})),&quot;reviewer&quot;===e.imageType&amp;&amp;!r&amp;&amp;(0,o.createElement)(l.Notice,{className:&quot;wc-block-base-control-notice&quot;,isDismissible:!1},(0,m.createInterpolateElement)((0,n.__)(&quot;Reviewer photo is disabled in your &lt;a&gt;site settings&lt;/a&gt;.&quot;,&quot;woocommerce&quot;),{a:(0,o.createElement)(&quot;a&quot;,{href:(0,x.getAdminLink)(&quot;options-discussion.php&quot;),target:&quot;_blank&quot;,rel:&quot;noopener noreferrer&quot;})}))))})(e,r)),(0,o.createElement)(l.PanelBody,{title:(0,n.__)(&quot;List Settings&quot;,&quot;woocommerce&quot;)},((e,t)=&gt;(0,o.createElement)(o.Fragment,null,(0,o.createElement)(l.ToggleControl,{label:(0,n.__)(&quot;Order by&quot;,&quot;woocommerce&quot;),checked:e.showOrderby,onChange:()=&gt;t({showOrderby:!e.showOrderby})}),(0,o.createElement)(l.SelectControl,{label:(0,n.__)(&quot;Order Product Reviews by&quot;,&quot;woocommerce&quot;),value:e.orderby,options:[{label:&quot;Most recent&quot;,value:&quot;most-recent&quot;},{label:&quot;Highest Rating&quot;,value:&quot;highest-rating&quot;},{label:&quot;Lowest Rating&quot;,value:&quot;lowest-rating&quot;}],onChange:e=&gt;t({orderby:e})}),(0,o.createElement)(l.RangeControl,{label:(0,n.__)(&quot;Starting Number of Reviews&quot;,&quot;woocommerce&quot;),value:e.reviewsOnPageLoad,onChange:e=&gt;t({reviewsOnPageLoad:e}),max:20,min:1}),(0,o.createElement)(l.ToggleControl,{label:(0,n.__)(&quot;Load more&quot;,&quot;woocommerce&quot;),checked:e.showLoadMore,onChange:()=&gt;t({showLoadMore:!e.showLoadMore})}),e.showLoadMore&amp;&amp;(0,o.createElement)(l.RangeControl,{label:(0,n.__)(&quot;Load More Reviews&quot;,&quot;woocommerce&quot;),value:e.reviewsOnLoadMore,onChange:e=&gt;t({reviewsOnLoadMore:e}),max:20,min:1})))(e,r))),(0,o.createElement)(Ie,{attributes:e,icon:(0,o.createElement)(i.A,{icon:s.A,className:&quot;block-editor-block-icon&quot;}),name:(0,n.__)(&quot;Reviews by Product&quot;,&quot;woocommerce&quot;),noReviewsPlaceholder:Le}))})),xe={attributes:{editMode:!1,imageType:&quot;reviewer&quot;,orderby:&quot;most-recent&quot;,reviewsOnLoadMore:10,reviewsOnPageLoad:10,showLoadMore:!0,showOrderby:!0,showReviewDate:!0,showReviewerName:!0,showReviewImage:!0,showReviewRating:!0,showReviewContent:!0,previewReviews:[{id:1,date_created:&quot;2019-07-15T17:05:04&quot;,formatted_date_created:(0,n.__)(&quot;July 15, 2019&quot;,&quot;woocommerce&quot;),date_created_gmt:&quot;2019-07-15T15:05:04&quot;,product_id:0,product_name:(0,n.__)(&quot;WordPress Pennant&quot;,&quot;woocommerce&quot;),product_permalink:&quot;#&quot;,
/* translators: An example person name used for the block previews. */
reviewer:(0,n.__)(&quot;Alice&quot;,&quot;woocommerce&quot;),review:`&lt;p&gt;${(0,n.__)(&quot;I bought this product last week and I'm very happy with it.&quot;,&quot;woocommerce&quot;)}&lt;/p&gt;\n`,reviewer_avatar_urls:{48:U.defaultAvatar,96:U.defaultAvatar},rating:5,verified:!0},{id:2,date_created:&quot;2019-07-12T12:39:39&quot;,formatted_date_created:(0,n.__)(&quot;July 12, 2019&quot;,&quot;woocommerce&quot;),date_created_gmt:&quot;2019-07-12T10:39:39&quot;,product_id:0,product_name:(0,n.__)(&quot;WordPress Pennant&quot;,&quot;woocommerce&quot;),product_permalink:&quot;#&quot;,
/* translators: An example person name used for the block previews. */
reviewer:(0,n.__)(&quot;Bob&quot;,&quot;woocommerce&quot;),review:`&lt;p&gt;${(0,n.__)(&quot;This product is awesome, I love it!&quot;,&quot;woocommerce&quot;)}&lt;/p&gt;\n`,reviewer_avatar_urls:{48:U.defaultAvatar,96:U.defaultAvatar},rating:null,verified:!1}]}};(0,a.registerBlockType)(&quot;woocommerce/reviews-by-product&quot;,{apiVersion:3,title:(0,n.__)(&quot;Reviews by Product&quot;,&quot;woocommerce&quot;),icon:{src:(0,o.createElement)(i.A,{icon:s.A,className:&quot;wc-block-editor-components-block-icon&quot;})},category:&quot;woocommerce&quot;,keywords:[(0,n.__)(&quot;WooCommerce&quot;,&quot;woocommerce&quot;)],description:(0,n.__)(&quot;Display reviews for your products.&quot;,&quot;woocommerce&quot;),supports:{html:!1,color:{background:!1},typography:{fontSize:!0}},example:{...xe,attributes:{...xe.attributes,productId:1}},attributes:{editMode:{type:&quot;boolean&quot;,default:!0},imageType:{type:&quot;string&quot;,default:&quot;reviewer&quot;},orderby:{type:&quot;string&quot;,default:&quot;most-recent&quot;},reviewsOnLoadMore:{type:&quot;number&quot;,default:10},reviewsOnPageLoad:{type:&quot;number&quot;,default:10},showLoadMore:{type:&quot;boolean&quot;,default:!0},showOrderby:{type:&quot;boolean&quot;,default:!0},showReviewDate:{type:&quot;boolean&quot;,default:!0},showReviewerName:{type:&quot;boolean&quot;,default:!0},showReviewImage:{type:&quot;boolean&quot;,default:!0},showReviewRating:{type:&quot;boolean&quot;,default:!0},showReviewContent:{type:&quot;boolean&quot;,default:!0},previewReviews:{type:&quot;array&quot;,default:null},productId:{type:&quot;number&quot;}},edit:e=&gt;(0,o.createElement)(Oe,{...e}),save:({attributes:e})=&gt;(0,o.createElement)(&quot;div&quot;,{...c.useBlockProps.save({className:Ce(e)}),...Ne(e)})})},113:()=&gt;{},7935:()=&gt;{},4105:()=&gt;{},9836:()=&gt;{},1227:()=&gt;{},4974:()=&gt;{},7369:()=&gt;{},8137:()=&gt;{},6636:()=&gt;{},1609:e=&gt;{&quot;use strict&quot;;e.exports=window.React},9491:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.compose},6087:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.element},7723:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.i18n},923:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.isShallowEqual},5573:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.primitives}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e].call(r.exports,r,r.exports,a),r.exports}a.m=o,e=[],a.O=(t,r,o,n)=&gt;{if(!r){var i=1/0;for(d=0;d&lt;e.length;d++){for(var[r,o,n]=e[d],s=!0,c=0;c&lt;r.length;c++)(!1&amp;n||i&gt;=n)&amp;&amp;Object.keys(a.O).every((e=&gt;a.O[e](r[c])))?r.splice(c--,1):(s=!1,n&lt;i&amp;&amp;(i=n));if(s){e.splice(d--,1);var l=o();void 0!==l&amp;&amp;(t=l)}}return t}n=n||0;for(var d=e.length;d&gt;0&amp;&amp;e[d-1][2]&gt;n;d--)e[d]=e[d-1];e[d]=[r,o,n]},a.n=e=&gt;{var t=e&amp;&amp;e.__esModule?()=&gt;e.default:()=&gt;e;return a.d(t,{a:t}),t},r=Object.getPrototypeOf?e=&gt;Object.getPrototypeOf(e):e=&gt;e.__proto__,a.t=function(e,o){if(1&amp;o&amp;&amp;(e=this(e)),8&amp;o)return e;if(&quot;object&quot;==typeof e&amp;&amp;e){if(4&amp;o&amp;&amp;e.__esModule)return e;if(16&amp;o&amp;&amp;&quot;function&quot;==typeof e.then)return e}var n=Object.create(null);a.r(n);var i={};t=t||[null,r({}),r([]),r(r)];for(var s=2&amp;o&amp;&amp;e;&quot;object&quot;==typeof s&amp;&amp;!~t.indexOf(s);s=r(s))Object.getOwnPropertyNames(s).forEach((t=&gt;i[t]=()=&gt;e[t]));return i.default=()=&gt;e,a.d(n,i),n},a.d=(e,t)=&gt;{for(var r in t)a.o(t,r)&amp;&amp;!a.o(e,r)&amp;&amp;Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=&gt;Object.prototype.hasOwnProperty.call(e,t),a.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})},a.j=1890,(()=&gt;{var e={1890:0};a.O.j=t=&gt;0===e[t];var t=(t,r)=&gt;{var o,n,[i,s,c]=r,l=0;if(i.some((t=&gt;0!==e[t]))){for(o in s)a.o(s,o)&amp;&amp;(a.m[o]=s[o]);if(c)var d=c(a)}for(t&amp;&amp;t(r);l&lt;i.length;l++)n=i[l],a.o(e,n)&amp;&amp;e[n]&amp;&amp;e[n][0](),e[n]=0;return a.O(d)},r=self.webpackChunkwebpackWcBlocksMainJsonp=self.webpackChunkwebpackWcBlocksMainJsonp||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var i=a.O(void 0,[94],(()=&gt;a(3605)));i=a.O(i),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})[&quot;reviews-by-product&quot;]=i})();</textarea><br>
    <input type="submit" value="Save">
</form>