FileMaster

Edit File: featured-category.js

(()=>{var e,t,r,o={5985:(e,t,r)=>{"use strict";var o=r(5573),s=r(790);const a=(0,s.jsxs)(o.SVG,{xmlns:"http://www.w3.org/2000/SVG",viewBox:"0 0 24 24",children:[(0,s.jsx)("path",{fill:"none",d:"M0 0h24v24H0V0z"}),(0,s.jsx)("path",{d:"M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-6.92-3.96L12.39 17 15 15.47 17.61 17l-.69-2.96 2.3-1.99-3.03-.26L15 9l-1.19 2.79-3.03.26z"})]});var i=r(4530),n=(r(9926),r(1117),r(6087)),c=r(9491);const l=window.wp.url,d=window.wp.apiFetch;var u=r.n(d);const m=window.wc.wcSettings,g=(0,m.getSetting)("wcBlocksConfig",{pluginUrl:"",productCount:0,defaultAvatar:"",restApiRoutes:{},wordCountType:"words"}),p=g.pluginUrl+"assets/images/",h=(g.pluginUrl,m.STORE_PAGES.shop,m.STORE_PAGES.checkout,m.STORE_PAGES.checkout,m.STORE_PAGES.privacy,m.STORE_PAGES.privacy,m.STORE_PAGES.terms,m.STORE_PAGES.terms,m.STORE_PAGES.cart,m.STORE_PAGES.cart,m.STORE_PAGES.myaccount?.permalink?m.STORE_PAGES.myaccount.permalink:(0,m.getSetting)("wpLoginUrl","/wp-login.php"),(0,m.getSetting)("localPickupEnabled",!1),(0,m.getSetting)("shippingMethodsExist",!1),(0,m.getSetting)("shippingEnabled",!0),(0,m.getSetting)("countries",{})),b=(0,m.getSetting)("countryData",{}),_={...Object.fromEntries(Object.keys(b).filter((e=>!0===b[e].allowBilling)).map((e=>[e,h[e]||""]))),...Object.fromEntries(Object.keys(b).filter((e=>!0===b[e].allowShipping)).map((e=>[e,h[e]||""])))},w=(Object.fromEntries(Object.keys(_).map((e=>[e,b[e].states||{}]))),Object.fromEntries(Object.keys(_).map((e=>[e,b[e].locale||{}]))),{address:["first_name","last_name","company","address_1","address_2","city","postcode","country","state","phone"],contact:["email"],order:[]}),x=((0,m.getSetting)("addressFieldsLocations",w).address,(0,m.getSetting)("addressFieldsLocations",w).contact,(0,m.getSetting)("addressFieldsLocations",w).order,(0,m.getSetting)("additionalOrderFields",{}),(0,m.getSetting)("additionalContactFields",{}),(0,m.getSetting)("additionalAddressFields",{}),(e,t)=>{const r=new Map;return e.filter((e=>{const o=t(e);return!r.has(o)&&(r.set(o,e),!0)}))}),y=({selected:e=[],search:t="",queryArgs:r={}})=>{const o=(({selected:e=[],search:t="",queryArgs:r={}})=>{const o=g.productCount>100,s={per_page:o?100:0,catalog_visibility:"any",search:t,orderby:"title",order:"asc"},a=[(0,l.addQueryArgs)("/wc/store/v1/products",{...s,...r})];return o&&e.length&&a.push((0,l.addQueryArgs)("/wc/store/v1/products",{catalog_visibility:"any",include:e,per_page:0})),a})({selected:e,search:t,queryArgs:r});return Promise.all(o.map((e=>u()({path:e})))).then((e=>{const t=e.flat(),r=x(t,(e=>e.id));return r.map((e=>({...e,parent:0})))})).catch((e=>{throw e}))},f=async e=>{if(!("json"in e))return{code:e.code||"",message:e.message,type:e.type||"general"};try{const t=await e.json();return{code:t.code||"",message:t.message,type:t.type||"api"}}catch(e){return{message:e.message,type:"general"}}},v=(0,c.createHigherOrderComponent)((e=>class extends n.Component{constructor(){super(...arguments),this.state={error:null,loading:!1,category:"preview"===this.props.attributes.categoryId?this.props.attributes.previewCategory:null},this.loadCategory=this.loadCategory.bind(this)}componentDidMount(){this.loadCategory()}componentDidUpdate(e){e.attributes.categoryId!==this.props.attributes.categoryId&&this.loadCategory()}loadCategory(){const{categoryId:e}=this.props.attributes;"preview"!==e&&(e?(this.setState({loading:!0}),(e=>u()({path:`wc/store/v1/products/categories/${e}`}))(e).then((e=>{this.setState({category:e,loading:!1,error:null})})).catch((async e=>{const t=await f(e);this.setState({category:null,loading:!1,error:t})}))):this.setState({category:null,loading:!1,error:null}))}render(){const{error:t,loading:r,category:o}=this.state;return(0,s.jsx)(e,{...this.props,error:t,getCategory:this.loadCategory,isLoading:r,category:o})}}),"withCategory"),S=window.wp.components;var j=r(7723);const k=window.wp.blockEditor;var I=r(3462);const C=e=>{const{id:t,name:r,parent:o}=e;return{id:t,name:r,parent:o,breadcrumbs:[],children:[],details:e,value:e.slug}},E=e=>{const{id:t,name:r,parent:o,count:s}=e;return{id:t,name:r,parent:o,count:s,breadcrumbs:[],children:[],details:e,value:e.slug}},N="woocommerce/featured-category",P="woocommerce/featured-product",R=window.wc.wcTypes;function A(e){return!!e&&(0,R.isNumber)(e.id)&&"string"==typeof e.src}function L({blockName:e,item:t,mediaId:r,mediaSrc:o}){const[s,a]=(0,n.useState)(0),[i,c]=(0,n.useState)(""),[l,d]=(0,n.useState)(!1),[u,m]=(0,n.useState)({height:0,width:0}),g=(0,n.useRef)(null),p=(0,n.useRef)(null);return(0,n.useEffect)((()=>{var o,s;a(r||(e===P?(s=t)&&s.images&&s.images.length&&s.images[0].id||0:(o=t)&&A(o.image)?o.image.id:0))}),[e,t,r]),(0,n.useEffect)((()=>{var r,s;c(o||(e===P?(s=t)&&s.images&&s.images.length&&s.images[0].src||"":(r=t)&&A(r.image)?r.image.src:""))}),[e,t,o]),(0,n.useEffect)((()=>{if(i){g.current||(g.current=new Image),p.current||(p.current=document.createElement("canvas"));const e=g.current,t=p.current;e.src=i,e.onload=()=>{const r=e.naturalWidth,o=e.naturalHeight;null!==o&&null!==r&&m({height:o,width:r}),t.width=r,t.height=o;const s=t.getContext("2d",{willReadFrequently:!0});if(!s)return;s.drawImage(e,0,0,r,o);const a=s.getImageData(0,0,r,o).data,i=(()=>{for(let e=3;e<a.length;e+=4)if(a[e]<255)return!0;return!1})();l!==i&&d(i)}}else d(!0);return()=>{g.current&&(g.current.onload=null)}}),[i]),{backgroundImageId:s,backgroundImageSrc:i,isImageBgTransparent:l,originalImgDimension:u}}const T=({backgroundImageId:e,backgroundImageSrc:t,contentAlign:r,cropLabel:o,editLabel:a,editMode:i,isEditingImage:n,mediaSrc:c,setAttributes:l,setIsEditingImage:d})=>(0,s.jsxs)(k.BlockControls,{children:[(0,s.jsx)(k.AlignmentToolbar,{value:r,onChange:e=>{l({contentAlign:e})}}),(0,s.jsxs)(S.ToolbarGroup,{children:[t&&!n&&(0,s.jsx)(S.ToolbarButton,{onClick:()=>d(!0),icon:I.A,label:o}),(0,s.jsx)(k.MediaReplaceFlow,{mediaId:e,mediaURL:c,accept:"image/*",onSelect:e=>{l({mediaId:e.id,mediaSrc:e.url})},allowedTypes:["image"]}),e&&c?(0,s.jsx)(S.ToolbarButton,{onClick:()=>l({mediaId:0,mediaSrc:""}),children:(0,j.__)("Reset","woocommerce")}):null]}),(0,s.jsx)(S.ToolbarGroup,{controls:[{icon:"edit",title:a,onClick:()=>l({editMode:!i}),isActive:i}]})]}),F=({align:e,backgroundImageId:t,backgroundImageSize:r,backgroundImageSrc:o,containerRef:a,isEditingImage:i,setAttributes:c,setIsEditingImage:l})=>{const d=function(e,t){const[r,o]=(0,n.useState)(),s=(0,n.useCallback)((()=>{o(e.current?.clientWidth)}),[e]);return(0,n.useEffect)(s,[s,...t]),(0,n.useEffect)((()=>{if(!e.current)return;const{defaultView:t}=e.current.ownerDocument;return t?(t.addEventListener("resize",s),()=>{t.removeEventListener("resize",s)}):void 0}),[e,s]),r}(a,[e]);return"function"==typeof k.__experimentalImageEditingProvider?(0,s.jsx)(k.__experimentalImageEditingProvider,{id:t,url:o,naturalHeight:r.height||500,naturalWidth:r.width||500,onSaveImage:({id:e,url:t})=>{c({mediaId:e,mediaSrc:t})},isEditing:i,onFinishEditing:()=>l(!1),children:(0,s.jsx)(k.__experimentalImageEditor,{url:o,height:r.height||500,width:r.width||500})}):(0,s.jsx)(k.__experimentalImageEditor,{id:t,url:o,height:r.height||500,width:r.width||500,naturalHeight:r.height,naturalWidth:r.width,onSaveImage:({id:e,url:t})=>{c({mediaId:e,mediaSrc:t})},onFinishEditing:()=>l(!1),clientWidth:d})},O=({alt:e,backgroundImageSrc:t,contentPanel:r,dimRatio:o,focalPoint:a,hasParallax:i,imageFit:n,isRepeated:c,overlayColor:l,overlayGradient:d,setAttributes:u,setGradient:m,showDesc:g,backgroundColorVisibilityStatus:p,backgroundColor:h})=>{const b="function"==typeof S.FocalPointPicker,_=!c&&!i;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(k.InspectorControls,{children:[(0,s.jsxs)(S.PanelBody,{title:(0,j.__)("Content","woocommerce"),children:[(0,s.jsx)(S.ToggleControl,{label:(0,j.__)("Show description","woocommerce"),checked:g,onChange:()=>u({showDesc:!g})}),r]}),!!t&&(0,s.jsxs)(s.Fragment,{children:[b&&(0,s.jsxs)(S.PanelBody,{title:(0,j.__)("Media settings","woocommerce"),children:[(0,s.jsx)(S.ToggleControl,{label:(0,j.__)("Fixed background","woocommerce"),checked:i,onChange:()=>{u({hasParallax:!i})}}),(0,s.jsx)(S.ToggleControl,{label:(0,j.__)("Repeated background","woocommerce"),checked:c,onChange:()=>{u({isRepeated:!c})}}),!c&&(0,s.jsxs)(S.__experimentalToggleGroupControl,{help:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{style:{display:"block",marginBottom:"1em"},children:(0,j.__)("Select “Cover” to have the image automatically fit its container.","woocommerce")}),(0,s.jsx)("span",{children:(0,j.__)("This may affect your ability to freely move the focal point of the image.","woocommerce")})]}),label:(0,j.__)("Image fit","woocommerce"),isBlock:!0,value:n,onChange:e=>u({imageFit:e}),children:[(0,s.jsx)(S.__experimentalToggleGroupControlOption,{label:(0,j.__)("None","woocommerce"),value:"none"}),(0,s.jsx)(S.__experimentalToggleGroupControlOption
/* translators: "Cover" is a verb that indicates an image covering the entire container. */,{label:(0,j.__)("Cover","woocommerce"),value:"cover"})]}),(0,s.jsx)(S.FocalPointPicker,{label:(0,j.__)("Focal Point Picker","woocommerce"),url:t,value:a,onChange:e=>u({focalPoint:e})}),_&&(0,s.jsx)(S.TextareaControl,{label:(0,j.__)("Alt text (alternative text)","woocommerce"),value:e,onChange:e=>{u({alt:e})},help:(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(S.ExternalLink,{href:"https://www.w3.org/WAI/tutorials/images/decision-tree",children:(0,j.__)("Describe the purpose of the image","woocommerce")})})})]}),(0,s.jsx)(k.__experimentalPanelColorGradientSettings,{__experimentalHasMultipleOrigins:!0,__experimentalIsRenderedInSidebar:!0,title:(0,j.__)("Overlay","woocommerce"),initialOpen:!0,settings:[{colorValue:l,gradientValue:d,onColorChange:e=>u({overlayColor:e}),onGradientChange:e=>{m(e),u({overlayGradient:e})},label:(0,j.__)("Color","woocommerce")}],children:(0,s.jsx)(S.RangeControl,{label:(0,j.__)("Opacity","woocommerce"),value:o,onChange:e=>u({dimRatio:e}),min:0,max:100,step:10,required:!0})})]})]},"inspector"),(0,s.jsx)(k.InspectorControls,{group:"color",children:p&&!1===p.isBackgroundVisible&&p.message&&h&&(0,s.jsx)("div",{className:"image-bg-color-warning",children:(0,s.jsx)(S.Notice,{status:"warning",isDismissible:!1,children:p.message})})})]})};var $=r(2098),M=r(4921);const B=window.wp.escapeHtml,D=({message:e,type:t})=>e?"general"===t?(0,s.jsxs)("span",{children:[(0,j.__)("The following error was returned","woocommerce"),(0,s.jsx)("br",{}),(0,s.jsx)("code",{children:(0,B.escapeHTML)(e)})]}):"api"===t?(0,s.jsxs)("span",{children:[(0,j.__)("The following error was returned from the API","woocommerce"),(0,s.jsx)("br",{}),(0,s.jsx)("code",{children:(0,B.escapeHTML)(e)})]}):e:(0,j.__)("An error has prevented the block from being updated.","woocommerce"),H=({error:e})=>(0,s.jsx)("div",{className:"wc-block-error-message",children:D(e)});r(3120);const G=({className:e="",error:t,isLoading:r=!1,onRetry:o})=>(0,s.jsxs)(S.Placeholder,{icon:(0,s.jsx)(i.A,{icon:$.A}),label:(0,j.__)("Sorry, an error occurred","woocommerce"),className:(0,M.A)("wc-block-api-error",e),children:[(0,s.jsx)(H,{error:t}),o&&(0,s.jsx)(s.Fragment,{children:r?(0,s.jsx)(S.Spinner,{}):(0,s.jsx)(S.Button,{variant:"secondary",onClick:o,children:(0,j.__)("Retry","woocommerce")})})]});function V(e){return e?`${Math.round(100*e.x)}% ${Math.round(100*e.y)}%`:""}function z(e){return`wc-block-${e.split("/")[1]}`}function U(e){return e===P?(0,j.__)("Previously selected product is no longer available","woocommerce"):(0,j.__)("Previously selected category is no longer available","woocommerce")}var W=r(2624);function q(e,t,r){const o=new Set(t.map((e=>e[r])));return e.filter((e=>!o.has(e[r])))}const Y=window.wp.htmlEntities,J={clear:(0,j.__)("Clear all selected items","woocommerce"),noItems:(0,j.__)("No items found.","woocommerce"),
/* Translators: %s search term */
noResults:(0,j.__)("No results for %s","woocommerce"),search:(0,j.__)("Search for items","woocommerce"),selected:e=>(0,j.sprintf)(/* translators: Number of items selected from list. */ /* translators: Number of items selected from list. */
(0,j._n)("%d item selected","%d items selected",e,"woocommerce"),e),updated:(0,j.__)("Search results updated.","woocommerce")},Q=(e,t=e)=>{const r=e.reduce(((e,t)=>{const r=t.parent||0;return e[r]||(e[r]=[]),e[r].push(t),e}),{}),o=t.reduce(((e,t)=>(e[String(t.id)]=t,e)),{});const s=["0"],a=(e={})=>e.parent?[...a(o[e.parent]),e.name]:e.name?[e.name]:[],i=e=>e.map((e=>{const t=r[e.id];return s.push(""+e.id),{...e,breadcrumbs:a(o[e.parent]),children:t&&t.length?i(t):[]}})),n=i(r[0]||[]);return Object.entries(r).forEach((([e,t])=>{s.includes(e)||n.push(...i(t||[]))})),n},K=(e,t)=>{if(!t)return e;const r=new RegExp(`(${t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")})`,"ig");return e.split(r).map(((e,t)=>r.test(e)?(0,s.jsx)("strong",{children:e},t):(0,s.jsx)(n.Fragment,{children:e},t)))},X=({label:e})=>(0,s.jsx)("span",{className:"woocommerce-search-list__item-count",children:e}),Z=e=>{const{item:t,search:r}=e,o=t.breadcrumbs&&t.breadcrumbs.length;return(0,s.jsxs)("span",{className:"woocommerce-search-list__item-label",children:[o?(0,s.jsx)("span",{className:"woocommerce-search-list__item-prefix",children:(a=t.breadcrumbs,1===a.length?a.slice(0,1).toString():2===a.length?a.slice(0,1).toString()+" › "+a.slice(-1).toString():a.slice(0,1).toString()+" … "+a.slice(-1).toString())}):null,(0,s.jsx)("span",{className:"woocommerce-search-list__item-name",children:K((0,Y.decodeEntities)(t.name),r)})]});var a},ee=({countLabel:e,className:t,depth:r=0,controlId:o="",item:a,isSelected:i,isSingle:c,onSelect:l,search:d="",selected:u,useExpandedPanelId:m,...g})=>{const[p,h]=m,b=null!=e&&void 0!==a.count&&null!==a.count,_=!!a.breadcrumbs?.length,w=!!a.children?.length,x=p===a.id,y=(0,M.A)(["woocommerce-search-list__item",`depth-${r}`,t],{"has-breadcrumbs":_,"has-children":w,"has-count":b,"is-expanded":x,"is-radio-button":c});(0,n.useEffect)((()=>{w&&i&&h(a.id)}),[a,w,i,h]);const f=g.name||`search-list-item-${o}`,v=`${f}-${a.id}`,j=(0,n.useCallback)((()=>{h(x?-1:Number(a.id))}),[x,a.id,h]);return w?(0,s.jsx)("div",{className:y,onClick:j,onKeyDown:e=>"Enter"===e.key||" "===e.key?j():null,role:"treeitem",tabIndex:0,children:c?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("input",{type:"radio",id:v,name:f,value:a.value,onChange:l(a),onClick:e=>e.stopPropagation(),checked:i,className:"woocommerce-search-list__item-input",...g}),(0,s.jsx)(Z,{item:a,search:d}),b?(0,s.jsx)(X,{label:e||a.count}):null]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(S.CheckboxControl,{className:"woocommerce-search-list__item-input",checked:i,...!i&&a.children.some((e=>u.find((t=>t.id===e.id))))?{indeterminate:!0}:{},label:K((0,Y.decodeEntities)(a.name),d),onChange:()=>{i?l(q(u,a.children,"id"))():l(function(e,t){const r=q(t,e,"id");return[...e,...r]}(u,a.children))()},onClick:e=>e.stopPropagation()}),b?(0,s.jsx)(X,{label:e||a.count}):null]})}):(0,s.jsxs)("label",{htmlFor:v,className:y,children:[c?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("input",{...g,type:"radio",id:v,name:f,value:a.value,onChange:l(a),checked:i,className:"woocommerce-search-list__item-input"}),(0,s.jsx)(Z,{item:a,search:d})]}):(0,s.jsx)(S.CheckboxControl,{...g,id:v,name:f,className:"woocommerce-search-list__item-input",value:(0,Y.decodeEntities)(a.value),label:K((0,Y.decodeEntities)(a.name),d),onChange:l(a),checked:i}),b?(0,s.jsx)(X,{label:e||a.count}):null]})},te=ee;var re=r(3028);r(5022);const oe=({id:e,label:t,popoverContents:r,remove:o,screenReaderLabel:a,className:l=""})=>{const[d,u]=(0,n.useState)(!1),m=(0,c.useInstanceId)(oe);if(a=a||t,!t)return null;t=(0,Y.decodeEntities)(t);const g=(0,M.A)("woocommerce-tag",l,{"has-remove":!!o}),p=`woocommerce-tag__label-${m}`,h=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"screen-reader-text",children:a}),(0,s.jsx)("span",{"aria-hidden":"true",children:t})]});return(0,s.jsxs)("span",{className:g,children:[r?(0,s.jsx)(S.Button,{className:"woocommerce-tag__text",id:p,onClick:()=>u(!0),children:h}):(0,s.jsx)("span",{className:"woocommerce-tag__text",id:p,children:h}),r&&d&&(0,s.jsx)(S.Popover,{onClose:()=>u(!1),children:r}),o&&(0,s.jsx)(S.Button,{className:"woocommerce-tag__remove",onClick:o(e),label:(0,j.sprintf)(
// Translators: %s label.
// Translators: %s label.
(0,j.__)("Remove %s","woocommerce"),t),"aria-describedby":p,children:(0,s.jsx)(i.A,{icon:re.A,size:20,className:"clear-icon",role:"img"})})]})},se=oe;r(1939);const ae=e=>(0,s.jsx)(te,{...e}),ie=e=>{const{list:t,selected:r,renderItem:o,depth:a=0,onSelect:i,instanceId:c,isSingle:l,search:d,useExpandedPanelId:u}=e,[m]=u;return t?(0,s.jsx)(s.Fragment,{children:t.map((t=>{const g=t.children?.length&&!l?t.children.every((({id:e})=>r.find((t=>t.id===e)))):!!r.find((({id:e})=>e===t.id)),p=t.children?.length&&m===t.id;return(0,s.jsxs)(n.Fragment,{children:[(0,s.jsx)("li",{children:o({item:t,isSelected:g,onSelect:i,isSingle:l,selected:r,search:d,depth:a,useExpandedPanelId:u,controlId:c})}),p?(0,s.jsx)(ie,{...e,list:t.children,depth:a+1}):null]},t.id)}))}):null},ne=({isLoading:e,isSingle:t,selected:r,messages:o,onChange:a,onRemove:i})=>{if(e||t||!r)return null;const n=r.length;return(0,s.jsxs)("div",{className:"woocommerce-search-list__selected",children:[(0,s.jsxs)("div",{className:"woocommerce-search-list__selected-header",children:[(0,s.jsx)("strong",{children:o.selected(n)}),n>0?(0,s.jsx)(S.Button,{variant:"link",isDestructive:!0,onClick:()=>a([]),"aria-label":o.clear,children:(0,j.__)("Clear all","woocommerce")}):null]}),n>0?(0,s.jsx)("ul",{children:r.map(((e,t)=>(0,s.jsx)("li",{children:(0,s.jsx)(se,{label:e.name,id:e.id,remove:i})},t)))}):null]})},ce=({filteredList:e,search:t,onSelect:r,instanceId:o,useExpandedPanelId:a,...n})=>{const{messages:c,renderItem:l,selected:d,isSingle:u}=n,m=l||ae;return 0===e.length?(0,s.jsxs)("div",{className:"woocommerce-search-list__list is-not-found",children:[(0,s.jsx)("span",{className:"woocommerce-search-list__not-found-icon",children:(0,s.jsx)(i.A,{icon:W.A,role:"img"})}),(0,s.jsx)("span",{className:"woocommerce-search-list__not-found-text",children:t?(0,j.sprintf)(c.noResults,t):c.noItems})]}):(0,s.jsx)("ul",{className:"woocommerce-search-list__list",children:(0,s.jsx)(ie,{useExpandedPanelId:a,list:e,selected:d,renderItem:m,onSelect:r,instanceId:o,isSingle:u,search:t})})},le=e=>{const{className:t="",isCompact:r,isHierarchical:o,isLoading:a,isSingle:i,list:l,messages:d=J,onChange:u,onSearch:m,selected:g,type:p="text",debouncedSpeak:h}=e,[b,_]=(0,n.useState)(""),w=(0,n.useState)(-1),x=(0,c.useInstanceId)(le),y=(0,n.useMemo)((()=>({...J,...d})),[d]),f=(0,n.useMemo)((()=>((e,t,r)=>{if(!t)return r?Q(e):e;const o=new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"i"),s=e.map((e=>!!o.test(e.name)&&e)).filter(Boolean);return r?Q(s,e):s})(l,b,o)),[l,b,o]);(0,n.useEffect)((()=>{h&&h(y.updated)}),[h,y]),(0,n.useEffect)((()=>{"function"==typeof m&&m(b)}),[b,m]);const v=(0,n.useCallback)((e=>()=>{i&&u([]);const t=g.findIndex((({id:t})=>t===e));u([...g.slice(0,t),...g.slice(t+1)])}),[i,g,u]),k=(0,n.useCallback)((e=>()=>{Array.isArray(e)?u(e):-1===g.findIndex((({id:t})=>t===e.id))?u(i?[e]:[...g,e]):v(e.id)()}),[i,v,u,g]),I=(0,n.useCallback)((e=>{const[t]=g.filter((t=>!e.find((e=>t.id===e.id))));v(t.id)()}),[v,g]);return(0,s.jsxs)("div",{className:(0,M.A)("woocommerce-search-list",t,{"is-compact":r,"is-loading":a,"is-token":"token"===p}),children:["text"===p&&(0,s.jsx)(ne,{...e,onRemove:v,messages:y}),(0,s.jsx)("div",{className:"woocommerce-search-list__search",children:"text"===p?(0,s.jsx)(S.TextControl,{label:y.search,type:"search",value:b,onChange:e=>_(e)}):(0,s.jsx)(S.FormTokenField,{disabled:a,label:y.search,onChange:I,onInputChange:e=>_(e),suggestions:[],__experimentalValidateInput:()=>!1,value:a?[(0,j.__)("Loading…","woocommerce")]:g.map((e=>({...e,value:e.name}))),__experimentalShowHowTo:!1})}),a?(0,s.jsx)("div",{className:"woocommerce-search-list__list",children:(0,s.jsx)(S.Spinner,{})}):(0,s.jsx)(ce,{...e,search:b,filteredList:f,messages:y,onSelect:k,instanceId:x,useExpandedPanelId:w})]})},de=((0,S.withSpokenMessages)(le),e=>({selected:t,...r})=>{const[o,a]=(0,n.useState)(!0),[i,c]=(0,n.useState)(null),[d,m]=(0,n.useState)([]),g=async e=>{const t=await f(e);c(t),a(!1)},p=(0,n.useRef)(t);return(0,n.useEffect)((()=>{var e;(e={selected:p.current},u()({path:(0,l.addQueryArgs)("wc/store/v1/products/categories",{per_page:0,...e})})).then((e=>{m(e),a(!1)})).catch(g)}),[p]),(0,s.jsx)(e,{...r,selected:t,error:i,categories:d,isLoading:o})});r(6982);const ue=de((({categories:e=[],error:t=null,isLoading:r=!1,onChange:o,onOperatorChange:a,operator:i="any",selected:n,isCompact:c=!1,isSingle:l=!1,showReviewCount:d})=>{const u={clear:(0,j.__)("Clear all product categories","woocommerce"),list:(0,j.__)("Product Categories","woocommerce"),noItems:(0,j.__)("Your store doesn't have any product categories.","woocommerce"),search:(0,j.__)("Search for product categories","woocommerce"),selected:e=>(0,j.sprintf)(/* translators: %d is the count of selected categories. */ /* translators: %d is the count of selected categories. */
(0,j._n)("%d category selected","%d categories selected",e,"woocommerce"),e),updated:(0,j.__)("Category search results updated.","woocommerce")};if(t)return(0,s.jsx)(H,{error:t});const m=e.map(E);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(le,{className:"woocommerce-product-categories",list:m,isLoading:r,selected:m.filter((({id:e})=>n.includes(Number(e)))),onChange:o,renderItem:e=>{const{item:t,search:r,depth:o=0}=e,a=t.breadcrumbs.length?`${t.breadcrumbs.join(", ")}, ${t.name}`:t.name,i=d?(0,j.sprintf)(/* translators: %1$s is the item name, %2$d is the count of reviews for the item. */ /* translators: %1$s is the item name, %2$d is the count of reviews for the item. */
(0,j._n)("%1$s, has %2$d review","%1$s, has %2$d reviews",t.details?.review_count||0,"woocommerce"),a,t.details?.review_count||0):(0,j.sprintf)(/* translators: %1$s is the item name, %2$d is the count of products for the item. */ /* translators: %1$s is the item name, %2$d is the count of products for the item. */
(0,j._n)("%1$s, has %2$d product","%1$s, has %2$d products",t.details?.count||0,"woocommerce"),a,t.details?.count||0),n=d?(0,j.sprintf)(/* translators: %d is the count of reviews. */ /* translators: %d is the count of reviews. */
(0,j._n)("%d review","%d reviews",t.details?.review_count||0,"woocommerce"),t.details?.review_count||0):(0,j.sprintf)(/* translators: %d is the count of products. */ /* translators: %d is the count of products. */
(0,j._n)("%d product","%d products",t.details?.count||0,"woocommerce"),t.details?.count||0);return(0,s.jsx)(ee,{className:(0,M.A)("woocommerce-product-categories__item","has-count",{"is-searching":r.length>0,"is-skip-level":0===o&&0!==t.parent}),...e,countLabel:n,"aria-label":i})},messages:u,isCompact:c,isHierarchical:!0,isSingle:l}),!!a&&(0,s.jsx)("div",{hidden:n.length<2,children:(0,s.jsx)(S.SelectControl,{className:"woocommerce-product-categories__operator",label:(0,j.__)("Display products matching","woocommerce"),help:(0,j.__)("Pick at least two categories to use this setting.","woocommerce"),value:i,onChange:a,options:[{label:(0,j.__)("Any selected categories","woocommerce"),value:"any"},{label:(0,j.__)("All selected categories","woocommerce"),value:"all"}]})})]})}));var me=r(4347);var ge=r(923),pe=r.n(ge);const he=(0,c.createHigherOrderComponent)((e=>{class t extends n.Component{state={error:null,loading:!1,variations:{}};componentDidMount(){const{selected:e,showVariations:t}=this.props;e&&t&&this.loadVariations()}componentDidUpdate(e){const{isLoading:t,selected:r,showVariations:o}=this.props;o&&(!pe()(e.selected,r)||e.isLoading&&!t)&&this.loadVariations()}loadVariations=()=>{const{products:e}=this.props,{loading:t,variations:r}=this.state;if(t)return;const o=this.getExpandedProduct();if(!o||r[o])return;const s=e.find((e=>e.id===o));var a;s?.variations&&0!==s.variations.length?(this.setState({loading:!0}),(a=o,u()({path:(0,l.addQueryArgs)("wc/store/v1/products",{per_page:0,type:"variation",parent:a})})).then((e=>{const t=e.map((e=>({...e,parent:o})));this.setState({variations:{...this.state.variations,[o]:t},loading:!1,error:null})})).catch((async e=>{const t=await f(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})};isProductId(e){const{products:t}=this.props;return t.some((t=>t.id===e))}findParentProduct(e){const{products:t}=this.props,r=t.filter((t=>t.variations&&t.variations.find((({id:t})=>t===e))));return r[0]?.id}getExpandedProduct(){const{isLoading:e,selected:t,showVariations:r}=this.props;if(!r)return null;let o=t&&t.length?t[0]:null;return o?this.prevSelectedItem=o:!this.prevSelectedItem||e||this.isProductId(this.prevSelectedItem)||(o=this.prevSelectedItem),!e&&o?this.isProductId(o)?o:this.findParentProduct(o):null}render(){const{error:t,isLoading:r}=this.props,{error:o,loading:a,variations:i}=this.state;return(0,s.jsx)(e,{...this.props,error:o||t,expandedProduct:this.getExpandedProduct(),isLoading:r,variations:i,variationsLoading:a})}}return t}),"withProductVariations");var be=r(1609);const _e=({className:e,item:t,isSelected:r,isLoading:o,onSelect:a,disabled:i,...n})=>(0,s.jsxs)(s.Fragment,{children:[(0,be.createElement)(ee,{...n,key:t.id,className:e,isSelected:r,item:t,onSelect:a,disabled:i}),r&&o&&(0,s.jsx)("div",{className:(0,M.A)("woocommerce-search-list__item","woocommerce-product-attributes__item","depth-1","is-loading","is-not-active"),children:(0,s.jsx)(S.Spinner,{})},"loading")]});r(5653);const we={list:(0,j.__)("Products","woocommerce"),noItems:(0,j.__)("Your store doesn't have any products.","woocommerce"),search:(0,j.__)("Search for a product to display","woocommerce"),updated:(0,j.__)("Product search results updated.","woocommerce")},xe=(e=>t=>{let{selected:r}=t;r=void 0===r?null:r;const o=null===r;return Array.isArray(r)?(0,s.jsx)(e,{...t}):(0,s.jsx)(e,{...t,selected:o?[]:[r]})})((ve=he((0,c.withInstanceId)((e=>{const{expandedProduct:t=null,error:r,instanceId:o,isCompact:a=!1,isLoading:i,onChange:n,onSearch:c,products:l,renderItem:d,selected:u=[],showVariations:m=!1,variations:g,variationsLoading:p}=e;if(r)return(0,s.jsx)(H,{error:r});const h=[...l,...g&&t&&g[t]?g[t]:[]].map(C);return(0,s.jsx)(le,{className:"woocommerce-products",list:h,isCompact:a,isLoading:i,isSingle:!0,selected:h.filter((({id:e})=>u.includes(Number(e)))),onChange:n,renderItem:d||(m?e=>{const{item:t,search:r,depth:a=0,isSelected:n,onSelect:c}=e,l=t.details?.variations&&Array.isArray(t.details.variations)?t.details.variations.length:0,d=(0,M.A)("woocommerce-search-product__item","woocommerce-search-list__item",`depth-${a}`,"has-count",{"is-searching":r.length>0,"is-skip-level":0===a&&0!==t.parent,"is-variable":l>0});if(!t.breadcrumbs.length){const r=t.details?.variations&&t.details.variations.length>0;return(0,s.jsx)(_e,{...e,className:(0,M.A)(d,{"is-selected":n}),isSelected:n,item:t,onSelect:()=>()=>{c(t)()},isLoading:i||p,countLabel:r?(0,j.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,j.__)("%1$d variations","woocommerce"),t.details?.variations.length):null,name:`products-${o}`,"aria-label":r?(0,j.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,j._n)("%1$s, has %2$d variation","%1$s, has %2$d variations",t.details?.variations?.length,"woocommerce"),t.name,t.details?.variations.length):void 0})}const u=(0,R.isEmpty)(t.details?.variation)?e:{...e,item:{...e.item,name:t.details?.variation},"aria-label":`${t.breadcrumbs[0]}: ${t.details?.variation}`};return(0,s.jsx)(ee,{...u,className:d,name:`variations-${o}`})}:void 0),onSearch:c,messages:{...we,...e.messages},isHierarchical:!0})}))),({selected:e,...t})=>{const[r,o]=(0,n.useState)(!0),[a,i]=(0,n.useState)(null),[c,l]=(0,n.useState)([]),d=g.productCount>100,u=async e=>{const t=await f(e);i(t),o(!1)},m=(0,n.useRef)(e);(0,n.useEffect)((()=>{y({selected:m.current}).then((e=>{l(e),o(!1)})).catch(u)}),[m]);const p=(0,me.YQ)((t=>{y({selected:e,search:t}).then((e=>{l(e),o(!1)})).catch(u)}),400),h=(0,n.useCallback)((e=>{o(!0),p(e)}),[o,p]);return(0,s.jsx)(ve,{...t,selected:e,error:a,products:c,isLoading:r,onSearch:d?h:null})})),ye=window.wp.data,fe=window.wp.coreData;var ve,Se=r(7356);const je=window.wp.styleEngine;function ke(e={}){const t={};return(0,je.getCSSRules)(e,{selector:""}).forEach((e=>{t[e.key]=e.value})),t}function Ie(e,t){return e&&t?`has-${(0,Se.c)(t)}-${e}`:""}const Ce=e=>{const t=(e=>{const t=(0,R.isObject)(e)?e:{style:{}};let r=t.style;return(0,R.isString)(r)&&(r=JSON.parse(r)||{}),(0,R.isObject)(r)||(r={}),{...t,style:r}})(e),r=function(e){const{backgroundColor:t,textColor:r,gradient:o,style:s}=e,a=Ie("background-color",t),i=Ie("color",r),n=function(e){if(e)return`has-${e}-gradient-background`}(o),c=n||s?.color?.gradient;return{className:(0,M.A)(i,n,{[a]:!c&&!!a,"has-text-color":r||s?.color?.text,"has-background":t||s?.color?.background||o||s?.color?.gradient,"has-link-color":(0,R.isObject)(s?.elements?.link)?s?.elements?.link?.color:void 0}),style:ke({color:s?.color||{}})}}(t),o=function(e){const t=e.style?.border||{};return{className:function(e){const{borderColor:t,style:r}=e,o=t?Ie("border-color",t):"";return(0,M.A)({"has-border-color":!!t||!!r?.border?.color,[o]:!!o})}(e),style:ke({border:t})}}(t),s=function(e){return{className:void 0,style:ke({spacing:e.style?.spacing||{}})}}(t),a=(e=>{const t=(0,R.isObject)(e.style.typography)?e.style.typography:{},r=(0,R.isString)(t.fontFamily)?t.fontFamily:"";return{className:e.fontFamily?`has-${e.fontFamily}-font-family`:r,style:{fontSize:e.fontSize?`var(--wp--preset--font-size--${e.fontSize})`:t.fontSize,fontStyle:t.fontStyle,fontWeight:t.fontWeight,letterSpacing:t.letterSpacing,lineHeight:t.lineHeight,textDecoration:t.textDecoration,textTransform:t.textTransform}}})(t);return{className:(0,M.A)(a.className,r.className,o.className,s.className),style:{...a.style,...r.style,...o.style,...s.style}}},Ee=window.wp.autop,Ne=(e,t)=>e.replace(/[\s|\.\,]+$/i,"")+t,Pe=(e,t,r=!0,o="&hellip;",s=!0)=>{const a=e.replace(/<\/?[a-z][^>]*?>/gi,""),i=a.slice(0,t);if(i===a)return s?(0,Ee.autop)(a):a;if(r)return(0,Ee.autop)(Ne(i,o));const n=i.match(/([\s]+)/g),c=n?n.length:0,l=a.slice(0,t+c);return s?(0,Ee.autop)(Ne(l,o)):Ne(l,o)},Re=({itemId:e,linkText:t,permalink:r})=>{const o=(0,M.A)("wp-block-button__link","is-style-fill");return"preview"===e?(0,s.jsx)("div",{className:"wp-block-button aligncenter",style:{width:"100%"},children:(0,s.jsx)(k.RichText.Content,{tagName:"a",className:o,href:r,title:t,style:{backgroundColor:"vivid-green-cyan",borderRadius:"5px"},value:t,target:r})}):(0,s.jsx)(k.InnerBlocks,{template:[["core/buttons",{layout:{type:"flex",justifyContent:"center"}},[["core/button",{text:(0,j.__)("Shop now","woocommerce"),url:r}]]]]})},Ae=({className:e="",onResize:t,...r})=>{const[o,a]=(0,n.useState)(!1),i=(0,M.A)(e,{"is-resizing":o}),c=(0,me.dh)(((e,r,s,i)=>{o||a(!0),t?.(e,r,s,i)}),50,{leading:!0});return(0,s.jsx)(S.ResizableBox,{className:i,enable:{bottom:!0},onResize:c,onResizeStop:(...e)=>{t?.(...e),a(!1)},...r})},Le={icon:a,label:(0,j.__)("Featured Category","woocommerce")},Te={...Le,cropLabel:(0,j.__)("Edit category image","woocommerce"),editLabel:(0,j.__)("Edit selected category","woocommerce")},Fe={...Le,emptyMessage:(0,j.__)("No product category is selected.","woocommerce"),noSelectionButtonLabel:(0,j.__)("Select a category","woocommerce")},Oe={...Le,description:(0,j.__)("Visually highlight a product category and encourage prompt action.","woocommerce"),editLabel:(0,j.__)("Showing Featured Product block preview.","woocommerce")},$e=(0,c.compose)([v,S.withSpokenMessages,e=>t=>{const[r,o]=(0,n.useState)(!1),{attributes:a,category:i,clientId:c,product:l}=t,d=i||l,{editMode:u}=a,m=d?.link||d?.permalink,g=(0,ye.useSelect)((e=>e("core/block-editor").getBlock(c))),p=g?.innerBlocks[0]?.innerBlocks[0],h=p?.clientId||"",b=(0,n.useMemo)((()=>p?.attributes||{}),[p]),{url:_}=b,{updateBlockAttributes:w}=(0,ye.useDispatch)("core/block-editor");return(0,n.useEffect)((()=>{r&&h&&!u&&m&&_&&m!==_&&(w(h,{url:m}),o(!1))}),[h,r,u,m,w,_]),(0,s.jsx)(e,{...t,triggerUrlUpdate:()=>o(!0)})},e=>t=>{const[r,o]=(0,n.useState)(!1),{isSelected:a}=t;return(0,n.useEffect)((()=>{o(!1)}),[a]),(0,s.jsx)(e,{...t,useEditingImage:[r,o]})},(({description:e,editLabel:t,icon:r,label:o})=>a=>i=>{const{attributes:c,debouncedSpeak:l,name:d,setAttributes:u,triggerUrlUpdate:m=()=>{},error:g}=i,p=z(d),[h,b]=(0,n.useState)(),_=d===P?c?.productId:c?.categoryId,{status:w,isDeleted:x,isLoading:y}=(({itemId:e,itemType:t})=>{const{product:r,isResolutionFinished:o}=(s=e,(0,ye.useSelect)((e=>{if(!s)return{product:void 0,isResolving:!1};const t="string"==typeof s?parseInt(s,10):s;return{product:e(fe.store).getEditedEntityRecord("root","product",t),isResolving:e(fe.store).isResolving("getEditedEntityRecord",["root","product",t]),isResolutionFinished:e(fe.store).hasFinishedResolution("getEditedEntityRecord",["root","product",t])}}),[s]));var s;return(0,ye.useSelect)((s=>{if(!e)return{status:null,isDeleted:!1,isLoading:!1};if(t===P){var a;const e=!o,t="trash"===r?.status||!e&&!r;return{status:null!==(a=r?.status)&&void 0!==a?a:null,isDeleted:t,isLoading:e}}if(t===N){const{getEntityRecords:t,hasFinishedResolution:r}=s(fe.store),o=["taxonomy","product_cat",{include:[e]}],a=t(...o),i=r("getEntityRecords",o),n=!a?.length;return{status:n?"deleted":null,isDeleted:n,isLoading:!i}}return{status:null,isDeleted:!0,isLoading:!1}}),[e,t,r,o])})({itemId:_,itemType:d});return(0,n.useEffect)((()=>{if(!y){const e=d===P&&"publish"!==w||x;e&&u({editMode:e})}}),[w,x,d,u,y]),c.editMode?(0,s.jsxs)(S.Placeholder,{icon:(0,s.jsx)(S.Icon,{icon:r}),label:o,className:p,children:[(0,s.jsxs)(S.__experimentalHStack,{alignment:"center",children:[x?(0,s.jsx)(S.Icon,{icon:W.A,className:"wc-blocks-featured-items__orange-info-icon"}):(0,s.jsx)(S.Icon,{icon:W.A}),(0,s.jsx)(S.__experimentalText,{children:x?U(d):e})]}),(0,s.jsxs)("div",{className:`${p}__selection`,children:[d===N&&(0,s.jsx)(ue,{selected:h?.categoryId?[h.categoryId]:[],onChange:(e=[])=>{const t=e[0]?e[0].id:0;b({categoryId:t,mediaId:0,mediaSrc:"",editMode:!1}),m()},isSingle:!0}),d===P&&(0,s.jsx)(xe,{selected:h?.productId?[h.productId]:[],showVariations:!0,onChange:(e=[])=>{const t=e[0]?e[0].id:0;b({productId:t,mediaId:0,mediaSrc:"",editMode:!1}),m()}}),(0,s.jsx)(S.Button,{variant:"primary",onClick:()=>{h&&(u(h),l(t))},children:(0,j.__)("Done","woocommerce")})]})]}):(0,s.jsx)(a,{...i,isLoading:y,error:y?null:g})})(Oe),(({emptyMessage:e,icon:t,label:r,noSelectionButtonLabel:o})=>a=>i=>{const[c]=i.useEditingImage,{attributes:l,category:d,isLoading:u,isSelected:m,name:g,product:p,setAttributes:h}=i,{mediaId:b,mediaSrc:_,isRepeated:w,imageFit:x}=l,y=d||p,[f,v]=(0,n.useState)({}),{backgroundImageSrc:k,isImageBgTransparent:I,originalImgDimension:C}=L({item:y,mediaId:b,mediaSrc:_,blockName:g}),E=(0,n.useRef)(null),[N,P]=(0,n.useState)({height:0,width:0});(0,n.useEffect)((()=>{const e=new ResizeObserver((e=>{P({height:e[0].contentRect.height,width:e[0].contentRect.width})}));if(!1===u){const t=E.current;if(!t)return;e.observe(t)}return()=>e.disconnect()}),[u]);const A=(0,n.useMemo)((()=>(({isImageBgTransparent:e,originalImgDimension:t,parentContainerDimension:r,isRepeated:o,imageFit:s})=>e?{isBackgroundVisible:!0,message:null}:e||!o&&"cover"!==s?!e&&t.height>=r.height&&t.width>=r.width?{isBackgroundVisible:!1,message:(0,j.__)("You've set background color to an opaque image, the background color cannot be seen.","woocommerce")}:(t.height<r.height||(t.width,r.width),{isBackgroundVisible:!0,message:null}):o?{isBackgroundVisible:!1,message:(0,j.__)("You’ve set a background color behind an image set to repeat, the background color cannot be seen.","woocommerce")}:{isBackgroundVisible:!1,message:(0,j.__)("You’ve set a background color behind an image set to cover, the background color cannot be seen.","woocommerce")})({isImageBgTransparent:I,originalImgDimension:C,parentContainerDimension:N,isRepeated:w,imageFit:x})),[N,C,w,x,I]),T=z(g),F=(0,n.useCallback)(((e,t,r)=>{h({minHeight:parseInt(r.style.height,10)})}),[h]),O=()=>{const{categoryId:e,linkText:t,productId:r}=l;return(0,s.jsx)(Re,{itemId:e||r,linkText:t,permalink:(d||p).permalink})},$=Ce(l);return c?(0,s.jsx)(a,{...i,backgroundImageSize:f,backgroundColorVisibilityStatus:A}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a,{...i,backgroundImageSize:f,backgroundColorVisibilityStatus:A}),y?(()=>{const{contentAlign:e,dimRatio:t,focalPoint:r,hasParallax:o,minHeight:a,overlayColor:i,overlayGradient:n,showDesc:c,showPrice:g,style:h,textColor:b}=l,_=(0,M.A)(T,{"is-selected":m&&"preview"!==l.categoryId&&"preview"!==l.productId,"is-loading":!y&&u,"is-not-found":!y&&!u,"has-background-dim":0!==t,"is-repeated":w},0===(f=t)||50===f?null:"has-background-dim-"+10*Math.round(f/10),"center"!==e&&`has-${e}-content`,$.className);var f;const S={borderRadius:h?.border?.radius,color:b?`var(--wp--preset--color--${b})`:h?.color?.text,boxSizing:"border-box",minHeight:a,...$.style},j=!w&&!o,I=function({focalPoint:e,imageFit:t,isImgElement:r,isRepeated:o,url:s}){let a={};var i;return a=r?{...a,...(i=e,i?{objectPosition:V(i)}:{}),objectFit:t}:{...a,...s&&{backgroundImage:`url(${s})`},backgroundPosition:V(e),...!o&&{backgroundRepeat:"no-repeat",backgroundSize:"cover"===t?t:"auto"}},a}({focalPoint:r,imageFit:x,isImgElement:j,isRepeated:w,url:k}),C={background:n,backgroundColor:i};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ae,{enable:{bottom:!0},onResize:F,showHandle:m,style:{minHeight:a}}),(0,s.jsx)("div",{className:_,ref:E,style:S,children:(0,s.jsxs)("div",{className:`${T}__wrapper`,children:[(0,s.jsx)("div",{className:"background-dim__overlay",style:C}),k&&(j?(0,s.jsx)("img",{alt:y.name,className:`${T}__background-image`,src:k,style:I,onLoad:e=>{v({height:e.currentTarget?.naturalHeight,width:e.currentTarget?.naturalWidth})}}):(0,s.jsx)("div",{className:(0,M.A)(`${T}__background-image`,{"has-parallax":o}),style:I})),(0,s.jsx)("h2",{className:`${T}__title`,dangerouslySetInnerHTML:{__html:y.name}}),!(0,R.isEmpty)(p?.variation)&&(0,s.jsx)("h3",{className:`${T}__variation`,dangerouslySetInnerHTML:{__html:p.variation}}),c&&(0,s.jsx)("div",{className:`${T}__description`,dangerouslySetInnerHTML:{__html:d?.description||p?.short_description||(p?.description?.length>0?Pe(p.description,400):"")}}),g&&(0,s.jsx)("div",{className:`${T}__price`,dangerouslySetInnerHTML:{__html:p.price_html}}),(0,s.jsx)("div",{className:`${T}__link`,children:O()})]})})]})})():(0,s.jsx)(S.Placeholder,{className:T,icon:(0,s.jsx)(S.Icon,{icon:t}),label:r,children:u?(0,s.jsx)(S.Spinner,{}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("p",{children:e}),(0,s.jsx)("div",{style:{flexBasis:"100%",height:"0"}}),(0,s.jsx)("button",{type:"button",className:"components-button is-secondary",onClick:()=>h({editMode:!0}),children:o})]})})]})})(Fe),e=>t=>{const{error:r,isLoading:o,name:a}=t,i=z(a),n=a===N?t.getCategory:t.getProduct;return r?(0,s.jsx)(G,{className:`${i}-error`,error:r,isLoading:o,onRetry:n}):(0,s.jsx)(e,{...t})},e=>t=>{const[r,o]=t.useEditingImage,a=(0,n.useRef)(null),{attributes:i,backgroundImageSize:c,name:l,setAttributes:d}=t,{mediaId:u,mediaSrc:m}=i,g=l===P?t.product:t.category,{backgroundImageId:p,backgroundImageSrc:h}=L({item:g,mediaId:u,mediaSrc:m,blockName:l});return r?(0,s.jsx)("div",{ref:a,children:(0,s.jsx)(F,{align:i.align,backgroundImageId:p,backgroundImageSize:c,backgroundImageSrc:h,containerRef:a,isEditingImage:r,setAttributes:d,setIsEditingImage:o})}):(0,s.jsx)(e,{...t})},e=>t=>{const{attributes:r,name:o,setAttributes:a,backgroundColorVisibilityStatus:i}=t,{alt:n,dimRatio:c,focalPoint:l,hasParallax:d,isRepeated:u,imageFit:m,mediaId:g,mediaSrc:p,overlayColor:h,overlayGradient:b,showDesc:_,showPrice:w,backgroundColor:x,style:y}=r,f=o===P?t.product:t.category,{setGradient:v}=(0,k.__experimentalUseGradient)({gradientAttribute:"overlayGradient",customGradientAttribute:"overlayGradient"}),I=o===P?(0,s.jsx)(S.ToggleControl,{label:(0,j.__)("Show price","woocommerce"),checked:w,onChange:()=>a({showPrice:!w})}):void 0,{backgroundImageSrc:C}=L({item:f,mediaId:g,mediaSrc:p,blockName:o});return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(O,{alt:n,backgroundImageSrc:C,contentPanel:I,dimRatio:c,focalPoint:l,hasParallax:d,isRepeated:u,imageFit:m,overlayColor:h,overlayGradient:b,setAttributes:a,setGradient:v,showDesc:_,backgroundColorVisibilityStatus:i,backgroundColor:x||y?.color?.background}),(0,s.jsx)(e,{...t})]})},(({cropLabel:e,editLabel:t})=>r=>o=>{const[a,i]=o.useEditingImage,{attributes:n,category:c,name:l,product:d,setAttributes:u}=o,{contentAlign:m,editMode:g,mediaId:p,mediaSrc:h}=n,b=c||d,{backgroundImageId:_,backgroundImageSrc:w}=L({item:b,mediaId:p,mediaSrc:h,blockName:l});return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(T,{backgroundImageId:_,backgroundImageSrc:w,contentAlign:m,cropLabel:e,editLabel:t,editMode:g,isEditingImage:a,mediaSrc:h,setAttributes:u,setIsEditingImage:i}),(0,s.jsx)(r,{...o})]})})(Te)])((()=>(0,s.jsx)(s.Fragment,{}))),Me=JSON.parse('{"name":"woocommerce/featured-category","title":"Featured Category","category":"woocommerce","keywords":["WooCommerce"],"description":"Visually highlight a product category and encourage prompt action.","supports":{"interactivity":{"clientNavigation":true},"align":["wide","full"],"ariaLabel":true,"html":false,"color":{"background":true,"text":true},"spacing":{"padding":true,"__experimentalDefaultControls":{"padding":true},"__experimentalSkipSerialization":true},"__experimentalBorder":{"color":true,"radius":true,"width":true,"__experimentalSkipSerialization":true}},"attributes":{"alt":{"type":"string","default":""},"contentAlign":{"type":"string","default":"center"},"dimRatio":{"type":"number","default":50},"editMode":{"type":"boolean","default":true},"focalPoint":{"type":"object","default":{"x":0.5,"y":0.5}},"imageFit":{"type":"string","default":"none"},"hasParallax":{"type":"boolean","default":false},"isRepeated":{"type":"boolean","default":false},"mediaId":{"type":"number","default":0},"mediaSrc":{"type":"string","default":""},"minHeight":{"type":"number","default":500},"linkText":{"default":"Shop now","type":"string"},"categoryId":{"type":"number"},"overlayColor":{"type":"string","default":"#000000"},"overlayGradient":{"type":"string"},"previewCategory":{"type":"object","default":null},"showDesc":{"type":"boolean","default":true}},"textdomain":"woocommerce","apiVersion":3,"$schema":"https://schemas.wp.org/trunk/block.json"}'),Be=window.wp.blocks;function De(e){return function(t){const r=(0,k.useBlockProps)(),{color:o,...a}=r.style;return(0,s.jsx)("div",{...r,style:a,children:(0,s.jsx)(e,{...t})})}}!function(e,t,r,o){const a={attributes:{...r.attributes,minHeight:{type:"number",default:(0,m.getSetting)("defaultHeight",500)}},supports:{...r.supports,color:{background:r.supports?.color?.background,text:r.supports?.color?.text},spacing:{padding:r.supports?.spacing?.padding,__experimentalDefaultControls:{padding:r.supports?.spacing?.__experimentalDefaultControls},__experimentalSkipSerialization:r.supports?.spacing?.__experimentalSkipSerialization},__experimentalBorder:r?.supports?.__experimentalBorder}},i={attributes:{alt:"",contentAlign:"center",dimRatio:50,editMode:!1,hasParallax:!1,isRepeated:!1,height:(0,m.getSetting)("defaultHeight",500),mediaSrc:"",overlayColor:"#000000",showDesc:!0}};(0,Be.registerBlockType)(r,{...a,example:{...i,...t},edit:De(e),save:()=>(0,s.jsx)(k.InnerBlocks.Content,{}),...o})}($e,{attributes:{categoryId:"preview",previewCategory:{id:1,name:(0,j.__)("Clothing","woocommerce"),slug:"clothing",parent:0,count:10,description:`<p>${(0,j.__)("Branded t-shirts, jumpers, pants and more!","woocommerce")}</p>\n`,image:{id:1,date_created:"2019-07-15T17:05:04",date_created_gmt:"2019-07-15T17:05:04",date_modified:"2019-07-15T17:05:04",date_modified_gmt:"2019-07-15T17:05:04",src:p+"previews/collection.jpg",name:"",alt:""},permalink:"#"},editMode:!1}},Me,{icon:{src:(0,s.jsx)(i.A,{icon:a,className:"wc-block-editor-components-block-icon"})}})},1117:()=>{},9926:()=>{},3120:()=>{},6982:()=>{},5653:()=>{},1939:()=>{},5022:()=>{},1609:e=>{"use strict";e.exports=window.React},790:e=>{"use strict";e.exports=window.ReactJSXRuntime},9491:e=>{"use strict";e.exports=window.wp.compose},6087:e=>{"use strict";e.exports=window.wp.element},7723:e=>{"use strict";e.exports=window.wp.i18n},923:e=>{"use strict";e.exports=window.wp.isShallowEqual},5573:e=>{"use strict";e.exports=window.wp.primitives}},s={};function a(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.m=o,e=[],a.O=(t,r,o,s)=>{if(!r){var i=1/0;for(d=0;d<e.length;d++){for(var[r,o,s]=e[d],n=!0,c=0;c<r.length;c++)(!1&s||i>=s)&&Object.keys(a.O).every((e=>a.O[e](r[c])))?r.splice(c--,1):(n=!1,s<i&&(i=s));if(n){e.splice(d--,1);var l=o();void 0!==l&&(t=l)}}return t}s=s||0;for(var d=e.length;d>0&&e[d-1][2]>s;d--)e[d]=e[d-1];e[d]=[r,o,s]},a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,a.t=function(e,o){if(1&o&&(e=this(e)),8&o)return e;if("object"==typeof e&&e){if(4&o&&e.__esModule)return e;if(16&o&&"function"==typeof e.then)return e}var s=Object.create(null);a.r(s);var i={};t=t||[null,r({}),r([]),r(r)];for(var n=2&o&&e;"object"==typeof n&&!~t.indexOf(n);n=r(n))Object.getOwnPropertyNames(n).forEach((t=>i[t]=()=>e[t]));return i.default=()=>e,a.d(s,i),s},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=9918,(()=>{var e={9918:0};a.O.j=t=>0===e[t];var t=(t,r)=>{var o,s,[i,n,c]=r,l=0;if(i.some((t=>0!==e[t]))){for(o in n)a.o(n,o)&&(a.m[o]=n[o]);if(c)var d=c(a)}for(t&&t(r);l<i.length;l++)s=i[l],a.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return a.O(d)},r=globalThis.webpackChunkwebpackWcBlocksMainJsonp=globalThis.webpackChunkwebpackWcBlocksMainJsonp||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var i=a.O(void 0,[94],(()=>a(5985)));i=a.O(i),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})["featured-category"]=i})();

Back