"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[20,905],{41459:(e,t,a)=>{a.r(t),a.d(t,{default:()=>N,mapStateToProps:()=>P});var n=a(16762),o=a.n(n),r=a(96540),i=a(71468),s=a(48231),l=a(79840),c=a(44206),d=a(5313),p=a(62383),m=a.n(p),u=a(97463),h=a(22514),g=a(84976),v=a(7066),y=a(75930),b=a(17904),f=a(62524);const x={featureStory:(0,y.AH)("{\n    margin-bottom: 27px;\n    border-bottom: 1px solid ".concat(b.Tj.lightGrey2,";\n    padding-bottom: 27px;\n  }")),topicStyle:(0,y.AH)("{\n    margin-bottom: 9px;\n\n    @media screen and (min-width: ".concat(b.T5.medium,") {\n      margin-bottom: 3px;\n    }\n  }")),featureStoryAuthor:(0,y.AH)("{\n    font-family: ".concat(f.A.sansSerif,";\n    font-weight: 500;\n    font-size: 17px;\n    line-height: 21px;\n    letter-spacing: 0.6px;\n  }")),featureStoryCover:(0,y.AH)("{\n    margin-bottom: 21px;\n\n    @media screen and (min-width: ".concat(b.T5.medium,") {\n      margin-bottom: 15px;\n    }\n\n    img {\n      width: 100%;\n      max-width: 100%;\n      height: auto;\n    }\n  }")),featureStoryTitle:(0,y.AH)("{\n    margin-top: 0;\n    margin-bottom: 9px;\n\n    @media screen and (min-width: ".concat(b.T5.medium,") {\n      line-height: 42px;\n      font-size: 33px;\n    }\n  }")),featureStorySummary:(0,y.AH)("{\n    margin-bottom: 15px;\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }")},C=e=>{var{slug:t="",title:a="",summary:n="",eyebrow:o="",coverMedia:i={node:{}},authors:s=[{name:"",url:""}]}=e;return r.createElement("div",{className:x.featureStory,"data-testid":"school-feature-story"},r.createElement("div",{className:x.featureStoryCover},(0,v.Vk)(null==i?void 0:i.node,"school-feature-story__img","SchoolFeatureStory",t)),r.createElement("div",{className:"eyebrow ".concat(x.topicStyle)},o),r.createElement("h3",{className:x.featureStoryTitle,"data-testid":"feature-story-title"},r.createElement(g.N_,{to:"/".concat(t),className:"grey-title-link"},a)),r.createElement("div",{className:x.featureStorySummary,dangerouslySetInnerHTML:{__html:n}}),s.map(((e,t)=>r.createElement("span",{key:t},!!t&&", ",r.createElement(g.N_,{className:x.featureStoryAuthor,to:"/".concat(e.url)},e.name)))))};var E,w=a(78605),A=a(47089);const k=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{id:"",title:"",stw:!1,schoolTypes:"",grades:"",schoolType:"",schoolArea:"",explainer:"",locality:"",administrativeArea:"",address:"",location:{},country:"",featureStory:{},relatedContent:[],nextCall:"",metatags:{}};return r.createElement("div",{className:"container","data-testid":"school-view"},t.title?r.createElement("div",{className:"page-inner page-inner--content"},r.createElement(A.A,{type:"WebPage",seoProps:{title:null==t?void 0:t.title,metatags:null==t?void 0:t.metatags}}),r.createElement(u.A,{stw:t.stw,schoolTypes:t.schoolTypes,title:t.title,inset:!1,grades:t.grades,schoolType:t.schoolType,schoolArea:t.schoolArea,explainer:t.explainer,locality:t.locality,administrativeArea:t.administrativeArea,location:t.location,country:t.country,address:t.address}),!m()(t.featureStory)&&r.createElement(C,{title:t.featureStory.title,slug:"".concat((0,v.uv)(t.featureStory.uri)),summary:null===(e=t.featureStory.acfFields)||void 0===e?void 0:e.intro,authors:t.featureStory.coAuthors,eyebrow:t.featureStory.eyebrowComputed,coverMedia:t.featureStory.featuredImage}),t.relatedContent.length>0&&r.createElement(w.A,{content:t.relatedContent,loadMore:()=>{},nextCall:t.nextCall,id:t.id,isSchool:!0,paginate:!0})):E||(E=r.createElement(h.A,null)))};class S extends r.Component{componentDidMount(){var{id:e,dispatch:t,params:a,title:n}=this.props,r=(0,d.A)(o()(this.props,"location",{}));if(-1!==r.previewIndex&&e!==r.post_id)this.props.dispatch((0,s.rr)("404"));else if(""===n){var i;t((0,l.bh)(null===(i=a.urlSlug)||void 0===i?void 0:i.toLowerCase()))}}UNSAFE_componentWillUpdate(e){var t,{dispatch:a,params:n}=this.props,r=o()(e,"params.urlSlug","").toLowerCase();r!==(null===(t=n.urlSlug)||void 0===t?void 0:t.toLowerCase())&&a((0,l.bh)(r))}render(){return r.createElement(k,{stw:this.props.stw,schoolTypes:this.props.schoolTypes,title:this.props.title,grades:this.props.grades,schoolType:this.props.schoolType,schoolArea:this.props.schoolArea,explainer:this.props.explainer,locale:this.props.locale,country:this.props.country,locality:this.props.locality,administrativeArea:this.props.administrativeArea,address:this.props.address,featureStory:this.props.featureStory,relatedContent:this.props.relatedContent,nextCall:this.props.nextCall,id:this.props.id,metatags:this.props.metatags})}}S.defaultProps={id:"",vid:"",nextCall:"",title:"",stw:!1,schoolTypes:"",grades:"",schoolType:"",schoolArea:"",explainer:"",locality:"",administrativeArea:"",address:"",locale:{},country:"",featureStory:{},relatedContent:[],metatags:{}};var P=(e,t)=>{var a=(0,d.A)(t.location).name.toLowerCase(),{id:n,vid:r,stw:i,schoolTypes:s,title:l,grades:c,schoolType:p,schoolArea:m,explainer:u,locale:h,country:g,locality:v,administrativeArea:y,address:b,relatedContent:f,featureStory:x,metatags:C,nextCall:E}=o()(e,"schools['".concat(a,"']"),{});return{id:n,vid:r,stw:i,schoolTypes:s,title:l,grades:c,schoolType:p,schoolArea:m,explainer:u,locale:h,country:g,locality:v,administrativeArea:y,address:b,relatedContent:f,featureStory:x,metatags:C,nextCall:E}};const N=(0,c.h)((0,i.Ng)(P)(S))},83433:(e,t,a)=>{a.d(t,{A:()=>p});var n=a(96540),o=a(84976),r=a(62383),i=a.n(r),s=a(75930),l=a(17904),c=a(62524);const d={breadcrumb:(0,s.AH)("{\n    margin: 0;\n    padding: 25px 0 20px;\n    max-width: 1280px;\n\n    @media screen and (min-width: ".concat(l.T5.small,") {\n      margin: 0 auto;\n      padding: 30px 0 0;\n    }\n  }")),breadcrumbList:(0,s.AH)("{\n    margin: 0;\n    padding: 0;\n  }"),breadcrumbItem:(0,s.AH)("{\n    font-family: ".concat(c.A.sansSerif,";\n    font-weight: 500;\n    letter-spacing: 0.6px;\n    display: inline;\n    list-style: none;\n  }")),breadcrumbLink:(0,s.AH)("{\n    text-decoration: none;\n    color: ".concat(l.Tj.brand2,";\n    font-weight: 700;\n  }"))},p=e=>{var t,a,r=null==e||null===(t=e.breadcrumbs)||void 0===t?void 0:t.slice(0,-1),s=null==e||null===(a=e.breadcrumbs)||void 0===a||null===(a=a.slice(-1))||void 0===a?void 0:a.pop();return n.createElement("div",{className:d.breadcrumb},n.createElement("ul",{className:d.breadcrumbList},!i()(r)&&r.map(((e,t)=>n.createElement("li",{key:t,className:d.breadcrumbItem},n.createElement(o.N_,{className:d.breadcrumbLink,to:e.url},e.text)," /"," "))),n.createElement("li",{className:d.breadcrumbItem},s.text)))}},90488:(e,t,a)=>{a.r(t),a.d(t,{Resolver:()=>Xt,default:()=>ea,mapStateToProps:()=>Jt});var n=a(54705),o=a(16762),r=a.n(o),i=a(96540),s=a(71468),l=a(48231),c=a(32465),d=a(44206),p=a(58168),m=a(62383),u=a.n(m),h=a(21742),g=a(80466),v=a(97462),y=a(10467),b=a(72505),f=a.n(b),x=a(68614),C=a(94382),E=a(75643),w=a(46798),A=a(39481),k=e=>{var{comments:t,isCommentsDisabled:a,articleAuthorsEmails:n,user:o,depth:r,hasNextPage:s,nextPage:l,nid:c,slug:d,parent:p,dispatch:m,children:u,inSidebar:g=!1,sortValue:v,handleOpenSidebar:b=()=>!0,onUsefulClick:S=()=>{}}=e,[P,N]=(0,i.useState)(t),[T,M]=(0,i.useState)(s),[I,O]=(0,i.useState)(l),[D,H]=(0,i.useState)(!1);(0,i.useEffect)((()=>{N(t),M(s),O(l)}),[t,s,l,v]);var j=function(){var e=(0,y.A)((function*(e){H(!0);var t="".concat("https://v4-1.api.edutopia.org","/comments?article=").concat(d,"&parent=").concat(p,"&after=").concat(encodeURIComponent(I),"&first=50&order=").concat(r?"ASC":"DESC","&orderby=").concat(v,"&email=").concat(encodeURIComponent(null==o?void 0:o.email));f().create()(t).then((t=>{var a,n,o,r,i,s,l,c,u=null!==(a=null==t||null===(n=t.data)||void 0===n?void 0:n.data)&&void 0!==a?a:null==t?void 0:t.data,h=[...P,...(0,E.O)(null==u||null===(o=u.comments)||void 0===o?void 0:o.nodes)];if(N(h),M(null!==(r=null==u||null===(i=u.comments)||void 0===i||null===(i=i.pageInfo)||void 0===i?void 0:i.hasNextPage)&&void 0!==r&&r),O(null!==(s=null==u||null===(l=u.comments)||void 0===l||null===(l=l.pageInfo)||void 0===l?void 0:l.endCursor)&&void 0!==s?s:null),H(!1),null==e||null===(c=e.target)||void 0===c||c.focus(),!p){var g,y,b,f,x,C={comments:h,count:null==u?void 0:u.commentCount,status:null==u?void 0:u.commentStatus,articleAuthors:null==u?void 0:u.coAuthors,disableComments:null==u?void 0:u.isCommentsDisabled,showComments:"open"===(null==u?void 0:u.commentStatus),hasNextPage:null!==(g=null==u||null===(y=u.comments)||void 0===y||null===(y=y.pageInfo)||void 0===y?void 0:y.hasNextPage)&&void 0!==g&&g,nextPage:null!==(b=null==u||null===(f=u.comments)||void 0===f||null===(f=f.pageInfo)||void 0===f?void 0:f.endCursor)&&void 0!==b?b:null,activeFormId:null!==(x=null==u?void 0:u.activeFormId)&&void 0!==x?x:null,displayCommentSidebar:!0},w="useful"===v?A.u2:A.f5;m({type:w,slug:d,comments:C})}})).catch((e=>{console.log({error:e})}))}));return function(t){return e.apply(this,arguments)}}();return i.createElement(i.Fragment,null,i.createElement("ol",{className:"comments-list ".concat(null===C.M$||void 0===C.M$?void 0:C.M$.list," ").concat(r>2&&(null===C.M$||void 0===C.M$?void 0:C.M$.removePadding)," ").concat(2===r&&(null===C.M$||void 0===C.M$?void 0:C.M$.hideLastInThirdThread))},null==P?void 0:P.map(((e,t,s)=>{var l,p,u,h,y=t===s.length-1;return i.createElement(x.Ay,{key:"".concat(null==e?void 0:e.id,"-").concat(v),comment:e,isCommentsDisabled:a,articleAuthorsEmails:n,user:o,depth:r,isLast:y,inSidebar:g,handleOpenSidebar:b,nid:c,slug:d,dispatch:m,onUsefulClick:S,sortValue:v},(null==e?void 0:e.replies)&&i.createElement(k,{comments:null==e||null===(l=e.replies)||void 0===l?void 0:l.slice(1),isCommentsDisabled:a,articleAuthorsEmails:n,user:o,depth:r+1,hasNextPage:null==e||null===(p=e.replies[0])||void 0===p?void 0:p.hasNextPage,nextPage:null==e||null===(u=e.replies[0])||void 0===u?void 0:u.endCursor,nid:c,slug:d,parent:null!==(h=null==e?void 0:e.databaseId)&&void 0!==h?h:null,inSidebar:g,handleOpenSidebar:b,onUsefulClick:S}))})),T&&i.createElement("div",{className:p&&C.M$.viewAllContainer},i.createElement(h.Ay,{rootMargin:"200px 0px",onChange:e=>{e&&0===r&&j()}},(e=>{var{inView:t,ref:a}=e;return i.createElement("div",{ref:a},t&&i.createElement("button",{className:"submit  ".concat(!p&&C.M$.loading," ").concat(p&&C.M$.viewAll," ").concat(null===w.QL||void 0===w.QL?void 0:w.QL.button," ").concat(D?" loading":""),onClick:j},p?"View all replies":"View all comments"))}))),u))};const S=(0,s.Ng)()(k);var P,N=a(75930),T=a(62524),M=a(35478),I=a(78002),O=a(47767),D=a(56650),H=a(49715);const j=(0,d.h)((0,s.Ng)(((e,t)=>{var{slug:a}=t,{activeFormId:n}=r()(e,"comments".concat("['",a,"']"),{});return{activeFormId:n}}))((e=>{var{nid:t,slug:a,showCommentsForm:n,visible:o,sortValue:r,topForm:s=!1,dispatch:l,activeFormId:c,commentSortedButtonClicked:d}=e,[p,m]=(0,i.useState)({formHeight:0}),u="comment-form-wrapper-ID",h=()=>{l((0,v.ud)(a,u)),m({formHeight:0===(null==p?void 0:p.formHeight)?"auto":0})};return(0,i.useEffect)((()=>{m(c===u?{formHeight:"auto"}:{formHeight:0})}),[c]),i.createElement(i.Fragment,null,n&&i.createElement(i.Fragment,null,i.createElement(D.A,{height:0===(null==p?void 0:p.formHeight)?"auto":0,style:{display:0!==(null==p?void 0:p.formHeight)?"none":"block"}},i.createElement("div",{className:" ".concat(null===C.oh||void 0===C.oh?void 0:C.oh.placeHolder)},i.createElement("p",{className:"".concat(T.X.bodyXSmall," text"),onClick:h,style:{border:"none"}},"What are you thinking?"),P||(P=i.createElement("p",{className:"note"},"We'd love to hear from you. Comments should follow our"," ",i.createElement("a",{href:"/about/community-guidelines",target:"_blank"},"community guidelines"),", and are moderated.")))),i.createElement(H.A,{nid:t,slug:a,formHeight:null==p?void 0:p.formHeight,onCancel:h,onSuccess:h,visible:o,sortValue:r,topForm:s,commentID:u,commentSortedButtonClicked:d})))})));var L=[{value:"default",label:"All"},{value:"useful",label:"Most Useful"}];const _=e=>{var{slug:t,user:a,dispatch:n,selectValue:o,setSelectValue:r,hasPendingState:s,onCommentsSorted:l,onCommentsSortedButtonClick:c}=e,d=(0,i.useRef)([]),p=e=>{e&&!d.current.includes(e)&&d.current.push(e)};return(0,i.useEffect)((()=>{var e=d.current.find((e=>e.classList.contains("active")));if(e){var t=e.getBoundingClientRect(),a=e.parentNode.getBoundingClientRect();e.parentNode.style.setProperty("--underlineLeft","".concat(t.left-a.left,"px")),e.parentNode.style.setProperty("--underlineWidth","".concat(t.width,"px"))}}),[o]),i.createElement("div",{className:"".concat(z.container)},i.createElement("div",{className:z.buttonContainer},L.map((e=>i.createElement("button",{ref:p,className:o===e.value?"active":"",key:e.value,onClick:()=>{r(e.value),c(),s&&n((0,v.p4)(t,null==a?void 0:a.email)),s&&"default"===e.value&&(n((0,v.p4)(t,null==a?void 0:a.email,"useful")),setTimeout((()=>{l()}),2e3))}},e.label)))),i.createElement("div",{className:M.TQ.divider}))};var F,U,B,V,z={container:(0,N.AH)("font-family:'canada-type-gibson';width:100%;margin-top:13px;padding:0 20px 20px;@media screen and (min-width:770px){padding:0 40px 20px;}"),buttonContainer:(0,N.AH)("position:relative;display:flex;gap:30px;&:before{content:'';position:absolute;bottom:1px;left:var(--underlineLeft,0);width:var(--underlineWidth,0);height:2px;background:#00a7e1;transition:all 0.3s ease;}button{all:unset;cursor:pointer;position:relative;height:22px;color:#999999;font-weight:500;font-style:normal;font-size:16px;line-height:22px;letter-spacing:0.8px;padding:7px 0;}.active,button:hover{color:#00a7e1;}.active{&:before{width:100%;}}")},W=a(29970),K=a(6939),R=e=>{var t=document.getElementById(e);return t?(setTimeout((()=>{t.scrollIntoView({behavior:"smooth"})}),500),{status:!1,message:"Comment found"}):{status:!0,message:"Oops! The comment you're looking for is no longer here."}};const G=e=>{var t,a,n,o,{dispatch:r,nid:s,slug:c,isLoggedIn:d,user:m,visible:u=!1,localState:h}=e,g=(0,O.Zp)(),[y,b]=(0,i.useState)("default"),[f,x]=(0,i.useState)({status:!1,message:""}),C=(0,i.useRef)(null);(0,i.useEffect)((()=>(document.body.style.overflow=u?"hidden":"auto",()=>{document.body.style.overflow="auto"})),[u]),(0,i.useEffect)((()=>{if(u){var t,{scrollTo:a,open:n,commentID:o}=null===(t=e.location)||void 0===t?void 0:t.query;if(("comments-view"===a||"comments-sidebar"===n)&&o){var r=R(o);x(r)}}}),[u]);var E=null==h||null===(t=h.articleAuthors)||void 0===t?void 0:t.reduce(((e,t)=>(e.push(null==t?void 0:t.email),e)),[]),[w,A]=(0,i.useState)(!1),k=(e,t)=>{W.Ay.event({label:e,category:t,action:"SignUp"})},[P,N]=(0,i.useState)(!1);return(0,i.useEffect)((()=>{var{commentId:e,databaseId:t,pendingComment:a}=(0,K.Tg)();e&&a.length&&(R("sidebar-comment-".concat(t)),r((0,v.ud)(c,e)))}),[u,c]),i.createElement(i.Fragment,null,u&&i.createElement("div",{className:M.xO.container,onClick:e=>{!C.current||C.current.contains(e.target)||e.target.hasAttribute("data-open-sidebar")||e.target.className.includes("tox")||u&&r((0,v.U7)(c))}}),i.createElement("div",{ref:C,className:"comments-sidebar ".concat(M.ux.container," ").concat(u?M.ux.visible:M.ux.hidden)},i.createElement("div",{className:"comment-sidebar-main-section ".concat(M.ux.commentDetailsContainer)},i.createElement("div",{className:"".concat(M.ux.paperPlaneAsset)},F||(F=i.createElement("img",{src:"/assets/comment-paperplane.png",alt:"paper plane flying across the sidebar"}))),i.createElement("button",{onClick:()=>{u&&r((0,v.U7)(c))},className:M.ux.closeBtn},i.createElement("svg",{className:M.ux.closeSvg,width:"24px",height:"24px",viewBox:"0 0 384 512",version:"1.1"},U||(U=i.createElement("title",null,"close")),B||(B=i.createElement("path",{fill:"#000",d:"M380.2 58.3c5.7-6.7 4.9-16.8-1.9-22.5s-16.8-4.9-22.6 1.9L192 231.2 28.2 37.7c-5.7-6.7-15.8-7.6-22.5-1.9s-7.6 15.8-1.9 22.5L171 256 3.8 453.7c-5.7 6.7-4.9 16.8 1.9 22.6s16.8 4.9 22.5-1.9L192 280.8 355.8 474.3c5.7 6.7 15.8 7.6 22.6 1.9s7.6-15.8 1.9-22.6L213 256 380.2 58.3z"})))),i.createElement("div",{className:M.ux.commentHeaderContainer},i.createElement("h2",{className:M.ux.commentCount},h.count?h.count:"0"," ",1===h.count?"Comment":"Comments")),d&&!(null!=h&&h.disableComments)&&u&&i.createElement("div",{style:{display:"none"}},i.createElement(I.K,{placeholder:"Add your comment",apiKey:"3cxeaj7ebh1d0qz07mlyisrh41qliymsirmok4ymyuednp67",className:"comments-content",init:{branding:!1,menubar:!1,toolbar:"bold italic underline link emoticons",height:150,statusbar:!1,link_title:!1,link_target_list:!1,link_default_target:"_blank",autoresize_bottom_margin:10,entity_encoding:"raw"},initialValue:""})),!d&&!(null!=h&&h.disableComments)&&i.createElement("div",{className:M.mQ.container},i.createElement("h4",{className:M.mQ.title},"Share your ideas and questions."),i.createElement("span",{className:T.X.bodyXSmall},i.createElement("a",{onClick:e=>{e.preventDefault(),g("/account/signup?utm_campaign=edu-comments"),r((0,l.b7)("addComment")),k("Join our Community","Comment Form")},className:M.mQ.linkAnchor},"Join our community")," ","or"," ",i.createElement("a",{onClick:e=>{e.preventDefault(),g("/account/signin"),r((0,l.b7)("addComment")),k("Log In","Comment Form")},className:M.mQ.linkAnchor},"log in")," ","to comment.")),(null==h?void 0:h.disableComments)&&i.createElement("div",{className:M.ux.messageContainer},"The comments are now closed."),f.status&&i.createElement("div",{className:"status-message-container"},i.createElement("span",{className:" ".concat(M.ux.messageContainer," ").concat(T.X.errorColor)},null==f?void 0:f.message)),d&&!h.disableComments&&i.createElement("div",null,i.createElement(j,{nid:s,slug:c,showCommentsForm:d&&!(null!=h&&h.disableComments),visible:u,commentCount:null==h?void 0:h.count,sortValue:y,topForm:!0,commentSortedButtonClicked:P})),i.createElement("div",{className:M.ux.edutopiaIconWrapper},V||(V=i.createElement("img",{src:"/assets/favicon.ico",alt:"Edutopia logo"})))),i.createElement("div",{style:{minHeight:"5px",maxHeight:"5px",background:"#fff"}}),i.createElement(_,(0,p.A)({},e,{selectValue:y,setSelectValue:b,hasPendingState:w,onCommentsSorted:()=>{A(!1)},onCommentsSortedButtonClick:()=>{N(!0)}})),h.count&&(null==h?void 0:h.comments)&&i.createElement(i.Fragment,null,i.createElement("div",{className:"".concat(M.ux.containerXPadding)},(null==h?void 0:h.count)&&(null==h?void 0:h.comments)&&"default"===y&&i.createElement(S,{comments:null==h?void 0:h.comments,isCommentsDisabled:null==h?void 0:h.disableComments,articleAuthorsEmails:E,user:m,depth:0,hasNextPage:null==h?void 0:h.hasNextPage,nextPage:null==h?void 0:h.nextPage,nid:s,slug:c,parent:0,inSidebar:!0,sortValue:"default"===y?"COMMENT_DATE":y,onUsefulClick:()=>{A(!0)}}),(null==h?void 0:h.count)&&(null==h?void 0:h.comments)&&"useful"===y&&i.createElement(S,{comments:null==h||null===(a=h.usefulComments)||void 0===a?void 0:a.comments,isCommentsDisabled:null==h?void 0:h.disableComments,articleAuthorsEmails:E,user:m,depth:0,hasNextPage:null==h||null===(n=h.usefulComments)||void 0===n?void 0:n.hasNextPage,nextPage:null==h||null===(o=h.usefulComments)||void 0===o?void 0:o.nextPage,nid:s,slug:c,parent:0,inSidebar:!0,sortValue:"default"===y?"COMMENT_DATE":y,onUsefulClick:()=>{A(!0)}})))))};var $,Y,q,Q=a(36803),Z=a(82583);const X=e=>{var{comments:t,articleAuthors:a,authorsWhoCommented:n}=e,o=(0,i.useMemo)((()=>null==t?void 0:t.some((e=>null==a?void 0:a.some((t=>{var a;return t.email!==(null===(a=e.author)||void 0===a?void 0:a.email)}))))),[t,a]),r=(0,i.useMemo)((()=>{var e=a;return n=n.splice(0,3),e.filter((e=>n.some((t=>t===e.email))))}),[a,n]);return i.createElement(i.Fragment,null,null!=r&&r.length&&o?i.createElement("div",{className:C.M$.isAuthorInTheConversation},i.createElement("div",{className:"wrapper"},i.createElement("div",{className:"authors-info"},r.map(((e,t)=>{var a=t===r.length-2;return i.createElement("div",{className:"author-info",key:e.email||t},i.createElement("p",{className:"author"},e.name,$||($=i.createElement("span",{className:"badge"},"Author")),r.length>2&&0===t?",":"",r.length>1&&a||r.length>2&&a?Y||(Y=i.createElement("span",{className:"and"},"and")):""))}))),i.createElement("p",null,"".concat(r.length>1?"are":"is"," in the conversation"))),q||(q=i.createElement("div",{className:"divider"},i.createElement("div",{className:"line"})))):null)};function J(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function ee(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?J(Object(a),!0).forEach((function(t){(0,n.A)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):J(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var te=e=>{var{children:t}=e;return i.createElement("div",{className:ne.container},i.createElement("div",{className:ne.gradient}),t)};const ae=(0,d.h)((0,s.Ng)(((e,t)=>{var{slug:a}=t,n=r()(e,"comments['".concat(a,"']"),{}),o=r()(e,"comments['useful_".concat(a,"']"),{});return{commentCount:null==t?void 0:t.commentCount,commentStatus:null==t?void 0:t.commentStatus,authorsWhoCommented:(null==t?void 0:t.authorsWhoCommented)||[],isBot:r()(e,"global.isBot",!1),isLoggedIn:r()(e,"global.loggedIn",!1),user:r()(e,"global.user",{}),comments:n,usefulComments:o,displayCommentSidebar:r()(e,"comments['".concat(a,"'].displayCommentSidebar"),!1),activeFormId:r()(e,"comments['".concat(a,"'].activeFormId"),null)}}))((function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{nid:void 0,comments:{}},{nid:a,slug:n,comments:o,usefulComments:r,user:s,dispatch:l,displayCommentSidebar:c,commentCount:d,authorsWhoCommented:m}=t,[u,h]=(0,i.useState)({showComments:!1,disableComments:!0,comments:[],usefulComments:[],articleAuthors:[],isCollapsed:!0,count:null,comment:"",authorName:"",loading:!0,addingComment:!1,parentComment:null,formHeight:0,showNotice:!1,hasNextPage:!1,nextPage:null,editingName:!1}),g=null==u||null===(e=u.articleAuthors)||void 0===e?void 0:e.reduce(((e,t)=>(e.push(null==t?void 0:t.email),e)),[]),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=ee(ee({},u),e);h(t)},b=()=>{c||l((0,v.Uw)(n))};return(0,i.useEffect)((()=>{!u.disableComments&&null!=u&&u.showComments&&t.location.search.includes("?scrollTo=comments-view")&&setTimeout((()=>{b()}),500)}),[u.disableComments]),(0,i.useEffect)((()=>{o&&y(ee(ee({},o),{},{usefulComments:r}))}),[n,null==o?void 0:o.count,null==o?void 0:o.comments,null==o?void 0:o.showComments,null==r?void 0:r.comments]),i.createElement(i.Fragment,null,"open"!==t.commentStatus||null!=u&&u.showComments?null:i.createElement(Z.A,{commentCount:d}),(null==u?void 0:u.showComments)&&i.createElement("div",{className:"comments ".concat(null===C.M$||void 0===C.M$?void 0:C.M$.container),style:{marginTop:"-7px"}},i.createElement("div",{className:"comments-wrapper ".concat(C.M$.wrapper),style:{borderTop:(null==u?void 0:u.count)>0?"1px solid #cacaca":"none"}},(null==u?void 0:u.count)&&i.createElement("h3",{className:T.X.heading3},"".concat(null==u?void 0:u.count," ").concat(1===u.count?"Comment":"Comments")),i.createElement(X,{comments:o.comments,articleAuthors:null==u?void 0:u.articleAuthors,authorsWhoCommented:m}),(null==u?void 0:u.count)&&(null==u?void 0:u.comments)&&i.createElement(i.Fragment,null,i.createElement(te,null,i.createElement(S,{comments:null==u?void 0:u.comments,isCommentsDisabled:null==u?void 0:u.disableComments,articleAuthorsEmails:g,user:s,depth:0,hasNextPage:null==u?void 0:u.hasNextPage,nextPage:null==u?void 0:u.nextPage,nid:a,slug:n,parent:null,handleOpenSidebar:b}))),i.createElement("button",{"data-open-sidebar":!0,disabled:c,className:"".concat(x.vQ.viewComments," ").concat((null==u?void 0:u.count)>0?x.vQ.viewAllComments:""),onClick:()=>{c||(l((0,v.Uw)(n)),(0,Q.s)("View_Comments"))}},(null==u?void 0:u.count)>0?"View All Comments":"Be the First to Comment"))),(null==u?void 0:u.showComments)&&i.createElement(G,(0,p.A)({},t,{visible:c,localState:u,setNewLocalState:y})))})));var ne={container:(0,N.AH)("position:relative;max-height:309px;overflow:hidden;"),gradient:(0,N.AH)("position:absolute;height:200px;width:100%;left:0px;top:70px;background:linear-gradient( 180deg,rgba(255,255,255,0) 0%,#ffffff 96.35% );pointer-events:none;")},oe=a(28140),re=a(4033),ie=a(47089),se=a(84976);const le=e=>e.map((e=>e.articles)).reduce(((e,t)=>e.concat(t)),[]);var ce=a(86088),de=a(17904);const pe={packageNav:(0,N.AH)("{\n    position: fixed;\n    bottom: 0;\n    z-index: 999;\n    width: 100%;\n  }"),packageNavControls:(0,N.AH)("{\n    position: relative;\n    z-index: 30;\n    background-color: ".concat(de.Tj.brand1,";\n    height: 50px;\n    text-align: center;\n  }")),packageNavTrigger:(0,N.AH)("{\n    font-family: ".concat(T.A.sansSerif,";\n    font-weight: 500;\n    position: absolute;\n    left: 18px;\n    margin: 0 20px 0 10px;\n    outline: none;\n    border: 0;\n    background: url('/assets/list-white.svg') no-repeat left center / 18px 18px;\n    cursor: pointer;\n    padding-left: 30px;\n    height: 50px;\n    overflow: hidden;\n    text-indent: -100vw;\n    color: ").concat(de.Tj.white,";\n    font-size: 21px;\n\n    &--active {\n      background-image: url('/assets/close-black.svg');\n    }\n\n    @media screen and (min-width: ").concat(de.T5.small,") {\n      text-indent: 0;\n    }\n  }")),packageNavControl:(0,N.AH)("{\n    display: inline-block;\n    padding: 0;\n    width: 80px;\n    height: 100%;\n    overflow: hidden;\n    vertical-align: middle;\n    text-indent: 100vw;\n    white-space: nowrap;\n  }"),packageNavControlPrev:(0,N.AH)("{\n    background: url('/assets/navigate-left-white.svg') no-repeat center center /\n      10px 15px;\n  }"),packageNavControlNext:(0,N.AH)("{\n    background: url('/assets/navigate-right-white.svg') no-repeat center center /\n      10px 15px;\n  }"),packageNavControlPosition:(0,N.AH)("{\n    font-family: ".concat(T.A.sansSerif,";\n    font-weight: 600;\n    font-size: 17px;\n    display: inline-block;\n    text-align: center;\n    text-transform: uppercase;\n    color: ").concat(de.Tj.white,";\n  }")),packageNavContent:(0,N.AH)("{\n    position: absolute;\n    bottom: 100%;\n    transition: all 0.4s ease-in-out;\n    z-index: 20;\n    margin-bottom: -100vh;\n    background-color: rgba(51, 51, 51, 0.95);\n    padding: 20px;\n    width: 100%;\n    max-height: calc(100vh - 150px);\n    overflow-y: auto;\n\n    &--open {\n      margin-bottom: 0;\n    }\n  }"),packageNavContentInner:(0,N.AH)("{\n    margin: 0 auto;\n    max-width: 1280px;\n  }"),packageNavContentTitle:(0,N.AH)("{\n    font-family: ".concat(T.A.displayBold,";\n    display: block;\n    position: relative;\n    margin: 0 0 20px;\n    padding: 0 20px 6px 42px;\n    text-decoration: none;\n    line-height: 27px;\n    color: ").concat(de.Tj.white,";\n    font-size: 24px;\n\n    @media screen and (min-width: ").concat(de.T5.medium,") {\n      float: left;\n      margin-top: 25px;\n      max-width: 300px;\n    }\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &:before {\n      position: absolute;\n      top: 5px;\n      left: 0;\n      background: url('/assets/documents-white.svg') no-repeat left center / 32px\n        32px;\n      width: 32px;\n      height: 32px;\n      content: '';\n    }\n  }")),packageNavContentItems:(0,N.AH)("{\n    color: ".concat(de.Tj.white,";\n    counter-reset: packageCounter;\n    @media screen and (min-width: ").concat(de.T5.medium,") {\n      max-width: 740px;\n      overflow: hidden;\n    }\n  }")),packageNavContentItemsList:(0,N.AH)("{\n    margin: 0;\n    padding: 0 0 12px;\n    list-style-type: none;\n  }"),packageNavContentItem:(0,N.AH)("{\n    margin: 0;\n    border-bottom: 1px solid ".concat(de.Tj.brand2Light,";\n    padding: 18px 0 12px;\n    line-height: 21px;\n    font-size: 21px;\n\n    &:before {\n      color: ").concat(de.Tj.lightGrey,";\n      content: counter(packageCounter) '. ';\n      counter-increment: packageCounter;\n    }\n\n    &:first-child {\n      padding-top: 0;\n    }\n\n    &--active {\n      font-weight: 500;\n    }\n\n    a {\n      text-decoration: none;\n      color: ").concat(de.Tj.lightGrey,";\n    }\n  }"))};function me(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function ue(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?me(Object(a),!0).forEach((function(t){(0,n.A)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):me(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const he=(0,d.h)((0,s.Ng)((e=>{var{title:t,slug:a,packageItems:n,itemCount:o}=r()(e,"packageContext.packageContext",{title:"",slug:"",packageItems:[],itemCount:0}),i=e.global.packageNavOpen;return{title:t,slug:a,packageItems:n,itemCount:o,packageArticles:le(n),packageNavOpen:i}}))((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{title:"",slug:"/",packageItems:[],itemCount:0,currentArticle:"",packageNavOpen:!1},[t,a]=(0,i.useState)({totalPackageItems:0,currentPackageIndex:1,collectedPackageArticles:[],nextArticle:!1,prevArticle:!1});(0,i.useEffect)((()=>{e.packageItems&&e.packageItems.length>0&&(0===t.totalPackageItems||void 0===t.totalPackageItems)&&(o(),s(e.currentArticle))}),[e.currentArticle,e.packageItems]);var n=t=>i.createElement("ol",{className:pe.packageNavContentItemsList},null==t?void 0:t.map(((t,a)=>i.createElement("li",{key:a,className:"".concat(pe.packageNavContentItem," ").concat(e.currentArticle===r()(t,"slug")?"".concat(pe.packageNavContentItem,"--active"):""),onClick:()=>{e.dispatch((0,c.eC)())}},i.createElement(se.N_,{to:"/".concat(r()(t,"slug")),onClick:()=>{s(r()(t,"slug"))}},r()(t,"title")))))),o=()=>{for(var t=[],n=0;n<e.packageItems.length;){for(var o=0;o<(null===(r=e.packageItems[n].articles)||void 0===r?void 0:r.length);){var r;t.push(e.packageItems[n].articles[o]),o+=1}n+=1}var i=t.findIndex((t=>t.slug===e.currentArticle))+1,s=!!t[i]&&"/".concat(t[i].slug),l=!!t[i-2]&&"/".concat(t[i-2].slug);a({currentPackageIndex:i,nextArticle:s,prevArticle:l,collectedPackageArticles:t,totalPackageItems:t.length})},s=e=>{var n=t.collectedPackageArticles.findIndex((t=>t.slug===e))+1;a(ue(ue({},t),{},{currentPackageIndex:n}))},l=e.packageArticles.findIndex((t=>(null==t?void 0:t.slug)===(null==e?void 0:e.currentArticle)))+1;return i.createElement("div",{className:pe.packageNav},i.createElement("div",{className:"".concat(pe.packageNavContent," ").concat(!0===e.packageNavOpen?"".concat(pe.packageNavContent,"--open"):"")},i.createElement("div",{className:pe.packageNavContentInner,"data-testid":"package-nav-content"},i.createElement(se.N_,{className:pe.packageNavContentTitle,onClick:()=>{e.dispatch((0,c.e9)())},to:"/".concat(e.slug)},e.title),e.packageItems.length>1&&i.createElement("div",{className:pe.packageNavContentItems},e.packageItems.map(((t,a)=>{var o;return i.createElement("div",{key:a},null!==(o=t.articles)&&void 0!==o&&o.length?i.createElement(ce.A,{current:e.currentArticle,invertedColors:!0,defaultState:"open",packageItem:t,content:n(r()(t,"articles")),triggerText:r()(t,"title")}):null)}))),e.packageItems.length<=1&&e.packageItems[0]&&i.createElement("div",{className:pe.packageNavContentItems},n(r()(e.packageItems,"[0].articles"))))),i.createElement("div",{className:pe.packageNavControls,"data-testid":"nav-controls"},i.createElement("div",{className:"package-nav__trigger-area"},i.createElement("button",{className:"".concat(pe.packageNavTrigger," ").concat(!0===e.packageNavOpen?"".concat(pe.packageNavTrigger,"--active"):""),"data-testid":"package-nav-toggle",onClick:()=>{e.dispatch((0,c.eC)())}},"Series")),i.createElement(se.N_,{className:"".concat(pe.packageNavControl," ").concat(pe.packageNavControlPrev),to:"",onClick:t=>{(t=>{var a;t.preventDefault();var n=e.packageArticles.findIndex((t=>t.slug===e.currentArticle)),o=0===n?e.itemCount-1:n-1;e.router.push("/".concat(null===(a=e.packageArticles)||void 0===a||null===(a=a["".concat(o)])||void 0===a?void 0:a.slug))})(t),e.dispatch((0,c.e9)())}},"Previous"),i.createElement("div",{className:pe.packageNavControlPosition},l," / ",e.itemCount),i.createElement(se.N_,{className:"".concat(pe.packageNavControl," ").concat(pe.packageNavControlNext),"data-testid":"nav-controls-next",to:"",onClick:t=>{(t=>{t.preventDefault();var a=e.packageArticles.findIndex((t=>t.slug===e.currentArticle)),n=a===e.itemCount-1?0:a+1;e.router.push("/".concat(e.packageArticles["".concat(n)].slug))})(t),e.dispatch((0,c.e9)())}},"Next")))})));var ge=a(5313),ve=a(7066),ye=a(17432),be=a(2643),fe=a(81575),xe=a(40207),Ce=a(14370);const Ee=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{template:"",commentCount:0,title:"",body:"",created:"",firstPublished:"",eyebrow:"",coverMediaDisplay:"full",intro:"",suffix:"",authors:[{}],topics:[{}],coverMedia:{},embeds:[{}],url:"",beyond:!1,beyondKey:void 0,beyondParentType:"",slug:"",id:0};return i.createElement("div",{className:"page-inner page-inner--content ".concat(e.beyond?"page-inner--no-min-height":""),"data-testid":"article-view"},i.createElement("article",null,i.createElement(ye.A,{id:e.id,commentStatus:e.commentStatus,commentCount:e.commentCount,beyondHeader:e.beyond,eduVideo:e.eduVideo,title:e.title,eyebrow:e.eyebrow,intro:e.intro,created:e.created,firstPublished:e.firstPublished,authors:e.authors,hero:e.coverMedia,slug:e.slug,coverMediaDisplay:e.coverMediaDisplay,type:"articles",beyondKey:e.beyondKey,beyondParentType:e.beyondParentType}),e.beyond?i.createElement(i.Fragment,null,i.createElement(fe.A,{value:e.body,embeds:e.embeds,coverMedia:e.coverMedia,id:1,title:e.title,url:e.url,location:e.location,beyondArticle:!0}),i.createElement(xe.A,{urlType:"internal",url:e.slug,clickHandler:()=>{(0,ve.GZ)(e.beyondKey+1)}},"Read Full Story")):i.createElement("div",null,i.createElement(fe.A,{value:e.body,title:e.title,url:e.slug,id:2,location:e.location,articleID:e.id}),i.createElement(be.A,{authors:e.authors,tags:(0,Ce.A)(e),title:e.title,image:r()(e,"coverMedia.sizes[master]",""),url:e.url,location:e.location,type:"articles"}))))};var we=a(5556),Ae=a.n(we),ke=a(83485);const Se=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{id:"",title:"",created:"",firstPublished:"",eyebrow:"",coverMediaDisplay:"lite",intro:"",suffix:"",authors:[{}],topics:[{}],video:{},embeds:[{}],transcript:"",slug:"",beyond:!1,beyondKey:void 0,beyondParentType:"",url:""},a=null!==(e=null==t?void 0:t.transcript)&&void 0!==e?e:"";return i.createElement("div",{className:"page-inner page-inner--no-min-height page-inner--content","data-testid":"video-view"},i.createElement("article",{className:"article"},!t.beyond&&i.createElement(oe.A,{heroType:"simple",media:t.video,link:t.slug}),i.createElement(ye.A,{id:t.id,commentStatus:t.commentStatus,commentCount:t.commentCount,beyondHeader:t.beyond,title:t.title,eyebrow:t.beyond&&t.eyebrow,intro:t.intro,created:t.created,firstPublished:t.firstPublished,authors:t.authors,hero:t.beyond&&t.video,subHero:a?i.createElement(ke.A,{triggerText:"View transcript",content:a}):"",slug:t.slug,coverMediaDisplay:t.coverMediaDisplay,type:"videos",beyondKey:t.beyondKey,beyondParentType:t.beyondParentType,location:t.location}),t.beyond?i.createElement(i.Fragment,null,i.createElement(fe.A,{value:r()(t,"body"),embeds:t.embeds,context:"node--video",title:t.title,url:t.url,coverMedia:!1,location:t.location,beyondArticle:!0}),i.createElement(xe.A,{urlType:"internal",url:t.slug,clickHandler:()=>{(0,ve.GZ)(t.beyondKey+1)}},"Read Full Story")):i.createElement("div",null,i.createElement(fe.A,{value:r()(t,"body"),title:t.title,url:t.url,coverMedia:!1,location:t.location}),i.createElement(be.A,{authors:t.authors,tags:(0,Ce.A)(t),title:t.title,image:r()(t,"video.video_still.sizes[16x9][1280]",""),url:t.url,type:"videos",location:t.location}))))},Pe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{template:"",commentCount:0,title:"",body:"",created:"",firstPublished:"",eyebrow:"",coverMediaDisplay:"full",intro:"",suffix:"",authors:[{}],topics:[{}],coverMedia:{},embeds:[{}],url:"",beyond:!1,beyondKey:void 0,beyondParentType:"",slug:"",id:0},t=(e=>e.eyebrow?e.eyebrow:e.topics&&e.topics.length>0&&e.primaryTopic?e.topics.find((t=>t.id===e.primaryTopic)).name:"")(e);return i.createElement("div",{className:"page-inner page-inner--content page-inner--no-min-height","data-testid":"visual-essay-view"},i.createElement("article",null,i.createElement(ye.A,{id:e.id,commentStatus:e.commentStatus,commentCount:e.commentCount,beyondHeader:e.beyond,eduVideo:e.eduVideo,title:e.title,eyebrow:t,intro:e.intro,created:e.created,firstPublished:e.firstPublished,authors:e.authors,hero:e.coverMedia,slug:e.slug,coverMediaDisplay:e.coverMediaDisplay,type:"visualEssays",beyondKey:e.beyondKey,beyondParentType:e.beyondParentType}),e.beyond?i.createElement(i.Fragment,null,i.createElement(fe.A,{value:e.body,embeds:e.embeds,coverMedia:e.coverMedia,id:1,title:e.title,url:e.url,location:e.location,beyondArticle:!0}),i.createElement(xe.A,{urlType:"internal",url:e.slug,clickHandler:()=>{(0,ve.GZ)(e.beyondKey+1)}},"Read Full Story")):i.createElement("div",null,i.createElement(fe.A,{value:e.body,title:e.title,url:e.slug,id:2,location:e.location}),i.createElement(be.A,{authors:e.authors,tags:(0,Ce.A)(e),title:e.title,image:r()(e,"coverMedia.sizes[master]",""),url:e.url,location:e.location,type:"visualEssays"}))))};Ae().arrayOf(Ae().object),Ae().string,Ae().shape({pathname:Ae().string});var Ne;const Te=e=>{var t;return console.log(e),i.createElement(i.Fragment,null,null==e||null===(t=e.beyondArticles)||void 0===t?void 0:t.map(((t,a)=>i.createElement("div",{className:"beyond-article",key:a,"data-testid":"beyond-article"},["node--article","node--video","edu_visual_essay"].includes(t.type)?Ne||(Ne=i.createElement("div",{className:"page-inner page-inner--no-min-height page-inner--content"},i.createElement("hr",{className:"article-separator"}))):null,"node--article"===t.type&&i.createElement(Ee,{key:a,beyond:!0,beyondKey:a,beyondParentType:"articles",title:t.title,authors:t.authors,body:t.body,eyebrow:t.eyebrow,intro:t.intro,created:t.created,eduVideo:t.eduVideo,coverMedia:t.coverMedia,coverMediaDisplay:t.coverMediaDisplay,url:"".concat(e.host,"/").concat(t.slug),slug:"/".concat(t.slug),location:e.location}),"node--video"===t.type&&i.createElement(Se,{key:a,beyond:!0,beyondKey:a,beyondParentType:"articles",title:t.title,authors:t.authors,eyebrow:t.eyebrow,intro:t.intro,created:t.created,video:t.video,url:"".concat(e.host,"/").concat(t.slug),slug:"/".concat(t.slug),location:e.location}),"edu_visual_essay"===t.type&&i.createElement(Pe,{key:a,beyond:!0,beyondKey:a,beyondParentType:"articles",title:t.title,authors:t.authors,body:t.body,eyebrow:t.eyebrow,intro:t.intro,created:t.created,eduVideo:t.eduVideo,coverMedia:t.coverMedia,coverMediaDisplay:t.coverMediaDisplay,url:"".concat(e.host,"/").concat(t.slug),slug:"/".concat(t.slug),location:e.location})))))};class Me extends i.PureComponent{constructor(){super(...arguments),(0,n.A)(this,"state",{contextSet:!1}),(0,n.A)(this,"setPackageContext",(e=>{""!==e.packageSlug&&!1===this.state.contextSet?(this.setState({contextSet:!0}),e.dispatch((0,c.uU)(e.packageSlug))):""!==e.defaultPackageSlug&&!1===this.state.contextSet&&(this.setState({contextSet:!0}),e.dispatch((0,c.uU)(e.defaultPackageSlug))),e.defaultPackageSlug||this.setState({contextSet:!1})})),(0,n.A)(this,"getBeyondArticle",(()=>{this.props.nid&&""!==this.props.primaryTopic&&u()(this.props.beyondArticle[0])&&this.props.dispatch((0,g.cY)(this.props.nid,r()(this.props,"primaryTopic",""),this.props.slug,"node--article"))}))}componentDidMount(){var{id:e,dispatch:t,title:a}=this.props,n=(0,ge.A)(r()(this.props,"location",{}));-1!==n.previewIndex&&e!==n.post_id?this.props.dispatch((0,l.rr)("404")):""===a&&t((0,g.bb)(r()(n,"name","").toLowerCase())),this.setPackageContext(this.props),(navigator.connection&&"4g"===navigator.connection.effectiveType||!navigator.connection)&&this.getBeyondArticle()}UNSAFE_componentWillReceiveProps(e){this.setPackageContext(e)}UNSAFE_componentWillUpdate(e){this.props.dispatch((0,g.YO)(r()(e,"packageContext.packageContext.packageArticleData",{})))}render(){var e,t,a,n;return i.createElement("div",{className:"container article-page"},"full"===r()(this.props,"coverMediaDisplay")&&(this.props.eduVideo.mediaItemUrl?i.createElement(re.A,(0,p.A)({},this.props,{eduVideo:this.props.eduVideo,heroType:"full"})):i.createElement(oe.A,{media:r()(this.props,"coverMedia"),heroType:"full"})),i.createElement(ie.A,{type:"Article",seoProps:{title:this.props.title,rawfirstPublished:this.props.rawfirstPublished,rawCreated:this.props.rawCreated,authors:this.props.authors,path:this.props.path,metatags:this.props.metatags,summary:this.props.summary,shareImage:null!==(e=this.props.coverMedia)&&void 0!==e&&e.master?"".concat(null===(t=this.props.coverMedia)||void 0===t?void 0:t.master,"?w=2880&quality=85"):"",eyebrow:null===(a=this.props)||void 0===a?void 0:a.eyebrow,topics:null===(n=this.props)||void 0===n?void 0:n.topics}}),i.createElement(i.Fragment,null,i.createElement("div",{className:"article-wrap",onClick:()=>{this.props.dispatch((0,c.e9)())}},i.createElement(Ee,{id:this.props.id,commentStatus:this.props.commentStatus,commentCount:this.props.commentCount,title:this.props.title,body:this.props.body,eyebrow:this.props.eyebrow,intro:this.props.intro,created:this.props.created,firstPublished:this.props.firstPublished,authors:this.props.authors,eduVideo:this.props.eduVideo,coverMedia:this.props.coverMedia,coverMediaDisplay:this.props.coverMediaDisplay,suffix:this.props.suffix,primaryTopic:this.props.primaryTopic,topics:this.props.topics,embeds:this.props.embeds,slug:this.props.slug,url:"".concat(this.props.host,"/").concat(this.props.slug),location:this.props.location}),i.createElement("div",{id:"comments-view"},i.createElement(ae,{nid:this.props.nid,slug:this.props.slug,type:"articles",commentStatus:this.props.commentStatus,commentCount:this.props.commentCount,authorsWhoCommented:this.props.authorsWhoCommented})),i.createElement(h.pL,{rootMargin:"200px 0px",triggerOnce:!0},(e=>{var{inView:t,ref:a}=e;return i.createElement("aside",{style:{marginBottom:"20px"},ref:a},t&&i.createElement(Te,{host:this.props.host,location:this.props.location,beyondArticles:this.props.beyondArticle}))}))),(this.props.defaultPackageSlug||this.props.packageSlug)&&i.createElement(he,{currentArticle:this.props.slug})))}}Me.defaultProps={id:void 0,nid:void 0,vid:void 0,title:"",body:"",created:"",rawCreated:"",firstPublished:"",rawfirstPublished:"",eyebrow:"",coverMediaDisplay:"full",intro:"",suffix:"",authors:[{}],topics:[{}],primaryTopic:"",eduVideo:{mediaItemUrl:void 0},coverMedia:{},embeds:[{}],packageSlug:"",defaultPackageSlug:"",slug:"",host:"",beyondArticle:[]};const Ie=(0,d.h)((0,s.Ng)(((e,t)=>{var a=(0,ge.A)(t.location),n=a.name.toLowerCase(),{id:o,nid:i,vid:s,title:l,body:c,created:d,rawCreated:p,firstPublished:m,rawfirstPublished:u,eyebrow:h,coverMediaDisplay:g,eduVideo:v,intro:y,suffix:b,authors:f,topics:x,primaryTopic:C,coverMedia:E,embeds:w,defaultPackageSlug:A,commentStatus:k,commentCount:S,authorsWhoCommented:P,slug:N,metatags:T,beyondArticle:M,summary:I}=r()(e,"articles['".concat(n,"']"),{});return{id:o,nid:i,vid:s,title:l,body:c,created:d,rawCreated:p,firstPublished:m,rawfirstPublished:u,eyebrow:h,intro:y,suffix:b,authors:f,coverMediaDisplay:g,topics:x,primaryTopic:C,eduVideo:v,coverMedia:E,embeds:w,defaultPackageSlug:A,packageSlug:r()(e,"packageContext.packageContext.slug",""),path:a,packageContext:e.packageContext,commentStatus:k,commentCount:S,authorsWhoCommented:P,slug:N,metatags:T,host:r()(e,"global.host",""),beyondArticle:M,isBot:r()(e,"global.isBot",!1),summary:I}}))(Me));var Oe=a(52978),De=a(83433),He=a(96300);function je(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function Le(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?je(Object(a),!0).forEach((function(t){(0,n.A)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):je(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}class _e extends i.Component{componentDidMount(){var e=(0,ge.A)(r()(this.props,"location",{})),{id:t,dispatch:a,title:n}=this.props;a((0,c.n6)()),-1!==e.previewIndex&&t!==e.post_id?this.props.dispatch((0,l.rr)("404")):""===n&&a((0,Oe.a)(e.name.toLowerCase()))}UNSAFE_componentWillReceiveProps(){this.props.dispatch((0,c.n6)())}render(){var e,t;return"cG9zdDo2MzE3OQ"===this.props.id?i.createElement(He.A,this.props):i.createElement("div",{className:"container"},"full"===r()(this.props,"coverMediaDisplay")&&i.createElement(oe.A,{media:r()(this.props,"coverMedia"),heroType:"full"}),i.createElement(ie.A,{type:"WebPage",seoProps:{renderJSON:!0,title:this.props.title,summary:this.props.summary,metatags:Le({},this.props.metatags),shareImage:null!==(e=this.props.coverMedia)&&void 0!==e&&e.master?"".concat(null===(t=this.props.coverMedia)||void 0===t?void 0:t.master,"?w=2880&quality=85"):""}}),i.createElement("div",{className:"page-inner page-inner--content"},!u()(this.props.breadcrumb)&&i.createElement(De.A,{breadcrumbs:this.props.breadcrumb}),i.createElement("h1",null,this.props.title),i.createElement(fe.A,{value:this.props.body,embeds:this.props.embeds})))}}_e.defaultProps={title:"",body:"",embeds:[{}],breadcrumb:{},summary:""};const Fe=(0,d.h)((0,s.Ng)(((e,t)=>{var a=(0,ge.A)(t.location).name.toLowerCase(),{id:n,vid:o,title:i,body:s,embeds:l,coverMediaDisplay:c,coverMedia:d,metatags:p,breadcrumb:m,summary:u}=r()(e,"pages['".concat(a,"']"),{});return{id:n,vid:o,title:i,body:s,embeds:l,coverMediaDisplay:c,coverMedia:d,metatags:p,breadcrumb:m,summary:u}}))(_e));var Ue=a(72896),Be=a(17705),Ve=a(41033),ze=a.n(Ve),We=a(37132);const Ke=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{template:"",title:"",body:"",created:"",firstPublished:"",eyebrow:"",coverMediaDisplay:"full",intro:"",suffix:"",authors:[{}],topics:[{}],coverMedia:{node:{}},embeds:[{}],url:"",beyond:!1,beyondKey:void 0,beyondParentType:"",slug:"",nid:0};return i.createElement("div",{"data-testid":"blog-content-view",id:"blog-content-".concat(e.nid)},i.createElement("article",{className:$e.wrapper},i.createElement(ye.A,{beyondHeader:!0,eduVideo:e.eduVideo,title:e.title,titleClass:"blog-content-title",eyebrow:e.eyebrow,intro:e.intro,created:e.created,firstPublished:e.firstPublished,authors:e.authors,hero:e.coverMedia,slug:e.slug,coverMediaDisplay:e.coverMediaDisplay,type:"blog-content",beyondKey:e.beyondKey,beyondParentType:e.beyondParentType,nid:e.nid,beyondHeaderRedirectExists:!1}),i.createElement(fe.A,{value:e.body,embeds:e.embeds,coverMedia:e.coverMedia,id:1,title:e.title,url:e.url,location:e.location,beyondArticle:!0})))};var Re,Ge,$e={wrapper:(0,N.AH)("h2.h1.blog-content-title{font-size:22px;}.blog-post-content-mobile-seperator{display:block;padding:4px 0;content:'';}@media screen and (min-width:",de.T5.medium,"){h2.h1.blog-content-title{font-size:27px;}.blog-post-content-mobile-seperator{display:none;}}")};const Ye=function(){var e,t,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ze,{slug:n,relatedBlogPostContent:o,dispatch:s}=a,[l,c]=(0,i.useState)(!1),[d,p]=(0,i.useState)(!1),[m]=(0,i.useState)(ze()()),u=function(){var e=(0,y.A)((function*(){var e,t,a;p(!0);var r="".concat("https://v4-1.api.edutopia.org","/").concat(n,"?after=").concat(encodeURIComponent(o.pageInfo.endCursor),"&limit=10"),i=f().create(),l=yield i(r),c=(null==l||null===(e=l.data)||void 0===e?void 0:e.data)||null;if(null===c)throw p(!1),new Error("No additional blog content found");var d=[...o.nodes,...null==c||null===(t=c.relatedBlogPostContent)||void 0===t?void 0:t.nodes];s({type:A.TZ,slug:n,updatedRelatedBlogPostContent:{nodes:d,pageInfo:null==c||null===(a=c.relatedBlogPostContent)||void 0===a?void 0:a.pageInfo}}),p(!1)}));return function(){return e.apply(this,arguments)}}(),h=function(){var e=(0,y.A)((function*(e){var t=document.getElementById("blog-content-".concat(e));return t?(setTimeout((()=>{t.scrollIntoView({behavior:"smooth"})}),500),c(!0),console.log("found the element🎉"),{status:!1,message:"Blog Content found"}):a.relatedBlogPostContent.pageInfo.hasNextPage?(u(),console.log("loading more elements🎉"),{status:!1,message:"Loading more blog content"}):(c(!0),console.log("element doesnt exist 🥲"),{status:!0,message:"Got all blog content, but couldn't find specified node"})}));return function(t){return e.apply(this,arguments)}}();return(0,i.useEffect)((()=>{var e=a.location.query.blogContentID;"blog-content-view"===a.location.query.scrollTo&&e&&!l&&h(e)}),[a.relatedBlogPostContent]),i.createElement("div",{className:"page-inner page-inner--content ".concat(a.beyond?"page-inner--no-min-height":""," ").concat(qe.wrapper),"data-testid":"blog-view"},i.createElement("article",null,i.createElement(ye.A,{commentStatus:a.commentStatus,commentCount:a.commentCount,beyondHeader:a.beyond,eduVideo:a.eduVideo,title:a.title,eyebrow:a.eyebrow,intro:a.intro,created:a.created,updatedOn:a.updatedOn,firstPublished:a.firstPublished,authors:a.authors,hero:a.coverMedia,slug:a.slug,coverMediaDisplay:a.coverMediaDisplay,type:"blogs",beyondKey:a.beyondKey,beyondParentType:a.beyondParentType}),o.nodes&&o.nodes.length>0?o.nodes.map(((t,n,o)=>{var r,s,l=(0,Be.format)(t.dateGmt,"MMMM D, YYYY");return i.createElement("div",{key:"blog-component-".concat(t.id)},0===n?Re||(Re=i.createElement("div",{className:"blog-post-content-mobile-seperator"})):null,i.createElement(Ke,{key:n,nid:t.nid,beyond:!0,beyondKey:n,beyondParentType:"blogs",title:t.title,authors:t.coAuthors,body:t.rawContent,intro:t.intro,created:l,eduVideo:"",coverMedia:null!==(r=t.featuredImage)&&void 0!==r&&r.node?null===(s=t.featuredImage)||void 0===s?void 0:s.node:null,coverMediaDisplay:"lite",url:"".concat(a.host,"/").concat(a.slug),slug:"/".concat(a.slug),location:a.location}),o.length>=4&&2===n&&(e||(e=i.createElement("div",null,i.createElement(We.A,{embedded:!0,key:m,removeFloatStyles:!0})))))})):Ge||(Ge=i.createElement("h1",null,"No related content")),(null==o?void 0:o.pageInfo)&&(null==o||null===(t=o.pageInfo)||void 0===t?void 0:t.hasNextPage)&&i.createElement("div",{style:{display:"flex",alignItems:"center",marginBottom:"18px"}},i.createElement(xe.A,{urlType:"static",disabledState:d,className:"".concat(d?" loading":""),clickHandler:()=>{u()}},"More")),!a.beyond&&i.createElement("div",null,i.createElement(be.A,{authors:a.authors,tags:(0,Ce.A)(a),title:a.title,image:r()(a,"coverMedia.sizes[master]",""),url:a.url,location:a.location,type:"blogs"}))))};var qe={wrapper:(0,N.AH)(".blog-post-content-mobile-seperator{display:block;padding:4px 0;content:'';}@media screen and (min-width:",de.T5.medium,"){.blog-post-content-mobile-seperator{display:none;}}")};class Qe extends i.Component{constructor(){super(...arguments),(0,n.A)(this,"state",{contextSet:!1}),(0,n.A)(this,"setPackageContext",(e=>{""!==e.packageSlug&&!1===this.state.contextSet?(this.setState({contextSet:!0}),e.dispatch((0,c.uU)(e.packageSlug))):""!==e.defaultPackageSlug&&!1===this.state.contextSet&&(this.setState({contextSet:!0}),e.dispatch((0,c.uU)(e.defaultPackageSlug))),e.defaultPackageSlug||this.setState({contextSet:!1})})),(0,n.A)(this,"getBeyondArticle",(()=>{this.props.nid&&""!==this.props.primaryTopic&&u()(this.props.beyondArticle[0])&&this.props.dispatch((0,g.cY)(this.props.nid,r()(this.props,"primaryTopic",""),this.props.slug,"edu_blog"))}))}componentDidMount(){var{id:e,dispatch:t,title:a}=this.props,n=(0,ge.A)(r()(this.props,"location",{}));-1!==n.previewIndex&&e!==n.post_id?t((0,l.rr)("404")):""===a&&t((0,Ue.nF)(r()(n,"name",""))),this.setPackageContext(this.props),(navigator.connection&&"4g"===navigator.connection.effectiveType||!navigator.connection)&&this.getBeyondArticle()}UNSAFE_componentWillReceiveProps(e){if(""===e.title){var t=(0,ge.A)(r()(e,"location",{}));e.dispatch((0,Ue.nF)(r()(t,"name","").toLowerCase()))}this.setPackageContext(e),this.getBeyondArticle()}UNSAFE_componentWillUpdate(e){this.props.dispatch((0,g.YO)(r()(e,"packageContext.packageContext.packageArticleData",{})))}render(){var e,t,a;return i.createElement("div",{className:"container"},i.createElement(ie.A,{type:"Article",seoProps:{title:this.props.title,rawfirstPublished:this.props.rawfirstPublished,rawCreated:this.props.rawCreated,authors:this.props.authors,path:this.props.path,metatags:this.props.metatags,summary:this.props.summary,shareImage:null!==(e=this.props.coverMedia)&&void 0!==e&&e.master?"".concat(null===(t=this.props.coverMedia)||void 0===t?void 0:t.master,"?w=2880&quality=85"):"",eyebrow:null===(a=this.props)||void 0===a?void 0:a.eyebrow}}),i.createElement(i.Fragment,null,i.createElement("div",{className:"article-wrap",onClick:()=>{this.props.dispatch((0,c.e9)())}},i.createElement(Ye,this.props),i.createElement("div",{id:"comments-view"},i.createElement(ae,{nid:this.props.nid,slug:this.props.slug,type:"blogs",commentCount:this.props.commentCount,commentStatus:this.props.commentStatus})),i.createElement(h.pL,{rootMargin:"200px 0px",triggerOnce:!0},(e=>{var{inView:t,ref:a}=e;return i.createElement("aside",{style:{marginBottom:"20px"},ref:a},t&&i.createElement(Te,{host:this.props.host,location:this.props.location,beyondArticles:this.props.beyondArticle}))}))),(this.props.defaultPackageSlug||this.props.packageSlug)&&i.createElement(he,{currentArticle:this.props.slug})))}}var Ze={id:void 0,nid:void 0,vid:void 0,title:"",body:"",created:"",firstPublished:"",eyebrow:"BLOG",coverMediaDisplay:"lite",intro:"",suffix:"",authors:[{}],topics:[],primaryTopic:"",coverMedia:{},embeds:[{}],packageSlug:"",defaultPackageSlug:"",slug:"",host:"",beyondArticle:[],relatedBlogPostContent:{}};Qe.defaultProps=Ze,Ae().string,Ae().number,Ae().number,Ae().string,Ae().string,Ae().string,Ae().string,Ae().string,Ae().string,Ae().string,Ae().string,Ae().string,Ae().string,Ae().string,Ae().string,Ae().string,Ae().arrayOf(Ae().shape({name:Ae().string,url:Ae().string,uid:Ae().number})),Ae().object,Ae().arrayOf(Ae().shape({name:Ae().string,url:Ae().string,tid:Ae().number})),Ae().string,Ae().number,Ae().number,Ae().shape({mediaItemUrl:Ae().string}),Ae().shape({media_type:Ae().string,master:Ae().string}),Ae().arrayOf(Ae().object),Ae().func.isRequired,Ae().string,Ae().string,Ae().string,Ae().string,Ae().arrayOf(Ae().object),Ae().shape({name:Ae().string}),Ae().bool,Ae().shape({pathname:Ae().string}),Ae().shape({title:Ae().string,metaDesc:Ae().string,canonical:Ae().string,opengraphTitle:Ae().string,opengraphUrl:Ae().string,opengraphType:Ae().string,opengraphSiteName:Ae().string,opengraphDescription:Ae().string,opengraphImage:Ae().shape({mediaItemUrl:Ae().string}),twitterDescription:Ae().string,twitterTitle:Ae().string,twitterImage:Ae().shape({mediaItemUrl:Ae().string})});const Xe=(0,d.h)((0,s.Ng)(((e,t)=>{var{packageContext:a,global:n}=e,o=(0,ge.A)(r()(t,"location",{})),i=o.name.toLowerCase(),s=r()(e,"blogs['".concat(i,"']"),{}),{id:l,nid:c,vid:d,title:p,body:m,created:u,changed:h,firstPublishedOn:g,rawCreated:v,rawChanged:y,rawfirstPublished:b,eyebrowComputed:f,profileHasContent:x,coverMediaDisplay:C,intro:E,suffix:w,authors:A,topics:k,primaryTopic:S,defaultPackageSlug:P,slug:N,metatags:T,beyondArticle:M,summary:I,commentCount:O,commentStatus:D,type:H,relatedBlogPostContent:j}=s||{};return{id:l,nid:c,vid:d,title:p,body:m,created:u,updatedOn:h,firstPublished:g,rawCreated:v,rawChanged:y,rawfirstPublished:b,eyebrowComputed:f,coverMediaDisplay:C,intro:E,suffix:w,authors:A,topics:k,primaryTopic:S,profileHasContent:x,packageSlug:r()(a,"packageContext.slug",""),path:o,defaultPackageSlug:P,packageContext:e.packageContext,metatags:T,slug:N,host:r()(n,"host",""),beyondArticle:M,isBot:r()(n,"isBot",!1),summary:I,commentCount:O,commentStatus:D,type:H,relatedBlogPostContent:j}}))(Qe));var Je=a(22883);const et=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{id:"",template:"",title:"",body:"",created:"",firstPublished:"",eyebrow:"",coverMediaDisplay:"full",intro:"",suffix:"",authors:[{}],topics:[{}],coverMedia:{},displayResource:void 0,resourceTitle:"",resourceUrl:{},publisher:[{}],embeds:[{}],url:"",beyond:!1,beyondKey:void 0,beyondParentType:"",slug:"",commentCount:0,commentStatus:"closed"};return i.createElement("div",{className:"page-inner page-inner--content ".concat(e.beyond?"page-inner--no-min-height":""),"data-testid":"curated-view"},i.createElement("article",{className:"article"},i.createElement(ye.A,{id:e.id,beyondHeader:e.beyond,title:e.title,eyebrow:e.eyebrow,intro:e.intro,created:e.created,firstPublished:e.firstPublished,authors:e.authors,hero:e.coverMedia,slug:e.slug,coverMediaDisplay:e.coverMediaDisplay,type:"articles",beyondKey:e.beyondKey,beyondParentType:e.beyondParentType,commentCount:e.commentCount,commentStatus:e.commentStatus}),e.beyond?i.createElement(i.Fragment,null,i.createElement(fe.A,{value:e.body,embeds:e.embeds,coverMedia:e.coverMedia,id:1,title:e.title,url:e.url,location:e.location,beyondArticle:!0}),i.createElement(xe.A,{urlType:"internal",url:e.slug,clickHandler:()=>{(0,ve.GZ)(e.beyondKey+1)}},"Read Full Story")):i.createElement("div",null,!1,i.createElement(fe.A,{value:e.body,title:e.title,url:e.slug,id:2,location:e.location}),i.createElement(be.A,{authors:e.authors,tags:(0,Ce.A)(e),title:e.title,image:r()(e,"coverMedia.sizes[master]",""),url:e.url,type:"articles",location:e.location}))))};class tt extends i.PureComponent{constructor(){super(...arguments),(0,n.A)(this,"state",{contextSet:!1}),(0,n.A)(this,"setPackageContext",(e=>{""!==e.packageSlug&&!1===this.state.contextSet?(this.setState({contextSet:!0}),e.dispatch((0,c.uU)(e.packageSlug))):""!==e.defaultPackageSlug&&!1===this.state.contextSet&&(this.setState({contextSet:!0}),e.dispatch((0,c.uU)(e.defaultPackageSlug)))})),(0,n.A)(this,"getBeyondArticle",(()=>{this.props.nid&&""!==this.props.primaryTopic&&u()(this.props.beyondArticle[0])&&!1===this.props.isBot&&this.props.dispatch((0,g.cY)(this.props.nid,r()(this.props,"primaryTopic",""),this.props.slug,"node--curated"))}))}componentDidMount(){var{id:e,dispatch:t,title:a}=this.props,n=(0,ge.A)(r()(this.props,"location",{}));-1!==n.previewIndex&&e!==n.post_id?this.props.dispatch((0,l.rr)("404")):""===a&&t((0,Je.ZE)(r()(n,"name","").toLowerCase())),this.setPackageContext(this.props),(navigator.connection&&"4g"===navigator.connection.effectiveType||!navigator.connection)&&this.getBeyondArticle()}UNSAFE_componentWillReceiveProps(e){this.setPackageContext(e)}UNSAFE_componentWillUpdate(e){this.props.dispatch((0,g.YO)(r()(e,"packageContext.packageContext.packageArticleData",{})))}render(){var e,t;return i.createElement("div",{className:"container"},"full"===r()(this.props,"coverMediaDisplay")&&i.createElement(oe.A,{media:r()(this.props,"coverMedia"),heroType:"full"}),i.createElement(ie.A,{type:"Article",seoProps:{title:this.props.title,rawfirstPublished:this.props.rawfirstPublished,rawCreated:this.props.rawCreated,authors:this.props.authors,path:this.props.path,metatags:this.props.metatags,summary:this.props.summary,shareImage:null!==(e=this.props.coverMedia)&&void 0!==e&&e.master?"".concat(null===(t=this.props.coverMedia)||void 0===t?void 0:t.master,"?w=2880&quality=85"):""}}),i.createElement(i.Fragment,null,i.createElement("div",{className:"article-wrap",onClick:()=>{this.props.dispatch((0,c.e9)())}},i.createElement(et,{id:this.props.id,title:this.props.title,body:this.props.body,eyebrow:this.props.eyebrow,intro:this.props.intro,created:this.props.created,firstPublished:this.props.firstPublished,authors:this.props.authors,coverMedia:this.props.coverMedia,coverMediaDisplay:this.props.coverMediaDisplay,suffix:this.props.suffix,primaryTopic:this.props.primaryTopic,topics:this.props.topics,embeds:this.props.embeds,slug:this.props.slug,url:"".concat(this.props.host,"/").concat(this.props.slug),displayResource:this.props.displayResource,resourceTitle:this.props.resourceTitle,resourceUrl:this.props.resourceUrl,publisher:this.props.publisher,location:this.props.location,commentCount:this.props.commentCount,commentStatus:this.props.commentStatus}),i.createElement("div",{id:"comments-view"},i.createElement(ae,{nid:this.props.nid,slug:this.props.slug,type:"curated",commentStatus:this.props.commentStatus,commentCount:this.props.commentCount,authorsWhoCommented:this.props.authorsWhoCommented})),i.createElement(h.pL,{rootMargin:"200px 0px",triggerOnce:!0},(e=>{var{inView:t,ref:a}=e;return i.createElement("aside",{ref:a},t&&i.createElement(Te,{host:this.props.host,location:this.props.location,beyondArticles:this.props.beyondArticle}))}))),(this.props.defaultPackageSlug||this.props.packageSlug)&&i.createElement(he,{currentArticle:this.props.title})))}}tt.defaultProps={id:void 0,nid:void 0,vid:void 0,title:"",body:"",created:"",rawCreated:"",firstPublished:"",rawfirstPublished:"",eyebrow:"",coverMediaDisplay:"full",intro:"",summary:"",suffix:"",authors:[{}],topics:[{}],primaryTopic:"",coverMedia:{},displayResource:void 0,resourceTitle:"",metatags:{},resourceUrl:{},publisher:[{}],embeds:[{}],packageSlug:"",defaultPackageSlug:"",slug:"",commentStatus:"closed",commentCount:0,host:"",beyondArticle:[]};const at=(0,d.h)((0,s.Ng)(((e,t)=>{var a=(0,ge.A)(t.location),n=a.name.toLowerCase(),{id:o,nid:i,vid:s,title:l,body:c,created:d,rawCreated:p,firstPublished:m,rawfirstPublished:u,eyebrow:h,coverMediaDisplay:g,intro:v,suffix:y,authors:b,topics:f,primaryTopic:x,coverMedia:C,displayResource:E,resourceTitle:w,resourceUrl:A,publisher:k,embeds:S,defaultPackageSlug:P,slug:N,commentStatus:T,commentCount:M,authorsWhoCommented:I,metatags:O,beyondArticle:D,summary:H}=r()(e,"curated['".concat(n,"']"),{});return{id:o,nid:i,vid:s,title:l,body:c,created:d,rawCreated:p,firstPublished:m,rawfirstPublished:u,eyebrow:h,intro:v,suffix:y,authors:b,coverMediaDisplay:g,topics:f,primaryTopic:x,coverMedia:C,displayResource:E,resourceTitle:w,resourceUrl:A,publisher:k,embeds:S,defaultPackageSlug:P,packageSlug:r()(e,"packageContext.packageContext.slug",""),path:a,packageContext:e.packageContext,slug:N,commentStatus:T,commentCount:M,authorsWhoCommented:I,metatags:O,host:r()(e,"global.host",""),beyondArticle:D,isBot:r()(e,"global.isBot",!1),summary:H}}))(tt));var nt,ot,rt,it,st=a(68154),lt=a(71057),ct=a(8908);class dt extends i.Component{componentDidMount(){var e=(0,ge.A)(r()(this.props,"location",{})),{id:t,dispatch:a}=this.props;a((0,c.n6)()),-1!==e.previewIndex&&t!==e.endpointParams[1]&&this.props.dispatch((0,l.rr)("404"))}UNSAFE_componentWillReceiveProps(){this.props.dispatch((0,c.n6)())}render(){var e,t,a,n="".concat(this.props.seoTitle," | Edutopia"),o=["go/the-research-is-in","go/the-wired-classroom","go/the-intercom","go/newsletters"].includes(this.props.slug);return i.createElement("div",{className:"".concat(lt.A.marketingPage," container")},i.createElement(st.m,null,i.createElement("title",null,n),nt||(nt=i.createElement("meta",{property:"fb:app_id",content:"206362376048616"})),ot||(ot=i.createElement("meta",{property:"og:site_name",content:"Edutopia"})),i.createElement("meta",{property:"og:title",content:"".concat(n)}),i.createElement("meta",{property:"og:image",content:"".concat(null===(e=this.props.seoImage)||void 0===e?void 0:e.url)}),i.createElement("meta",{property:"og:image:secure_url",content:"".concat(null===(t=this.props.seoImage)||void 0===t?void 0:t.url)}),i.createElement("meta",{property:"og:description",content:"".concat(this.props.seoDescription)}),rt||(rt=i.createElement("meta",{name:"twitter:card",content:"summary"})),it||(it=i.createElement("meta",{name:"twitter:site",content:"@edutopia"})),i.createElement("meta",{name:"twitter:title",content:"".concat(n)}),i.createElement("meta",{name:"twitter:description",content:"".concat(this.props.seoDescription)}),i.createElement("meta",{name:"twitter:image",content:"".concat(null===(a=this.props.seoImage)||void 0===a?void 0:a.url)})),this.props.blocks.map(((e,t)=>i.createElement(ct.Q,{key:t,title:e.title,flourish:e.flourish,body:e.body,image:e.image,useEletricOrangeColor:o,imageFloat:e.imageFloat,buttonText:e.buttonText,buttonUrl:e.buttonUrl,backgroundColor:e.backgroundColor}))))}}dt.defaultProps={};const pt=(0,d.h)((0,s.Ng)(((e,t)=>{var a,n=(0,ge.A)(t.location);a=-1!==n.previewIndex?n.name.split("/preview")[0]:n.name.toLowerCase();var{id:o,type:i,created:s,slug:l,seoTitle:c,seoDescription:d,seoImage:p,blocks:m}=r()(e,"marketingPages['".concat(a,"']"),{});return{id:o,type:i,created:s,slug:l,seoTitle:c,seoDescription:d,seoImage:p,blocks:m}}))(dt));var mt=a(14202),ut=a(41459),ht=a(31580),gt=a(22514),vt=a(70590),yt=a(26546),bt=a(66092),ft=a(60260);const xt={termPage:(0,N.AH)("{\n    padding: 21px 10px 0;\n  }"),terms:(0,N.AH)("{\n    margin: 0 auto 30px;\n    max-width: 1280px;\n    box-sizing: content-box;\n    @media screen and (min-width: ".concat(de.T5.small,") {\n      border: 0;\n      box-shadow: none;\n    }\n\n    &:after {\n      display: table;\n      line-height: 0;\n      content: '';\n    }\n\n  }")),termTop:(0,N.AH)("{\n    margin-bottom: 21px;\n    border-bottom: 1px solid ".concat(de.Tj.lightGrey2,";\n\n    @media screen and (min-width: ").concat(de.T5.small,") {\n      margin-bottom: 30px;\n    }\n  }")),termList:(0,N.AH)("{\n    .list-component {\n      margin-bottom: 50px;\n    }\n  }"),list:(0,N.AH)("{\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &__button-wrap {\n      margin-bottom: 30px;\n      text-align: center;\n    }\n  }"),listItem:(0,N.AH)("{\n    margin: 30px 0;\n\n    @media screen and (min-width: ".concat(de.T5.small,") {\n      margin-bottom: 30px;\n    }\n  }")),listItemNewsletterEmbed:(0,N.AH)("{\n    margin: 0 auto -30px;\n    &.full {\n      @media screen and (min-width: ".concat(de.T5.large,") {\n        margin: 0;\n      }\n    }\n    &:empty {\n      display: none;\n    }\n  }")),buttonWrap:(0,N.AH)("{\n    display: flex;\n    justify-content: center;\n  }"),termHeader:(0,N.AH)("{\n    a {\n      font-family: ".concat(T.A.sansSerif,";\n      font-weight: 500;\n      text-decoration: none;\n      color: ").concat(de.Tj.brand2,";\n    }\n\n    a:hover {\n      color: ").concat(de.Tj.brand2Light,";\n    }\n    \n    .rich-text {\n      margin-bottom: 21px;\n      @media screen and (min-width: ").concat(de.T5.small,") {\n        margin-bottom: 30px;\n      }\n      p {\n        margin-bottom: 21px;\n      }\n    }\n  }")),termSorts:(0,N.AH)("{\n    border: 0;\n    margin: 0;\n    padding: 0;\n    font-family: ".concat(T.A.sansSerif,";\n    font-size: 18px;\n    \n    legend {\n      float: left;\n      font-weight: 500;\n      text-transform: uppercase;\n      line-height: 25px;\n      padding: 0;\n    }\n    .activeSort {\n      display: inline-block;\n      font-weight: 500;\n      color: ").concat(de.Tj.brand2,";\n      border-bottom: 4px solid ").concat(de.Tj.brand2,";\n      margin-left: 15px;\n      line-height: 25px;\n      &:hover {\n        cursor: pointer;\n      }\n      @media screen and (min-width: ").concat(de.T5.small,") {\n        display: none;\n      }\n    }\n    .sortOptions {\n      &.open {\n        display: block;\n        @media screen and (min-width: ").concat(de.T5.small,") {\n          display: inline-block;\n        }\n      }\n      display: none;\n      position: absolute;\n      z-index: 500;\n      width: 300px;\n      line-height: 48px;\n      margin-top: 18px;\n      box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.1);\n      border: 1px solid  ").concat(de.Tj.lightGrey2,";\n      background-color: ").concat(de.Tj.white,";\n      &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        height: 16px;\n        width: 16px;\n        margin-top: -9px;\n        margin-left: 40px;\n        background-color: ").concat(de.Tj.white,";\n        border-top: 1px solid ").concat(de.Tj.lightGrey2,";\n        border-left: 1px solid ").concat(de.Tj.lightGrey2,";\n        transform: rotate(45deg);\n        transform-origin: center center;\n      }\n      @media screen and (min-width: ").concat(de.T5.small,") {\n        display: inline-block;\n        position: relative;\n        width: auto;\n        margin: 0;\n        background: 0;\n        border: 0;\n        box-shadow: none;\n        line-height: 25px;\n        &:before {\n          display: none;\n        }\n      }\n    }\n    label {\n      margin: 0 10px;\n      display: block;\n      & span {\n        display: inline-block;\n        width: 100%;\n        border-bottom: 1px solid ").concat(de.Tj.lightGrey2,";\n        color: ").concat(de.Tj.darkGrey,";\n        &:hover {\n          cursor: pointer;\n          text-decoration: underline;\n        }\n      }\n      &:last-of-type {\n        span {\n          border: 0;\n        }\n      }\n      @media screen and (min-width: ").concat(de.T5.small,") {\n        display: inline-block;\n        margin: 0 15px;\n        & span {\n          border: 0;\n        }\n      }\n    }\n    input {\n      position: absolute;\n      left: -100vw;\n      &:checked+span {\n        font-weight: 500;\n        color: ").concat(de.Tj.brand2,";\n        @media screen and (min-width: ").concat(de.T5.small,") {\n          border-bottom: 4px solid ").concat(de.Tj.brand2,";\n        }\n      }\n    }\n  }")),noContentHighlight:(0,N.AH)("{\n    height: 5px;\n    background: ".concat(de.Tj.warning,";\n    animation: expandHighlight 0.2s;\n\n    @keyframes expandHighlight {\n      from {\n        width: 10px;\n      }\n\n      to {\n        width: 100%;\n      }\n    }\n  }")),noContentText:(0,N.AH)("{\n    padding: 0.5em;\n    & > * {\n      margin: 0;\n    }\n    & > p {\n      font-size: 18px;\n      line-height: 24px;\n    }\n  }")};var Ct,Et,wt,At=e=>i.createElement(i.Fragment,null,i.createElement("div",{className:xt.noContentHighlight}),i.createElement(yt.A,null,i.createElement("div",{className:xt.noContentText},e.children)));class kt extends i.Component{constructor(e){super(e),this.state={randomizedAdPos:(0,ve.wP)([2,5]),hasMounted:!1}}componentDidMount(){this.setState({hasMounted:!0})}render(){var{hasMounted:e,randomizedAdPos:t}=this.state;return i.createElement("div",{"data-testid":"term-list"},i.createElement("ul",{className:xt.list},this.props.loading&&(Ct||(Ct=i.createElement(gt.A,null))),!this.props.loading&&0===this.props.content.length&&(Et||(Et=i.createElement(At,null,i.createElement("p",null,"No matches were found. Would you like to"," ",i.createElement(se.N_,{to:"/account/settings"},"check your preferences?"))))),this.props.content.map(((a,n)=>{var o,s,l,c;if(!1!==r()(a,"parentType",!1)){var d,p,m,u,h,g,v,y,b=r()(a,"coverMedia",{}),f=r()(null==a||null===(o=a.attributes)||void 0===o?void 0:o.eduStatsScore,"score",0),x="open"!==(null==a||null===(s=a.attributes)||void 0===s?void 0:s.commentStatus)||null!=a&&null!==(l=a.attributes)&&void 0!==l&&l.isCommentsDisabled?null:null==a||null===(c=a.attributes)||void 0===c?void 0:c.commentCount;d=f>15e3||"node--package"===a.parentType?i.createElement(bt.A,{id:a.id,image:b,video:a.video,link:null==a||null===(p=a.attributes)||void 0===p?void 0:p.slug,authors:a.authors,title:null==a||null===(m=a.attributes)||void 0===m?void 0:m.title,summary:null==a||null===(u=a.attributes)||void 0===u?void 0:u.summary,type:a.parentType,context:"term",packageItems:null==a||null===(h=a.attributes)||void 0===h?void 0:h.packageItems,terms:a.terms,score:f,commentCount:x,renderRawData:!0}):i.createElement(ft.A,{id:a.id,image:b,video:a.video,eduVideo:null==a?void 0:a.eduVideo,link:null==a||null===(g=a.attributes)||void 0===g?void 0:g.slug,authors:a.authors,title:null==a||null===(v=a.attributes)||void 0===v?void 0:v.title,summary:null==a||null===(y=a.attributes)||void 0===y?void 0:y.summary,type:a.parentType,context:"term",packageItems:null==a?void 0:a.packageItems,terms:a.terms,score:f,commentCount:x,renderRawData:!0});var C=null;return e&&n===t&&(C=i.createElement("li",{className:"".concat(xt.listItemNewsletterEmbed," list-item clearfix"),key:"TermListNewsletterAd"},wt||(wt=i.createElement(We.A,null)))),i.createElement(i.Fragment,{key:n},i.createElement("li",{className:"".concat(xt.listItem," list-item clearfix")},d),C)}}))),this.props.showButton&&0!==this.props.content.length&&i.createElement("div",{className:xt.buttonWrap},i.createElement(xe.A,{urlType:"static",clickHandler:this.props.loadMore,disabledState:this.props.disabledState},"More")))}}kt.defaultProps={displayAds:!1};const St=(0,vt.A)(kt);var Pt,Nt;class Tt extends i.Component{constructor(){super(...arguments),(0,n.A)(this,"state",{sortIndex:0,sortOpen:!1}),(0,n.A)(this,"handleSortChange",(e=>{this.setState({sortIndex:Number(e.target.value),sortOpen:!0}),W.Ay.event({category:"TermSort",action:e.target.dataset.value})})),(0,n.A)(this,"handleSortClick",(()=>{this.setState({sortOpen:!0})}))}componentDidUpdate(e){this.props.slug!==e.slug&&this.setState({sortIndex:0,sortOpen:!1})}render(){var e,t=[{value:"default",label:"Recommended",display:!0},{value:"latest",label:"Latest",display:!0},{value:"personalized",label:"Your Matches",display:null===(e=this.props.user)||void 0===e?void 0:e.id}];return i.createElement("div",{className:"page-inner page-inner--content ".concat(xt.termPage),"data-testid":"term-view"},this.props.name?i.createElement("div",{className:xt.terms,"data-testid":"terms"},i.createElement(ie.A,{type:"WebPage",seoProps:{metatags:this.props.metatags,summary:this.props.description}}),i.createElement("div",{className:xt.termTop},i.createElement("div",{className:xt.termHeader},i.createElement("h1",null,this.props.name," "),this.props.intro&&i.createElement(fe.A,{value:this.props.intro})),i.createElement("fieldset",{className:xt.termSorts},Pt||(Pt=i.createElement("legend",null,"Sort by:")),i.createElement("div",{className:"activeSort",onClick:()=>this.setState({sortOpen:!this.state.sortOpen})},t[this.state.sortIndex].label),i.createElement("div",{className:"sortOptions ".concat(this.state.sortOpen?"open":"")},t.filter((e=>e.display)).map(((e,t)=>i.createElement("label",{htmlFor:"sort-".concat(t),key:"sort-".concat(t)},i.createElement("input",{type:"radio",id:"sort-".concat(t),name:"sort",value:t,"data-value":e.value,checked:this.state.sortIndex===t,onChange:this.handleSortChange,onClick:this.handleSortClick}),i.createElement("span",null,e.label))))))),"default"===t[this.state.sortIndex].value&&i.createElement("div",{className:xt.termList},i.createElement(St,{content:this.props.content,nextCall:this.props.nextCall,isTerm:!0,paginate:!0,id:this.props.id,uuid:this.props.uuid,listSort:t[this.state.sortIndex].value,sortOpen:this.state.sortOpen,autoLoad:!1})),"latest"===t[this.state.sortIndex].value&&i.createElement("div",{className:xt.termList},i.createElement(St,{content:this.props.contentLatest,nextCall:this.props.latestCall,listSort:t[this.state.sortIndex].value,isTerm:!0,paginate:!0,id:this.props.id,uuid:this.props.uuid,sortOpen:this.state.sortOpen,autoLoad:!1})),"personalized"===t[this.state.sortIndex].value&&i.createElement("div",{className:xt.termList},i.createElement(St,{content:this.props.contentPersonalized,nextCall:this.props.personalizedCall,listSort:t[this.state.sortIndex].value,isTerm:!0,paginate:!0,id:this.props.id,uuid:this.props.uuid,sortOpen:this.state.sortOpen,autoLoad:!1}))):Nt||(Nt=i.createElement(gt.A,null)))}}Tt.defaultProps={name:"",intro:"",description:"",content:[],nextCall:"",latestCall:"",contentLatest:[],personalizedCall:"",contentPersonalized:[],follows:"",user:{},metatags:{}};const Mt=Tt;var It=new ht.A;class Ot extends i.Component{render(){var e=It.get("edu-follows");return i.createElement("div",{className:"container","data-testid":"term-page"},i.createElement("div",{className:"article-wrap"},i.createElement(Mt,{name:this.props.name,id:this.props.id,uuid:this.props.uuid,slug:this.props.slug,intro:this.props.intro,description:this.props.description,content:this.props.content,nextCall:this.props.nextCall,metatags:this.props.metatags,contentLatest:this.props.contentLatest,latestCall:this.props.latestCall,contentPersonalized:this.props.contentPersonalized,personalizedCall:this.props.personalizedCall,follows:e,user:this.props.user})))}}Ot.defaultProps={name:"",intro:"",description:"",content:[],nextCall:"",metatags:{},latestCall:"",contentLatest:[],personalizedCall:"",contentPersonalized:[],user:{}};const Dt=(0,d.h)((0,s.Ng)(((e,t)=>{var a,n=(0,ge.A)(t.location);a=-1!==n.previewIndex?1===n.previewIndex?"".concat(n.pathArray[0]):"".concat(n.pathArray[0],"/").concat(n.pathArray[1]):n.name.toLowerCase();var o=It.get("edu-follows"),{uuid:i,id:s,vid:l,name:c,intro:d,description:p,slug:m,content:u,nextCall:h,included:g,metatags:v,latestCall:y,contentLatest:b,personalizedCall:f,contentPersonalized:x}=r()(e,"terms['".concat(a,"']"),{}),{user:C}=r()(e,"global",{});return{uuid:i,id:s,vid:l,name:c,intro:d,description:p,slug:m,content:u,nextCall:h,included:g,metatags:v,latestCall:y,contentLatest:b,personalizedCall:o&&f&&-1===f.indexOf("grades=")?"".concat(f,"?grades=").concat(o):f,contentPersonalized:x,user:C}}))(Ot));var Ht,jt=a(15156);const Lt=(0,d.h)((0,s.Ng)(((e,t)=>{var{videos:a,packageContext:n,global:o}=e,i=(0,ge.A)(r()(t,"location",{})),s=i.name.toLowerCase(),{id:l,nid:c,vid:d,title:p,body:m,created:u,rawCreated:h,firstPublished:g,rawfirstPublished:v,eyebrow:y,coverMediaDisplay:b,intro:f,suffix:x,authors:C,topics:E,primaryTopic:w,video:A,embeds:k,transcript:S,defaultPackageSlug:P,slug:N,metatags:T,beyondArticle:M,commentCount:I,commentStatus:O,authorsWhoCommented:D,summary:H}=r()(a,"['".concat(s,"']"))?a["".concat(s)]:{};return{id:l,nid:c,vid:d,title:p,body:m,created:u,rawCreated:h,firstPublished:g,rawfirstPublished:v,eyebrow:y,coverMediaDisplay:b,intro:f,suffix:x,authors:C,topics:E,primaryTopic:w,video:A,embeds:k,transcript:S,packageSlug:r()(n,"packageContext.slug",""),path:i,defaultPackageSlug:P,commentCount:I,commentStatus:O,authorsWhoCommented:D,packageContext:n,metatags:T,slug:N,host:r()(o,"host",""),beyondArticle:M,isBot:r()(o,"isBot",!1),summary:H}}))((function(){var e,t,a,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{id:void 0,nid:void 0,vid:void 0,title:"",body:{},created:"",rawCreated:"",firstPublished:"",rawfirstPublished:"",eyebrow:"",coverMediaDisplay:"lite",intro:"",summary:"",suffix:"",authors:[{}],topics:[{}],primaryTopic:"",video:{},embeds:[{}],transcript:{},packageSlug:"",defaultPackageSlug:"",slug:"",host:"",beyondArticle:[{}]},{id:o,dispatch:s,title:d,location:p,packageSlug:m,defaultPackageSlug:v,nid:y,primaryTopic:b,beyondArticle:f=[{}],packageContext:x}=n,[C,E]=(0,i.useState)(!1);(0,i.useEffect)((()=>{var e=(0,ge.A)(r()(p,{}));-1!==e.previewIndex&&o!==e.post_id?s((0,l.rr)("404")):""===d&&s((0,jt.a0)(r()(e,"name","").toLowerCase())),w(),(navigator.connection&&"4g"===navigator.connection.effectiveType||!navigator.connection)&&A()}),[o,d,p,s]),(0,i.useEffect)((()=>{s((0,g.YO)(r()(x,"packageContext.packageArticleData",{})))}),[x,s]);var w=()=>{""===m||C?""===v||C?v||E(!1):(E(!0),s((0,c.uU)(v))):(E(!0),s((0,c.uU)(m)))},A=()=>{y&&""!==b&&u()(f[0])&&s((0,g.cY)(y,b,n.slug,"node--video"))};return i.createElement("div",{className:"container"},n.title?i.createElement("div",{className:"video"},i.createElement("div",{className:"article-wrap",onClick:()=>{n.dispatch((0,c.e9)())}},i.createElement(ie.A,{type:"Article",seoProps:{contentType:"Video",title:n.title,rawfirstPublished:n.rawfirstPublished,rawCreated:n.rawCreated,authors:n.authors,path:n.path,metatags:n.metatags,summary:n.summary,shareImage:null===(e=n.video)||void 0===e?void 0:e.video_still,eyebrow:n.eyebrow,videoDuration:null===(t=n.video)||void 0===t?void 0:t.duration,videoURL:null===(a=n.video)||void 0===a?void 0:a.video_url}}),i.createElement(Se,{id:n.id,commentStatus:n.commentStatus,commentCount:n.commentCount,title:n.title,body:n.body,created:n.created,firstPublished:n.firstPublished,eyebrow:n.eyebrow,coverMediaDisplay:n.coverMediaDisplay,intro:n.intro,suffix:n.suffix,authors:n.authors,primaryTopic:n.primaryTopic,topics:n.topics,video:n.video,embeds:n.embeds,transcript:n.transcript,slug:n.slug,url:"".concat(n.host,"/").concat(n.slug),location:n.location}),i.createElement("div",{id:"comments-view"},i.createElement(ae,{nid:n.nid,slug:n.slug,type:"videos",commentCount:n.commentCount,commentStatus:n.commentStatus,authorsWhoCommented:n.authorsWhoCommented})),i.createElement(h.pL,{rootMargin:"200px 0px",triggerOnce:!0},(e=>{var{inView:t,ref:a}=e;return i.createElement("aside",{style:{marginBottom:"20px"},ref:a},t&&i.createElement(Te,{host:n.host,location:n.location,beyondArticles:n.beyondArticle}))}))),(n.defaultPackageSlug||n.packageSlug)&&i.createElement(he,{currentArticle:n.slug})):Ht||(Ht=i.createElement(gt.A,null)))})));var _t=a(11760);class Ft extends i.PureComponent{constructor(){super(...arguments),(0,n.A)(this,"state",{contextSet:!1}),(0,n.A)(this,"setPackageContext",(e=>{""!==e.packageSlug&&!1===this.state.contextSet?(this.setState({contextSet:!0}),e.dispatch((0,c.uU)(e.packageSlug))):""!==e.defaultPackageSlug&&!1===this.state.contextSet&&(this.setState({contextSet:!0}),e.dispatch((0,c.uU)(e.defaultPackageSlug))),e.defaultPackageSlug||this.setState({contextSet:!1})})),(0,n.A)(this,"getBeyondArticle",(()=>{this.props.nid&&""!==this.props.primaryTopic&&u()(this.props.beyondArticle[0])&&this.props.dispatch((0,g.cY)(this.props.nid,r()(this.props,"primaryTopic",""),this.props.slug,"edu_visual_essay"))}))}componentDidMount(){var{id:e,dispatch:t,title:a}=this.props,n=(0,ge.A)(r()(this.props,"location",{}));-1!==n.previewIndex&&e!==n.post_id?this.props.dispatch((0,l.rr)("404")):""===a&&t((0,_t.ob)(r()(n,"name","").toLowerCase())),this.setPackageContext(this.props),(navigator.connection&&"4g"===navigator.connection.effectiveType||!navigator.connection)&&this.getBeyondArticle()}UNSAFE_componentWillReceiveProps(e){this.setPackageContext(e)}render(){var e,t,a,n;return i.createElement("div",{className:"container visual-essay-page"},i.createElement(ie.A,{type:"visual-essay",seoProps:{title:this.props.title,rawfirstPublished:this.props.rawfirstPublished,rawCreated:this.props.rawCreated,authors:this.props.authors,path:this.props.path,metatags:this.props.metatags,summary:this.props.summary,shareImage:null!==(e=this.props.coverMedia)&&void 0!==e&&e.master?"".concat(null===(t=this.props.coverMedia)||void 0===t?void 0:t.master,"?w=2880&quality=85"):"",eyebrow:null===(a=this.props)||void 0===a?void 0:a.eyebrow,topics:null===(n=this.props)||void 0===n?void 0:n.topics}}),i.createElement(oe.A,{media:r()(this.props,"coverMedia"),heroType:"full"}),i.createElement(i.Fragment,null,i.createElement("div",{className:"article-wrap",onClick:()=>{this.props.dispatch((0,c.e9)())}},i.createElement(Pe,{id:this.props.id,commentStatus:this.props.commentStatus,commentCount:this.props.commentCount,title:this.props.title,body:this.props.body,eyebrow:this.props.eyebrow,intro:this.props.intro,created:this.props.created,firstPublished:this.props.firstPublished,authors:this.props.authors,eduVideo:this.props.eduVideo,coverMedia:this.props.coverMedia,coverMediaDisplay:this.props.coverMediaDisplay,suffix:this.props.suffix,primaryTopic:this.props.primaryTopic,topics:this.props.topics,embeds:this.props.embeds,slug:this.props.slug,url:"".concat(this.props.host,"/").concat(this.props.slug),location:this.props.location}),i.createElement("div",{id:"comments-view"},i.createElement(ae,{nid:this.props.nid,slug:this.props.slug,type:"visualEssays",commentStatus:this.props.commentStatus,commentCount:this.props.commentCount,authorsWhoCommented:this.props.authorsWhoCommented})),i.createElement(h.pL,{rootMargin:"200px 0px",triggerOnce:!0},(e=>{var{inView:t,ref:a}=e;return i.createElement("aside",{style:{marginBottom:"20px"},ref:a},t&&i.createElement(Te,{host:this.props.host,location:this.props.location,beyondArticles:this.props.beyondArticle}))})))))}}Ft.defaultProps={id:void 0,nid:void 0,vid:void 0,title:"",body:"",created:"",rawCreated:"",firstPublished:"",rawfirstPublished:"",eyebrow:"",coverMediaDisplay:"full",intro:"",suffix:"",authors:[{}],topics:[{}],primaryTopic:"",eduVideo:{mediaItemUrl:void 0},coverMedia:{},embeds:[{}],packageSlug:"",defaultPackageSlug:"",slug:"",host:"",beyondArticle:[],authorsWhoCommented:[]};const Ut=(0,d.h)((0,s.Ng)(((e,t)=>{var a=(0,ge.A)(t.location),n=a.name.toLowerCase(),{id:o,nid:i,vid:s,title:l,body:c,created:d,rawCreated:p,firstPublished:m,rawfirstPublished:u,eyebrow:h,coverMediaDisplay:g,eduVideo:v,intro:y,suffix:b,authors:f,topics:x,primaryTopic:C,coverMedia:E,embeds:w,defaultPackageSlug:A,commentStatus:k,commentCount:S,authorsWhoCommented:P,slug:N,metatags:T,beyondArticle:M,summary:I}=r()(e,"visualEssays['".concat(n,"']"),{});return{id:o,nid:i,vid:s,title:l,body:c,created:d,rawCreated:p,firstPublished:m,rawfirstPublished:u,eyebrow:h,intro:y,suffix:b,authors:f,coverMediaDisplay:g,topics:x,primaryTopic:C,eduVideo:v,coverMedia:E,embeds:w,defaultPackageSlug:A,packageSlug:r()(e,"packageContext.packageContext.slug",""),path:a,packageContext:e.packageContext,commentStatus:k,commentCount:S,authorsWhoCommented:P,slug:N,metatags:T,host:r()(e,"global.host",""),beyondArticle:M,isBot:r()(e,"global.isBot",!1),summary:I}}))(Ft));var Bt,Vt,zt,Wt,Kt,Rt,Gt,$t,Yt,qt,Qt,Zt=a(62380);class Xt extends i.Component{constructor(){super(...arguments),(0,n.A)(this,"getPath",(e=>(0,ge.A)(r()(e,"location",{}))))}componentDidMount(){var e=this.getPath(this.props);-1===e.previewIndex&&this.props.dispatch((0,l.PK)(e.name.toLowerCase()))}UNSAFE_componentWillUpdate(e){var t=this.getPath(e),a=t.name.toLowerCase();if(-1===t.previewIndex&&this.props.dispatch((0,l.PK)(a)),!1!==r()(e,"packageContext",!1)){var n=r()(e,"packageContext.packageItems",[]),o=(0,ve.EZ)(n,a),i=e.packages["".concat(e.params.splat)]||!1;!1===o&&!1===i&&this.props.dispatch((0,c.n6)())}}getCurrent(){var e=(0,ge.A)(r()(this.props,"location",{})).name.toLowerCase();return Object.prototype.hasOwnProperty.call(this.props.articles,e)?"article":Object.prototype.hasOwnProperty.call(this.props.curated,e)?"curated":Object.prototype.hasOwnProperty.call(this.props.pages,e)?"page":Object.prototype.hasOwnProperty.call(this.props.marketingPages,e)?"go":Object.prototype.hasOwnProperty.call(this.props.newsletterPages,e)?"the-wired-classroom":Object.prototype.hasOwnProperty.call(this.props.packages,e)?"package":Object.prototype.hasOwnProperty.call(this.props.blogs,e)?"blog":Object.prototype.hasOwnProperty.call(this.props.visualEssays,e)?"visual-essay":Object.prototype.hasOwnProperty.call(this.props.videos,e)?"video":Object.prototype.hasOwnProperty.call(this.props.schools,e)?"school":Object.prototype.hasOwnProperty.call(this.props.terms,e)?"term":"loading"}render(){var e=this.getCurrent();return i.createElement("div",{className:"resolver"},"article"===e&&(Bt||(Bt=i.createElement(Ie,null))),"school"===e&&(Vt||(Vt=i.createElement(ut.default,null))),"curated"===e&&(zt||(zt=i.createElement(at,null))),"page"===e&&(Wt||(Wt=i.createElement(Fe,null))),"go"===e&&(Kt||(Kt=i.createElement(pt,null))),"the-wired-classroom"===e&&(Rt||(Rt=i.createElement(Zt.A,null))),"package"===e&&(Gt||(Gt=i.createElement(mt.default,null))),"visual-essay"===e&&($t||($t=i.createElement(Ut,null))),"video"===e&&(Yt||(Yt=i.createElement(Lt,null))),"blog"===e&&(qt||(qt=i.createElement(Xe,null))),"term"===e&&(Qt||(Qt=i.createElement(Dt,null))),"loading"===e&&i.createElement(gt.A,{offlineStatus:this.props.offlineStatus}))}}Xt.defaultProps={children:{},httpError:void 0,offlineStatus:!1};var Jt=e=>{var{articles:t,curated:a,pages:n,marketingPages:o,newsletterPages:r,videos:i,blogs:s,visualEssays:l,schools:c,packages:d,terms:p,packageContext:m}=e;return{articles:t,curated:a,pages:n,marketingPages:o,newsletterPages:r,videos:i,blogs:s,visualEssays:l,schools:c,packages:d,terms:p,packageContext:m.packageContext,offlineStatus:e.global.offlineStatus}};const ea=(0,d.h)((0,s.Ng)(Jt)(Xt))},96300:(e,t,a)=>{a.d(t,{A:()=>l});var n,o=a(75930),r=a(96540),i=a(81575),s=a(45573);a(47089);const l=e=>r.createElement("div",{className:d.containerContent},r.createElement(i.A,{value:e.body,id:e.id,title:e.title,location:e.location}),r.createElement("div",{className:c.articleFooterBlock},n||(n=r.createElement("h3",{className:"section-heading--small"},"Share This Page")),r.createElement(s.A,{url:"".concat("https://www.edutopia.org").concat(e.location.pathname),title:e.metatags.opengraphTitle})));var c={articleFooterBlock:(0,o.AH)("display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 27px;h3{margin-top:0;margin-bottom:9px;vertical-align:top;line-height:18px;}")},d={containerContent:(0,o.AH)("min-height:calc(100vh - 90px);")}}}]);