22

✏️ Editing: active-filters-frontend.js

var wc;(()=>{var e,t,r,o={3444:(e,t,r)=>{"use strict";var o=r(6087),s=r(7723);const i=window.wc.wcSettings,n=(0,i.getSetting)("wcBlocksConfig",{pluginUrl:"",productCount:0,defaultAvatar:"",restApiRoutes:{},wordCountType:"words"}),l=n.pluginUrl+"assets/images/",a=(n.pluginUrl,i.STORE_PAGES.shop,i.STORE_PAGES.checkout,i.STORE_PAGES.checkout,i.STORE_PAGES.privacy,i.STORE_PAGES.privacy,i.STORE_PAGES.terms,i.STORE_PAGES.terms,i.STORE_PAGES.cart,i.STORE_PAGES.cart,i.STORE_PAGES.myaccount?.permalink?i.STORE_PAGES.myaccount.permalink:(0,i.getSetting)("wpLoginUrl","/wp-login.php"),(0,i.getSetting)("localPickupEnabled",!1),(0,i.getSetting)("shippingMethodsExist",!1),(0,i.getSetting)("shippingEnabled",!0),(0,i.getSetting)("countries",{})),c=(0,i.getSetting)("countryData",{}),u={...Object.fromEntries(Object.keys(c).filter((e=>!0===c[e].allowBilling)).map((e=>[e,a[e]||""]))),...Object.fromEntries(Object.keys(c).filter((e=>!0===c[e].allowShipping)).map((e=>[e,a[e]||""])))},d=(Object.fromEntries(Object.keys(u).map((e=>[e,c[e].states||{}]))),Object.fromEntries(Object.keys(u).map((e=>[e,c[e].locale||{}]))),{address:["first_name","last_name","company","address_1","address_2","city","postcode","country","state","phone"],contact:["email"],order:[]});(0,i.getSetting)("addressFieldsLocations",d).address,(0,i.getSetting)("addressFieldsLocations",d).contact,(0,i.getSetting)("addressFieldsLocations",d).order,(0,i.getSetting)("additionalOrderFields",{}),(0,i.getSetting)("additionalContactFields",{}),(0,i.getSetting)("additionalAddressFields",{});var p=r(790);const m=({imageUrl:e=`${l}/block-error.svg`,header:t=(0,s.__)("Oops!","woocommerce"),text:r=(0,s.__)("There was an error loading the content.","woocommerce"),errorMessage:o,errorMessagePrefix:i=(0,s.__)("Error:","woocommerce"),button:n,showErrorBlock:a=!0})=>a?(0,p.jsxs)("div",{className:"wc-block-error wc-block-components-error",children:[e&&(0,p.jsx)("img",{className:"wc-block-error__image wc-block-components-error__image",src:e,alt:""}),(0,p.jsxs)("div",{className:"wc-block-error__content wc-block-components-error__content",children:[t&&(0,p.jsx)("p",{className:"wc-block-error__header wc-block-components-error__header",children:t}),r&&(0,p.jsx)("p",{className:"wc-block-error__text wc-block-components-error__text",children:r}),o&&(0,p.jsxs)("p",{className:"wc-block-error__message wc-block-components-error__message",children:[i?i+" ":"",o]}),n&&(0,p.jsx)("p",{className:"wc-block-error__button wc-block-components-error__button",children:n})]})]}):null;r(5893);class g extends o.Component{state={errorMessage:"",hasError:!1};static getDerivedStateFromError(e){return void 0!==e.statusText&&void 0!==e.status?{errorMessage:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("strong",{children:e.status}),": ",e.statusText]}),hasError:!0}:{errorMessage:e.message,hasError:!0}}render(){const{header:e,imageUrl:t,showErrorMessage:r=!0,showErrorBlock:o=!0,text:s,errorMessagePrefix:i,renderError:n,button:l}=this.props,{errorMessage:a,hasError:c}=this.state;return c?"function"==typeof n?n({errorMessage:a}):(0,p.jsx)(m,{showErrorBlock:o,errorMessage:r?a:null,header:e,imageUrl:t,text:s,errorMessagePrefix:i,button:l}):this.props.children}}const w=g,h=[".wp-block-woocommerce-cart"],b=({Block:e,container:t,attributes:r={},props:s={},errorBoundaryProps:i={}})=>{const n=()=>{(0,o.useEffect)((()=>{t.classList&&t.classList.remove("is-loading")}),[]);const n=t.classList.contains("wp-block-woocommerce-checkout"),l=t.classList.contains("wp-block-woocommerce-cart");return n||l?(0,p.jsx)(w,{...i,children:(0,p.jsx)(e,{...s,attributes:r})}):(0,p.jsx)(w,{...i,children:(0,p.jsx)(o.Suspense,{fallback:(0,p.jsx)("div",{className:"wc-block-placeholder",children:"Loading..."}),children:e&&(0,p.jsx)(e,{...s,attributes:r})})})},l=(0,o.createRoot)(t);return l.render((0,p.jsx)(n,{})),l},f=({Block:e,containers:t,getProps:r=()=>({}),getErrorBoundaryProps:o=()=>({})})=>{if(0===t.length)return[];const s=[];return t.forEach(((t,i)=>{const n=r(t,i),l=o(t,i),a={...t.dataset,...n.attributes||{}};s.push({container:t,root:b({Block:e,container:t,props:n,attributes:a,errorBoundaryProps:l})})})),s},y=window.wc.wcBlocksData,_=window.wp.data;var S=r(923),k=r.n(S);const v=(0,o.createContext)("page"),x=(v.Provider,(e,t,r)=>{const s=(0,o.useContext)(v);r=r||s;const i=(0,_.useSelect)((o=>o(y.QUERY_STATE_STORE_KEY).getValueForQueryKey(r,e,t)),[r,e]),{setQueryValue:n}=(0,_.useDispatch)(y.QUERY_STATE_STORE_KEY);return[i,(0,o.useCallback)((t=>{n(r,e,t)}),[r,e,n])]});var j=r(4921);const E=window.wc.blocksComponents,O=window.wc.wcTypes,P=window.wp.url,A=(0,i.getSettingWithCoercion)("isRenderingPhpTemplate",!1,O.isBoolean);function C(e){if(A){const t=new URL(e);t.pathname=t.pathname.replace(/\/page\/[0-9]+/i,""),t.searchParams.delete("paged"),t.searchParams.forEach(((e,r)=>{r.match(/^query(?:-[0-9]+)?-page$/)&&t.searchParams.delete(r)})),window.location.href=t.href}else window.history.replaceState({},"",e)}r(9300);const N=({children:e})=>(0,p.jsx)("div",{className:"wc-block-filter-title-placeholder",children:e});r(4756);const R=(0,i.getSetting)("attributes",[]).reduce(((e,t)=>{const r=(o=t)&&o.attribute_name?{id:parseInt(o.attribute_id,10),name:o.attribute_name,taxonomy:"pa_"+o.attribute_name,label:o.attribute_label,orderby:o.attribute_orderby}:null;var o;return r&&r.id&&e.push(r),e}),[]),L=window.wc.priceFormat;var T=r(4530),B=r(1924);const F=JSON.parse('{"uK":{"O":{"A":"list"},"F":{"A":3}}}'),M=(e,t)=>Number.isFinite(e)&&Number.isFinite(t)?(0,s.sprintf)(/* translators: %1$s min price, %2$s max price */ /* translators: %1$s min price, %2$s max price */
(0,s.__)("Between %1$s and %2$s","woocommerce"),(0,L.formatPrice)(e),(0,L.formatPrice)(t)):Number.isFinite(e)?(0,s.sprintf)(/* translators: %s min price */ /* translators: %s min price */
(0,s.__)("From %s","woocommerce"),(0,L.formatPrice)(e)):(0,s.sprintf)(/* translators: %s max price */ /* translators: %s max price */
(0,s.__)("Up to %s","woocommerce"),(0,L.formatPrice)(t)),Q=({type:e,name:t,prefix:r="",removeCallback:o=()=>null,showLabel:i=!0,displayStyle:n})=>{const l=r?(0,p.jsxs)(p.Fragment,{children:[r," ",t]}):t,a=(0,s.sprintf)(/* translators: 1: filter type, 2: attribute value used in the filter. For example: Remove Size Large filter. */ /* translators: 1: filter type, 2: attribute value used in the filter. For example: Remove Size Large filter. */
(0,s.__)("Remove %1$s %2$s filter","woocommerce"),e,t);return(0,p.jsxs)("li",{className:"wc-block-active-filters__list-item",children:[i&&(0,p.jsx)("span",{className:"wc-block-active-filters__list-item-type",children:e+": "}),"chips"===n?(0,p.jsx)(E.RemovableChip,{element:"span",text:l,onRemove:o,radius:"large",ariaLabel:a}):(0,p.jsxs)("span",{className:"wc-block-active-filters__list-item-name",children:[(0,p.jsxs)("button",{className:"wc-block-active-filters__list-item-remove",onClick:o,children:[(0,p.jsx)(T.A,{className:"wc-block-components-chip__remove-icon",icon:B.A,size:16}),(0,p.jsx)(E.Label,{screenReaderLabel:a})]}),l]})]},e+":"+t)},$=(...e)=>{if(!window)return;const t=window.location.href,r=(0,P.getQueryArgs)(t),o=(0,P.removeQueryArgs)(t,...Object.keys(r));e.forEach((e=>{if("string"==typeof e)return delete r[e];if("object"==typeof e){const t=Object.keys(e)[0],o=r[t].toString().split(",");r[t]=o.filter((r=>r!==e[t])).join(",")}}));const s=Object.fromEntries(Object.entries(r).filter((([,e])=>e)));C((0,P.addQueryArgs)(o,s))},G=["min_price","max_price","rating_filter","filter_","query_type_"],U=e=>{let t=!1;for(let r=0;G.length>r;r++){const o=G[r];if(o===e.substring(0,o.length)){t=!0;break}}return t};function q(e){const t=(0,o.useRef)(e);return k()(e,t.current)||(t.current=e),t.current}const K=window.wp.htmlEntities;var W=r(9456);const Y=({attributeObject:e,slugs:t=[],operator:r="in",displayStyle:n,isLoadingCallback:l})=>{const{results:a,isLoading:c}=(e=>{const{namespace:t,resourceName:r,resourceValues:s=[],query:i={},shouldSelect:n=!0}=e;if(!t||!r)throw new Error("The options object must have valid values for the namespace and the resource properties.");const l=(0,o.useRef)({results:[],isLoading:!0}),a=q(i),c=q(s),u=(()=>{const[,e]=(0,o.useState)();return(0,o.useCallback)((t=>{e((()=>{throw t}))}),[])})(),d=(0,_.useSelect)((e=>{if(!n)return null;const o=e(y.COLLECTIONS_STORE_KEY),s=[t,r,a,c],i=o.getCollectionError(...s);if(i){if(!(0,O.isError)(i))throw new Error("TypeError: `error` object is not an instance of Error constructor");u(i)}return{results:o.getCollection(...s),isLoading:!o.hasFinishedResolution("getCollection",s)}}),[t,r,c,a,n,u]);return null!==d&&(l.current=d),l.current})({namespace:"/wc/store/v1",resourceName:"products/attributes/terms",resourceValues:[e.id]}),[u,d]=x("attributes",[]);if((0,o.useEffect)((()=>{l(c)}),[c,l]),!Array.isArray(a)||!(0,O.isAttributeTermCollection)(a)||!(0,O.isAttributeQueryCollection)(u))return null;const m=e.label,g=(0,i.getSettingWithCoercion)("isRenderingPhpTemplate",!1,O.isBoolean);return(0,p.jsxs)("li",{children:[(0,p.jsxs)("span",{className:"wc-block-active-filters__list-item-type",children:[m,":"]}),(0,p.jsx)("ul",{children:t.map(((t,o)=>{const i=a.find((e=>e.slug===t));if(!i)return null;let l="";return o>0&&"and"===r&&(l=(0,p.jsx)("span",{className:"wc-block-active-filters__list-item-operator",children:(0,s.__)("All","woocommerce")})),Q({type:m,name:(0,K.decodeEntities)(i.name||t),prefix:l,isLoading:c,removeCallback:()=>{const r=u.find((({attribute:t})=>t===`pa_${e.name}`));1===r?.slug.length?$(`query_type_${e.name}`,`filter_${e.name}`):$({[`filter_${e.name}`]:t}),g||((e=[],t,r,o="")=>{const s=e.filter((e=>e.attribute===r.taxonomy)),i=s.length?s[0]:null;if(!(i&&i.slug&&Array.isArray(i.slug)&&i.slug.includes(o)))return;const n=i.slug.filter((e=>e!==o)),l=e.filter((e=>e.attribute!==r.taxonomy));n.length>0&&(i.slug=n.sort(),l.push(i)),t((0,W.di)(l).asc("attribute"))})(u,d,e,t)},showLabel:!1,displayStyle:n})}))})]})},D=({displayStyle:e,isLoading:t})=>t?(0,p.jsx)(p.Fragment,{children:[...Array("list"===e?2:3)].map(((t,r)=>(0,p.jsx)("li",{className:"list"===e?"show-loading-state-list":"show-loading-state-chips",children:(0,p.jsx)("span",{className:"show-loading-state__inner"})},r)))}):null,J=(0,o.createContext)({});(e=>{const t=Array.from(document.body.querySelectorAll(h.join(","))),{Block:r,getProps:o,getErrorBoundaryProps:s,selector:i,options:n={multiple:!0}}=e,l=(({Block:e,getProps:t,getErrorBoundaryProps:r,selector:o,wrappers:s,options:i})=>{let n=Array.from(document.body.querySelectorAll(o));return s&&s.length>0&&(n=n.filter((e=>!((e,t)=>t.some((t=>t.contains(e)&&!t.isSameNode(e))))(e,s)))),!1===i?.multiple&&(n=n.slice(0,1)),f({Block:e,containers:n,getProps:t,getErrorBoundaryProps:r})})({Block:r,getProps:o,getErrorBoundaryProps:s,selector:i,options:n,wrappers:t});t.forEach((t=>{t.addEventListener("wc-blocks_render_blocks_frontend",(()=>{(({Block:e,getProps:t,getErrorBoundaryProps:r,selector:o,wrapper:s,options:i})=>{let n=Array.from(s.querySelectorAll(o));!1===i?.multiple&&(n=n.slice(0,1)),f({Block:e,containers:n,getProps:t,getErrorBoundaryProps:r})})({...e,wrapper:t})}))}))})({selector:".wp-block-woocommerce-active-filters:not(.wp-block-woocommerce-filter-wrapper .wp-block-woocommerce-active-filters)",Block:({attributes:e,isEditor:t=!1})=>{const r=(()=>{const{wrapper:e}=(0,o.useContext)(J);return t=>{e&&e.current&&(e.current.hidden=!t)}})(),n=function(){const e=(0,o.useRef)(!1);return(0,o.useEffect)((()=>(e.current=!0,()=>{e.current=!1})),[]),(0,o.useCallback)((()=>e.current),[])}()(),l=(0,i.getSettingWithCoercion)("isRenderingPhpTemplate",!1,O.isBoolean),[a,c]=(0,o.useState)(!0),u=(()=>{if(!window)return!1;const e=window.location.href,t=(0,P.getQueryArgs)(e),r=Object.keys(t);let o=!1;for(let e=0;r.length>e;e++){const t=r[e];if(U(t)){o=!0;break}}return o})()&&!t&&a,[d,m]=x("attributes",[]),[g,w]=x("stock_status",[]),[h,b]=x("min_price"),[f,y]=x("max_price"),[_,S]=x("rating"),k=(0,i.getSetting)("stockStatusOptions",[]),v=(0,i.getSetting)("attributes",[]),A=(0,o.useMemo)((()=>{if(u||0===g.length||!(0,O.isStockStatusQueryCollection)(g)||!(0,O.isStockStatusOptions)(k))return null;const t=(0,s.__)("Stock Status","woocommerce");return(0,p.jsxs)("li",{children:[(0,p.jsxs)("span",{className:"wc-block-active-filters__list-item-type",children:[t,":"]}),(0,p.jsx)("ul",{children:g.map((r=>Q({type:t,name:k[r],removeCallback:()=>{if($({filter_stock_status:r}),!l){const e=g.filter((e=>e!==r));w(e)}},showLabel:!1,displayStyle:e.displayStyle})))})]})}),[u,k,g,w,e.displayStyle,l]),L=(0,o.useMemo)((()=>u||!Number.isFinite(h)&&!Number.isFinite(f)?null:Q({type:(0,s.__)("Price","woocommerce"),name:M(h,f),removeCallback:()=>{$("max_price","min_price"),l||(b(void 0),y(void 0))},displayStyle:e.displayStyle})),[u,h,f,e.displayStyle,b,y,l]),T=(0,o.useMemo)((()=>!(0,O.isAttributeQueryCollection)(d)&&n||!d.length&&!(e=>{if(!window)return!1;const t=e.map((e=>`filter_${e.attribute_name}`)),r=window.location.href,o=(0,P.getQueryArgs)(r),s=Object.keys(o);let i=!1;for(let e=0;s.length>e;e++){const r=s[e];if(t.includes(r)){i=!0;break}}return i})(v)?(a&&c(!1),null):d.map((t=>{const r=(e=>{if(e)return R.find((t=>t.taxonomy===e))})(t.attribute);return r?(0,p.jsx)(Y,{attributeObject:r,displayStyle:e.displayStyle,slugs:t.slug,operator:t.operator,isLoadingCallback:c},t.attribute):(a&&c(!1),null)}))),[d,n,v,a,e.displayStyle]);(0,o.useEffect)((()=>{if(!l)return;if(_.length&&_.length>0)return;const e=(window?(0,P.getQueryArg)(window.location.href,"rating_filter"):null)?.toString();e&&S(e.split(","))}),[l,_,S]);const B=(0,o.useMemo)((()=>{if(u||0===_.length||!(0,O.isRatingQueryCollection)(_))return null;const t=(0,s.__)("Rating","woocommerce");return(0,p.jsxs)("li",{children:[(0,p.jsxs)("span",{className:"wc-block-active-filters__list-item-type",children:[t,":"]}),(0,p.jsx)("ul",{children:_.map((r=>Q({type:t,name:(0,s.sprintf)(/* translators: %s is referring to the average rating value */ /* translators: %s is referring to the average rating value */
(0,s.__)("Rated %s out of 5","woocommerce"),r),removeCallback:()=>{if($({rating_filter:r}),!l){const e=_.filter((e=>e!==r));S(e)}},showLabel:!1,displayStyle:e.displayStyle})))})]})}),[u,_,S,e.displayStyle,l]);if(!u&&!(d.length>0||g.length>0||_.length>0||Number.isFinite(h)||Number.isFinite(f))&&!t)return r(!1),null;const F=`h${e.headingLevel}`,G=(0,p.jsx)(F,{className:"wc-block-active-filters__title",children:e.heading}),q=u?(0,p.jsx)(N,{children:G}):G;if(!(0,i.getSettingWithCoercion)("hasFilterableProducts",!1,O.isBoolean))return r(!1),null;r(!0);const K=(0,j.A)("wc-block-active-filters__list",{"wc-block-active-filters__list--chips":"chips"===e.displayStyle,"wc-block-active-filters--loading":u});return(0,p.jsxs)(p.Fragment,{children:[!t&&e.heading&&q,(0,p.jsxs)("div",{className:"wc-block-active-filters",children:[(0,p.jsx)("ul",{className:K,children:t?(0,p.jsxs)(p.Fragment,{children:[Q({type:(0,s.__)("Size","woocommerce"),name:(0,s.__)("Small","woocommerce"),displayStyle:e.displayStyle}),Q({type:(0,s.__)("Color","woocommerce"),name:(0,s.__)("Blue","woocommerce"),displayStyle:e.displayStyle})]}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(D,{isLoading:u,displayStyle:e.displayStyle}),L,A,T,B]})}),u?(0,p.jsx)("span",{className:"wc-block-active-filters__clear-all-placeholder"}):(0,p.jsx)("button",{className:"wc-block-active-filters__clear-all",onClick:()=>{(()=>{if(!window)return;const e=window.location.href,t=(0,P.getQueryArgs)(e),r=(0,P.removeQueryArgs)(e,...Object.keys(t)),o=Object.fromEntries(Object.keys(t).filter((e=>!U(e))).map((e=>[e,t[e]])));C((0,P.addQueryArgs)(r,o))})(),l||(b(void 0),y(void 0),m([]),w([]),S([]))},children:(0,p.jsx)(E.Label,{label:(0,s.__)("Clear All","woocommerce"),screenReaderLabel:(0,s.__)("Clear All Filters","woocommerce")})})]})]})},getProps:e=>{return{attributes:(t=e.dataset,{heading:(0,O.isString)(t?.heading)?t.heading:"",headingLevel:(0,O.isString)(t?.headingLevel)&&parseInt(t.headingLevel,10)||F.uK.F.A,displayStyle:(0,O.isString)(t?.displayStyle)&&t.displayStyle||F.uK.O.A}),isEditor:!1};var t}})},5893:()=>{},9300:()=>{},4756:()=>{},1609:e=>{"use strict";e.exports=window.React},790:e=>{"use strict";e.exports=window.ReactJSXRuntime},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 i(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return o[e].call(r.exports,r,r.exports,i),r.exports}i.m=o,e=[],i.O=(t,r,o,s)=>{if(!r){var n=1/0;for(u=0;u<e.length;u++){for(var[r,o,s]=e[u],l=!0,a=0;a<r.length;a++)(!1&s||n>=s)&&Object.keys(i.O).every((e=>i.O[e](r[a])))?r.splice(a--,1):(l=!1,s<n&&(n=s));if(l){e.splice(u--,1);var c=o();void 0!==c&&(t=c)}}return t}s=s||0;for(var u=e.length;u>0&&e[u-1][2]>s;u--)e[u]=e[u-1];e[u]=[r,o,s]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,i.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);i.r(s);var n={};t=t||[null,r({}),r([]),r(r)];for(var l=2&o&&e;"object"==typeof l&&!~t.indexOf(l);l=r(l))Object.getOwnPropertyNames(l).forEach((t=>n[t]=()=>e[t]));return n.default=()=>e,i.d(s,n),s},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=507,(()=>{var e={507:0};i.O.j=t=>0===e[t];var t=(t,r)=>{var o,s,[n,l,a]=r,c=0;if(n.some((t=>0!==e[t]))){for(o in l)i.o(l,o)&&(i.m[o]=l[o]);if(a)var u=a(i)}for(t&&t(r);c<n.length;c++)s=n[c],i.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return i.O(u)},r=globalThis.webpackChunkwebpackWcBlocksFrontendJsonp=globalThis.webpackChunkwebpackWcBlocksFrontendJsonp||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var n=i.O(void 0,[763],(()=>i(3444)));n=i.O(n),(wc=void 0===wc?{}:wc)["active-filters"]=n})();

MR SKB