https://vocal.media/_next/static/chunks/3scfy1cc69l9g.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,9652,e=>{e.v(t=>Promise.all(["static/chunks/39c45rbjwkddy.js"].map(t=>e.l(t))).then(()=>t(10683)))},44459,e=>{e.v(t=>Promise.all(["static/chunks/1gs45qx-gsjru.js"].map(t=>e.l(t))).then(()=>t(50262)))},33067,47702,e=>{"use strict";var t=e.i(1234),i=e.i(14577),l=e.i(82290);let r={small:{height:"medium",paddingX:"medium",typography:"small"},medium:{height:"large",paddingX:"large",typography:"medium"},large:{height:"xlarge",paddingX:"large",typography:"large"}};e.s(["Chip",0,function({as:e="button",children:s,isSelected:n,size:a="small",ref:o,...u}){return(0,t.jsx)(i.Flex,{alignItems:"center",as:e,backgroundColor:n?"black":"white",borderColor:n?"transparent":"dimmest",borderStyle:"solid",borderWidth:"small",css:{...n?{}:{"&:hover, &:focus":{borderColor:"currentColor"}}},display:"inline-flex",displayName:"Chip",height:r[a].height,paddingX:r[a].paddingX,radius:"small",ref:o,whiteSpace:"nowrap",..."button"===e?{"aria-pressed":n}:{"aria-current":n},...u,children:(0,t.jsx)(l.Text,{typography:r[a].typography,children:s})})}],33067);var s=e.i(99161),n=e.i(27441);function a({isVisible:e,location:i,...l}){let r="start"===i?"left":"right";return(0,t.jsx)(n.Box,{bottom:"0",css:{[r]:0,pointerEvents:"none",transition:"opacity 200ms"},opacity:+!!e,position:"absolute",top:"0",width:"xxsmall",zIndex:"level1",...l,children:(0,t.jsx)(n.Box,{bottom:"0",css:{[r]:0,background:`linear-gradient(to ${r}, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1))`},position:"absolute",top:"0",width:"xxsmall"})})}e.s(["ScrollMask",0,function({children:e,ref:l,...r}){let[o,u]=(0,s.useState)("none"),d=(0,s.useRef)(null),c=(0,s.useRef)(null);(0,s.useEffect)(()=>{let e=d.current,t=c.current;if(e&&t){let i=()=>{let{clientWidth:t,scrollWidth:i,scrollLeft:l}=e;t===i?u("none"):l<=0?u("start"):l>=i-t?u("end"):u("between")},l=new ResizeObserver(()=>{i()});return l.observe(t),i(),e.addEventListener("scroll",i,{passive:!0}),()=>{e.removeEventListener("scroll",i),l.disconnect()}}},[]);let h=["between","end"].includes(o),p=["between","start"].includes(o);return(0,t.jsxs)(n.Box,{overflow:"hidden",position:"relative",ref:l,...r,children:[(0,t.jsx)(a,{isVisible:h,location:"start"}),(0,t.jsx)(i.Flex,{css:{overflowX:"auto"},ref:d,children:(0,t.jsx)(n.Box,{ref:c,children:e})}),(0,t.jsx)(a,{isVisible:p,location:"end"})]})}],47702)},87302,e=>{"use strict";var t=e.i(1234),i=e.i(33950),l=e.i(25706),r=e.i(88626),s=e.i(99060),n=e.i(99161);let a=e=>t=>t[e],o=a("label"),u=a("value");var d=e.i(3111),c=e.i(81862),h=e.i(66325),p=e.i(27441),m=e.i(33067),g=e.i(14577),x=e.i(47702);function f({activeFilter:e,filters:i,getFilterLabel:l=o,getFilterValue:r=u,onFilterChange:s,ref:a,...b}){let v=(0,n.useRef)(null),y=(0,n.useRef)(null),j=(0,c.useMergeRefs)(y,a),w=(0,d.useIsFirstRender)(),C=(0,h.useScrollTo)({elementRef:v,scrollerRef:y});return(0,n.useEffect)(()=>{C({behavior:w?"auto":"smooth"})},[v.current]),(0,t.jsx)(x.ScrollMask,{...b,ref:j,children:(0,t.jsx)(g.Flex,{as:"ul",columnGap:"small",flexDirection:"row",paddingBottom:"xsmall",children:i.map((i,n)=>{let a=!!e&&r(i)===r(e);return(0,t.jsx)(p.Box,{children:(0,t.jsx)(m.Chip,{isSelected:a,onClick:()=>s(i),ref:a?v:void 0,children:l(i)||""})},n)})})})}var b=e.i(49496),v=e.i(60563),y=e.i(9989),j=e.i(56552);let w={id:"",label:"All",value:"all"},C="Communities";e.s(["__N_SSP",0,!0,"default",0,function({filters:e}){let a=(0,y.useRouter)(),o=(0,j.normalizeQueryParam)(a.query.interest),[u,d]=(0,n.useState)(()=>e.find(e=>e.value===o)||w);return(0,t.jsx)(i.default,{hasWhiteBackground:!0,title:C,children:(0,t.jsxs)(s.Container,{as:"main",size:"xlarge",children:[(0,t.jsx)(r.PageTitle,{content:"Explore communities powered by creators sharing stories about your interests and passions.",title:C}),(0,t.jsxs)(v.Stack,{gap:"xlarge",children:[(0,t.jsx)(b.Heading,{level:"2",visuallyHidden:!0,children:"Filter by interest"}),(0,t.jsx)(f,{activeFilter:u,filters:e,onFilterChange:e=>{if("string"!=typeof e.id||"string"!=typeof e.value||"string"!=typeof e.label)return;let t={id:e.id,label:e.label,value:e.value};d(t),a.replace({pathname:a.pathname,query:{...a.query,interest:t.value||w.value}},void 0,{scroll:!1,shallow:!0})}}),(0,t.jsx)(l.CommunityList,{headingLevel:"h3",interestId:u.id,showDetail

1s:!0})]})]})})}],87302)},40863,(e,t,i)=>{let l="/communities";(window.__NEXT_P=window.__NEXT_P||[]).push([l,()=>e.r(87302)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push([l])})}]);