https://static.wbur.org/app/prod/_next/static/chunks/1062.628c157721bddc11.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1062],{6780:function(e,l,t){"use strict";t.d(l,{Z:function(){return s}});var a=t(5893),n=t(3519),i=t(3683);let r=e=>{let{linkLabel:l="",linkUrl:t}=e;return(0,a.jsxs)(n.default,{href:t,className:"zone-link",children:[(0,a.jsx)("span",{className:"zone-link-label",children:(null==l?void 0:l.length)?l:"More"}),(0,a.jsx)("i",{className:"zone-link-action",children:(0,a.jsx)(i.Z,{name:"arrow-right"})})]})},o=e=>{let{label:l,linkUrl:t}=e;return t?(0,a.jsx)("h2",{className:"zone-hdr",children:(0,a.jsx)(n.default,{href:t,className:"zone-hdr-link",children:l})}):(0,a.jsx)("h2",{className:"zone-hdr",children:(0,a.jsx)("span",{className:"zone-hdr-inner",children:l})})},c=e=>{let{label:l,linkUrl:t,linkLabel:n}=e;return(0,a.jsx)("header",{className:"zone",id:"zone",children:(0,a.jsxs)("div",{className:"zone-inner",children:[l?(0,a.jsx)(o,{label:l,linkUrl:t}):null,t?(0,a.jsx)(r,{linkUrl:t,linkLabel:n}):null]})})};var s=c},1062:function(e,l,t){"use strict";t.r(l),t.d(l,{default:function(){return p}});var a=t(5893),n=t(7294),i=t(5591),r=t(3372),o=t(1187),c=t(8420),s=t(6780),d=t(8553),u=t.n(d),v=t(7733),m=t.n(v);let _=e=>{let{videoId:l,title:t,onClose:i}=e,r=e=>{"Escape"===e.key&&i()};(0,n.useEffect)(()=>(document.body.style.overflow="hidden",document.addEventListener("keydown",r),()=>{document.body.style.overflow="",document.removeEventListener("keydown",r)}),[]);let o=window.matchMedia("(pointer:coarse)").matches?1:0;return(0,a.jsxs)("div",{className:m().modal,"aria-modal":"true",children:[(0,a.jsxs)("button",{className:m().close,onClick:i,children:[(0,a.jsx)("span",{className:"sr-only",children:"Close video"}),(0,a.jsx)("span",{"aria-hidden":"true",children:"\xd7"})]}),(0,a.jsx)("div",{className:m()["modal-wrapper"],children:(0,a.jsx)("div",{className:m().video,children:(0,a.jsx)("iframe",{src:"https://www.youtube.com/embed/".concat(l,"?rel=0&showinfo=0&autoplay=1&mute=").concat(o,"&controls=1&origin=").concat(window.location.origin),title:t||"WBUR YouTube Short",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}),(0,a.jsx)("div",{className:m().overlay,onClick:i,"aria-hidden":"true"})]})},h=e=>{var l;let{sectionLabel:t,sectionURL:d,linkLabel:v,meta:m}=e;if(!(null==m?void 0:m.videocarousel))return null;let h=(0,n.useRef)(null),[p,x]=(0,n.useState)(!1),[f,j]=(0,n.useState)(!1),[b,w]=(0,n.useState)(null),y=async()=>{var e;let l=await fetch("".concat(r.T5,"/videos/").concat(null==m?void 0:null===(e=m.videocarousel)||void 0===e?void 0:e.ytPlaylistID));if(!l.ok)throw Error("Error fetching videos from API");let t=await l.json();return t.body},{data:g,error:N}=(0,i.ZP)("verticalvideos",y,{revalidateOnFocus:!0}),k=()=>{if(!h.current)return;let{scrollLeft:e,scrollWidth:l,clientWidth:t}=h.current;x(e>0),j(e+t<l-20)};(0,n.useEffect)(()=>{let e=h.current;if(e)return k(),e.addEventListener("scroll",k),()=>{e.removeEventListener("scroll",k)}},[g,k]);let V=e=>{if(!h.current)return;let l=h.current;l.scrollBy({left:e*(l.clientWidth||0),behavior:"smooth"})},C=(0,n.useCallback)(e=>{w(e.id),M(e)},[]),E=()=>{w(null)},z=(0,n.useCallback)((e,l)=>{"Enter"===e.key&&(e.preventDefault(),w(l.id),M(l))},[]),M=e=>{(0,o.D)({event:"engagement",engagement_type:"video",engagement_name:"verticalvideocarousel",engagement_action:"click",engagement_url:e.url,engagement_title:e.title})};return(null==g?void 0:g.length)&&!N?(0,a.jsxs)(c.default,{id:null==m?void 0:m.fragment,children:[t?(0,a.jsx)(s.Z,{linkUrl:d,linkLabel:v,label:t}):null,(0,a.jsxs)("div",{className:u()["carousel-container"],children:[(0,a.jsx)("button",{className:"\n            ".concat(u()["navigation-arrow"],"\n            ").concat(u().left,"\n            ").concat(p?u().visible:"","\n          "),onClick:()=>V(-1),children:(0,a.jsx)("svg",{viewBox:"0 0 24 24",children:(0,a.jsx)("path",{d:"M15 18l-6-6 6-6"})})}),(0,a.jsx)("div",{className:u()["carousel-wrapper"],ref:h,children:null==g?void 0:g.map((e,l)=>(0,a.jsxs)("div",{className:u()["carousel-item"],tabIndex:0,onKeyDown:l=>z(l,e),onClick:()=>C(e),role:"button","aria-label":"Open video: ".concat(e.title),children:[(0,a.jsx)("img",{src:e.thumbnail_vertical,alt:"

1Vertical video titled '".concat(e.title,"'")}),(0,a.jsxs)("div",{className:u()["carousel-item--meta"],children:[(0,a.jsxs)("div",{className:u().duration,children:[(0,a.jsx)("div",{className:u()["play-button"],children:(0,a.jsx)("div",{className:u()["play-button-inner"]})}),e.duration]}),(0,a.jsx)("div",{className:u()["carousel-item--title"],children:e.title})]})]},"vv-"+l))}),(0,a.jsx)("button",{className:"\n            ".concat(u()["navigation-arrow"],"\n            ").concat(u().right,"\n            ").concat(f?u().visible:"","\n          "),onClick:()=>V(1),children:(0,a.jsx)("svg",{viewBox:"0 0 24 24",children:(0,a.jsx)("path",{d:"M9 18l6-6-6-6"})})})]}),b&&(0,a.jsx)(_,{videoId:b,title:null===(l=null==g?void 0:g.find(e=>{let{id:l}=e;return l===b}))||void 0===l?void 0:l.title,onClose:E})]}):null};var p=h},7733:function(e){e.exports={modal:"Modal_modal__6Xedy","modal-wrapper":"Modal_modal-wrapper__0vk2O",video:"Modal_video__AHDOR",close:"Modal_close__bfY6F",overlay:"Modal_overlay__O_NmT"}},8553:function(e){e.exports={"carousel-container":"

1VerticalVideo_carousel-container___9Z8s","carousel-wrapper":"VerticalVideo_carousel-wrapper__Th40S","carousel-item":"VerticalVideo_carousel-item___DbXA","carousel-item--meta":"VerticalVideo_carousel-item--meta__97tpq",duration:"VerticalVideo_duration__svtvC","play-button":"VerticalVideo_play-button__AXntJ","play-button-inner":"VerticalVideo_play-button-inner__l3wJm","navigation-arrow":"VerticalVideo_navigation-arrow__N_WUp",visible:"VerticalVideo_visible__noBqc",left:"VerticalVideo_left__ZIbiH",right:"VerticalVideo_right__3Knyo","carousel-item--title":"VerticalVideo_carousel-item--title__e9ytH"}}}]);