https://www.bigcommerce.es/_next/static/chunks/1350.376c69583de59ae2.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="1c9bde55-89d5-4849-8fac-84b5cb44b7c0",e._sentryDebugIdIdentifier="sentry-dbid-1c9bde55-89d5-4849-8fac-84b5cb44b7c0")}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1350],{22029:(e,l,t)=>{t.d(l,{W:()=>s,P:()=>n});var a=t(3710),r=t(18105);let s=e=>{let{children:l,showMenu:t,showRef:s,title:n}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:(0,r.A)(t?"translate-x-0 z-30":"-translate-x-full","w-full max-w-[600px] mr-6 absolute top-0 left-0 lg:relative lg:translate-x-0 transition-all"),children:(0,a.jsxs)("div",{className:"z-30 w-4/5 lg:w-full h-screen lg:h-full p-6 lg:p-1 bg-white lg:bg-transparent overflow-y-auto",ref:s,children:[n&&(0,a.jsx)("h1",{className:"text-bc-black text-[24px] font-[400] mb-6",children:n}),l]})}),(0,a.jsx)("div",{className:(0,r.A)(t?"block":"hidden","opacity-50 z-20 top-0 w-full lg:hidden h-screen bg-bc-black absolute right-0 transition-all")})]})};t(86190);let n=e=>{let{title:l,children:t,collapsible:r,defaultOpen:s=!0}=e;return r?(0,a.jsxs)("details",{"data-testid":"Filter-".concat(l),className:"group text-gray-500 py-6 border-t border-t-gray-1000",open:s,children:[(0,a.jsxs)("summary",{className:"text-bc-black text-xs font-medium uppercase mb-3 cursor-pointer list-none flex items-center justify-between",children:[l,(0,a.jsx)("span",{className:"transition-transform group-open:rotate-180",children:"▾"})]}),t]}):(0,a.jsxs)("div",{"data-testid":"Filter-".concat(l),className:"text-gray-500 py-6 border-t border-t-gray-1000",children:[(0,a.jsx)("h2",{className:"text-bc-black text-xs font-medium uppercase mb-3",children:l}),t]})}},42517:(e,l,t)=>{t.d(l,{K:()=>a});async function a(){try{let e=await fetch("/api/algolia/marketplace/apps/all-facets/");return await e.json()}catch(e){return console.error("Error with getAllAppAlgoliaFacets",e),null}}},61511:(e,l,t)=>{function a(e){for(var l=[],t=1;t<arguments.length;t++)l[t-1]=arguments[t];e&&e.addEventListener&&e.addEventListener.apply(e,l)}function r(e){for(var l=[],t=1;t<arguments.length;t++)l[t-1]=arguments[t];e&&e.removeEventListener&&e.removeEventListener.apply(e,l)}t.d(l,{AU:()=>r,Bd:()=>s,on:()=>a});var s=!0},67517:(e,l,t)=>{t.d(l,{E:()=>n});var a=t(3710),r=t(18105),s=t(79820);let n=e=>{let{rating:l,className:t=""}=e,n=Math.round(l);return n<0||n>5?null:(0,a.jsxs)("div",{className:(0,r.A)("flex items-center",t),children:[[...Array(n)].map((e,l)=>(0,a.jsx)("span",{className:"text-yellow-400 inline-block mr-[1px]",children:(0,a.jsx)(s.A,{})},"Filled star ".concat(l," "))),[...Array(5-n)].map((e,l)=>(0,a.jsx)("span",{className:"text-gray-900 inline-block mr-[1px]",children:(0,a.jsx)(s.A,{})},"Unfilled stars ".concat(l)))]})}},87004:(e,l,t)=>{t.d(l,{f:()=>a});function a(e){return e.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}},89129:(e,l,t)=>{t.d(l,{A:()=>n});var a=t(86190),r=t(61511),s=["mousedown","touchstart"];let n=function(e,l,t){void 0===t&&(t=s);var n=(0,a.useRef)(l);(0,a.useEffect)(function(){n.current=l},[l]),(0,a.useEffect)(function(){for(var l=function(l){var t=e.current;t&&!t.contains(l.target)&&n.current(l)},a=0,s=t;a<s.length;a++){var i=s[a];(0,r.on)(document,i,l)}return function(){for(var e=0,a=t;e<a.length;e++){var s=a[e];(0,r.AU)(document,s,l)}}},[t,e])}},91350:(e,l,t)=>{t.r(l),t.d(l,{AppSidebar:()=>N});var a=t(3710),r=t(86190),s=t(23636),n=t.n(s),i=t(54429),c=t(18105),o=t(89129),d=t(18540),u=t(45563);let p=e=>{let{className:l=""}=e;return(0,a.jsx)("svg",{width:11,height:7,viewBox:"0 0 11 7",xmlns:"http://www.w3.org/2000/svg",className:l,children:(0,a.jsx)("path",{d:"M0.158662 6.11502L5.45919 0.344417L10.9997 5.88497L0.158662 6.11502Z",fill:"currentColor"})})};var m=t(87004),h=t(68047),f=t(22029),x=t(67517),g=t(83357),b=t(42517);let y="border-b-2 border-b-bc-blue",j=[{label:"Featured",value:"featured"},{label:"Popular",value:"popular"},{label:"Newest",value:"newest"}],v=["All",4,3,2];function N(e){var l,t,s,N;let{className:w}=e,{query:A,push:k}=(0,i.useRouter)(),{data:C}=(0,d.Ay)((0,u.ii)("appAlgoliaFacets"),()=>(0,b.K)()),{totalCount:P,parentCategoriesWithAppCount:E,childCategoriesWithAppCount:I}=(0,g.iP)(),{appTypeFilter:F,compatibleWithFilter:L,costPlansFilter:S,ratingFilter:_,sortFilter:q,tierFilter:z}=(0,g.qd)(),{parentCategory:M,childCategory:R}=(0,g.Je)(),T=(0,r.useRef)(null),[D,U]=(0,r.useState)(!1),[B,W]=(0,r.useState)(!0);function K(e){k({query:{...A,...e,page:[]}},void 0,{shallow:!0})}return(0,o.A)(T,()=>U(!1)),(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)("div",{className:(0,

1c.A)(D&&"fixed inset-0 top-0 z-30",w),children:(0,a.jsxs)(f.W,{title:(null==R?void 0:R.title)||(null==M?void 0:M.title)||"All Categories",showMenu:D,showRef:T,children:[(0,a.jsxs)("div",{className:"py-6 border-t border-t-gray-1000",children:[(0,a.jsx)("h2",{className:"text-bc-black text-xs font-medium uppercase mb-3",children:"Subcategory"}),(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{className:"text-gray-500 my-3 cursor-pointer",children:(0,a.jsxs)(n(),{href:{href:"/apps/categories/",query:{...A,slug:[],page:[]}},className:(0,c.A)(!M&&y),children:["All Categories (",P,")"]})}),!M&&!R&&E.map((e,l)=>{let{name:t,slug:r,count:s}=e;return(0,a.jsx)("li",{className:"text-gray-500 my-3",children:(0,a.jsxs)(n(),{href:{href:"/apps/categories/".concat(r,"/"),query:{...A,slug:r,page:[]}},children:[t," (",s,")"]})},l)}),M&&(0,a.jsx)("li",{className:"text-gray-500 my-3 relative",children:(0,a.jsxs)("div",{className:(0,c.A)("flex items-center justify-between relative",!R&&y),children:[(0,a.jsx)(n(),{href:{href:"/apps/categories/".concat(M.slug,"/"),query:{...A,slug:M.slug,page:[]}},className:"absolute inset-0"}),M.title," (".concat(null!=(N=null==(l=E.find(e=>{let{slug:l}=e;return l===M.slug}))?void 0:l.count)?N:0,")"),(0,a.jsxs)("button",{className:"p-1 translate-x-1 relative z-10",onClick:()=>W(e=>!e),children:[(0,a.jsx)(p,{className:(0,c.A)("text-gray-700 transform transition-all",B?"rotate-0":"rotate-180")}),(0,a.jsx)("span",{className:"sr-only",children:B?"close child categories":"open child categories"})]})]})}),M&&(0,a.jsx)("ul",{className:(0,c.A)("mt-4 pl-4 border-l-[3px] border-l-gray-1000",!B&&"hidden"),children:I.filter(e=>e.parentCategory.slug===M.slug).map((e,l)=>{let t=e.childCategory.slug,r=e.childCategory.name;return t&&r?(0,a.jsx)("li",{className:(0,c.A)("text-gray-500 my-3",(null==R?void 0:R.slug)===t&&y),children:(0,a.jsxs)(n(),{href:{href:"/apps/categories/".concat(M.slug,"/").concat(t,"/"),query:{...A,slug:[M.slug,t],page:[]}},children:[r," (",e.count,")"]})},l):null})})]})]}),(0,a.jsx)(f.P,{title:"Sort by",children:j.map(e=>(0,a.jsxs)("label",{className:"flex items-center my-2 cursor-pointer",children:[(0,a.jsx)("input",{type:"radio",name:"sort",className:"radioInput",checked:q===e.value,onChange:()=>{K({sort:"featured"===e.value?[]:e.value})}}),e.label]},e.value))}),(0,a.jsx)(f.P,{title:"Price",children:["All","Free","Paid"].map((e,l,t)=>(0,a.jsxs)("label",{className:"flex items-center my-2 cursor-pointer",children:[(0,a.jsx)("input",{type:"radio",name:"price",className:"radioInput",checked:"All"===e?"all"===(0,m.f)(S)||!t.includes((0,h.S)(S)):(0,m.f)(S)===e.toLowerCase(),onChange:()=>{K({costPlans:"All"===e?[]:(0,m.f)(e)})}}),e]},e))}),(0,a.jsx)(f.P,{title:"Rating",children:v.map((e,l,t)=>(0,a.jsxs)("label",{className:"flex items-center my-2 cursor-pointer",children:[(0,a.jsx)("input",{type:"radio",name:"rating",className:"radioInput",checked:"All"===e?"all"===(0,m.f)(_)||!t.includes(parseInt(_)):(0,m.f)(_)===e.toString(),onChange:()=>K({"min-rating":"All"===e?[]:(0,m.f)(e.toString())})}),"number"==typeof e?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(x.E,{rating:e}),(0,a.jsxs)("span",{className:"sr-only",children:[e," stars"]})," and up"]}):(0,a.jsx)(a.Fragment,{children:e})]},e))}),(0,a.jsx)(f.P,{title:"Partner Tiers",children:null==C||null==(t=C.tiers)?void 0:t.map((e,l,t)=>e?(0,a.jsxs)("label",{className:"flex items-center my-2 cursor-pointer",children:[(0,a.jsx)("input",{type:"radio",name:"partner tier",className:"radioInput",checked:"All"===e?"all"===(0,m.f)(z)||t.every(e=>z!==(0,m.f)(e)):(0,m.f)(z)===(0,m.f)(e),onChange:()=>K({tier:"All"===e?[]:(0,m.f)(e)})}),e]},l):null)}),(0,a.jsx)(f.P,{title:"Type",children:null==C||null==(s=C.appTypes)?void 0:s.map((e,l,t)=>e?(0,a.jsxs)("label",{className:"flex items-center my-2 cursor-pointer",children:[(0,a.jsx)("input",{type:"radio",name:"type",className:"radioInput",checked:"All"===e?"all"===(0,m.f)(F)||t.every(e=>F!==(0,m.f)(e)):(0,m.f)(F)===(0,m.f)(e),onChange:()=>K({type:"All"===e?[]:(0,m.f)(e)})}),e]},l):null)}),(0,a.jsx)(f.P,{title:"Compatible with",children:["Catalyst","Multi Storefront","Multi Location","Unified Billing"].map(e=>(0,a.jsxs)("label",{className:"flex items-center my-2 cursor-pointer",children:[(0,a.jsx)("input",{type:"checkbox",name:"choice",className:"radioInput",checked:L===(0,m.f)(e),onChange:()=>K({compatibleWith:L===(0,m.f)(e)?[]:(0,m.f)(e)})}),e]},e))})]})})})}}}]);
2//# sourceMappingURL=1350.376c69583de59ae2.js.map