https://thehumaneleague.org/_next/static/chunks/3941.344bc4970ca9ac61.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3941],{53792:function(e,t,n){"use strict";n.d(t,{R:function(){return A}});var r=n(68575),s=n(59688),i=n(92713),o=n(57437),a=n(2265),c=n(40718),l=n.n(c),d=n(63805),u=n(88017),h=n(54887),p=n(74595),m=n.n(p),f=n(61994),b=n(36699),v=n.n(b),y=n(83464);let g={},k=async e=>{if(!e)return{data:""};if(g[e])return g[e];let t=y.Z.get(e);return g[e]=t,t};var _=n(96785);let S=(0,u.parse)(location.search),x=["sourceid"].reduce((e,t)=>(S[t]&&(e[t]=S[t]),e),{}),C=async e=>{let{data:t}=await k(e);return t},E=e=>"iframe";class q extends a.PureComponent{get iframeDocument(){return(0,d.Z)(["current","contentDocument"],this.formRoot)}get iframeWindow(){return(0,d.Z)(["current","contentWindow"],this.formRoot)}get iframeLocationSearch(){let e={...x,...(0,u.parse)(location.search)};return Object.keys(e).reduce((t,n)=>t+"".concat(n,"=").concat(e[n],"&"),"?").replace(/\&$/,"")}render(){let{title:e,children:t,className:n,template:r,type:s}=this.props,i=r||"/".concat(E(s),".html").concat(this.iframeLocationSearch);return this.context.isActive&&(0,o.jsxs)(a.Fragment,{children:[(0,o.jsx)("iframe",{"aria-label":e,ref:this.formRoot,src:i,onLoad:this.init,title:"".concat(e," - ").concat(m()()),className:(0,f.Z)(v().iframe,n)}),this.state.frameDocument&&t&&h.createPortal(t({host:this.state.frameDocument,hostWindow:this.iframeWindow}),this.state.frameDocument.body)]})}constructor(...e){super(...e),this.state={frameDocument:null},this.init=async()=>{let e=this.iframeDocument;if(!e)return;let t=document.createElement("script");t.src="/iframeResizer.contentWindow.js",e.head.appendChild(t),e.documentElement.setAttribute("lang","".concat(this.props.currentLanguage));let r=document.createElement("script");r.src="/gtmElevator.js",e.head.appendChild(r);let{iframeResizer:s}=await Promise.all([n.e(2819),n.e(8676)]).then(n.t.bind(n,28676,23));s({checkOrigin:!1,heightCalculationMethod:"documentElementOffset",resizeFrom:"child"},this.formRoot.current),this.setState({frameDocument:e});let i=await C(this.props.stylesheetSrc),o=document.createElement("style");o.type="text/css",o.styleSheet?o.styleSheet.cssText=i:o.append(document.createTextNode(i)),e.head.appendChild(o)},this.formRoot=a.createRef()}}q.propTypes={children:l().any,stylesheetSrc:l().string,title:l().string.isRequired,template:l().string,className:l().string,currentLanguage:l().string,type:l().string.isRequired},q.contextType=_.k;var T=n(16333);let w=(0,i.zB)({currentLanguage:T.J});var A=(0,r.$j)(w,e=>(0,s.DE)({},e))(q)},23941:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return D}});var r=n(57437),s=n(2265),i=n(40718),o=n.n(i),a=n(61994);let c=(e,t)=>{let n=document.createElement("script");return n.src=e,"event"!==t&&"emailValidation"!==t&&(n.crossOrigin="anonymous"),n.type="text/javascript",n};class l extends s.PureComponent{componentDidMount(){let{scriptSrc:e,type:t,host:n,isEmailValidated:r}=this.props,s=(e,t)=>{n.head.querySelector('script[src="'.concat(e,'"]'))||n.head.appendChild(c(e,t))};s(e,t),r&&s("https://live.thehumaneleague.org/theme-scripts/email-validation.js","emailValidation")}render(){let{type:e,embededElement:t,customClass:n}=this.props;return(0,r.jsx)("div",{dangerouslySetInnerHTML:{__html:t},"data-iframe-height":!0,className:n||"form--".concat(e)})}}l.propTypes={scriptSrc:o().string,embededElement:o().string,host:o().object,hostWindow:o().object,type:o().string,customClass:o().string,isEmailValidated:o().bool};class d{add(e,t){this._callbacks[e]=this._callbacks[e]||[],this._callbacks[e].push(t)}constructor(e){e.nvtag_callbacks=e.nvtag_callbacks||{},this._callbacks=e.nvtag_callbacks}}class u extends s.PureComponent{componentDidMount(){this.initFormCallbacks()}initFormCallbacks(){let e=new d(this.props.hostWindow);e.add("preSegue",this.props.onSubmit),e.add("postFill",this.props.onFormRendered)}constructor(...e){super(...e),this.render=()=>this.props.submitted?null:(0,r.jsx)(l,{...this.props})}}u.propTypes={hostWindow:o().object,onFormRendered:o().func,onSubmit:o().func,submitted:o().bool};var h=n(90933),p=(0,n(15338).vU)({backButton:{id:"takeActionForm.backButton",defaultMessage:"Back"}}),m=n(3313);class f{constructor(e,t){this._changePlaceholder=()=>

1{this.host.querySelectorAll("input[type='email']").forEach(e=>{e.placeholder=""})},this._checkedCheckboxes=()=>{this.host.querySelectorAll(".Interests .at-check").forEach(e=>{this.activistCodeArray.forEach(t=>{e.querySelector("span").innerText===t&&(e.querySelector("input").checked=!0)})})},this._setTabIndexes=()=>{this.host.querySelector('input[name="FirstName"]').setAttribute("tabIndex","1"),this.host.querySelector('input[name="LastName"]').setAttribute("tabIndex","2"),this.host.querySelector("input.intl-phone-MobilePhone").setAttribute("tabIndex","3"),this.host.querySelector('input[name="EmailAddress"]').setAttribute("tabIndex","4"),this.host.querySelector('input[name="PostalCode"]').setAttribute("tabIndex","5"),this.host.querySelector("select").setAttribute("tabIndex","6")},this.populate=()=>{this._changePlaceholder(),this._checkedCheckboxes(),setTimeout(this._setTabIndexes)},this.host=e,this.activistCodeArray=t}}class b extends s.PureComponent{componentDidMount(){this.initFormCallbacks()}initFormCallbacks(){let e=new f(this.props.host,this.props.activistCodeArray),t=new d(this.props.hostWindow);t.add("onSubmit",this.hideBackButton),t.add("preSegue",this.props.onSubmit),t.add("postFill",this.props.onFormRendered),t.add("postRender",e.populate),t.add("postRender",this.showBackButton)}constructor(...e){super(...e),this.state={showButton:!1},this.showBackButton=e=>{let{thank:t}=e;t||setTimeout(()=>this.setState({showButton:!0}))},this.hideBackButton=()=>this.setState({showButton:!1}),this.backButtonRef=(0,s.createRef)(),this.render=()=>(0,r.jsxs)(s.Fragment,{children:[(0,r.jsx)(l,{...this.props}),(0,r.jsx)("div",{className:"take-action-from__back-button",...(0,m.GX)(this.props.stepBack),ref:this.backButtonRef,style:{opacity:this.state.showButton?1:0},children:(0,r.jsx)(h.Z,{...p.backButton})})]})}}b.propTypes={host:o().object.isRequired,hostWindow:o().object.isRequired,onFormRendered:o().func.isRequired,onSubmit:o().func.isRequired,stepBack:o().func.isRequired,activistCodeArray:o().array.isRequired};var v=n(71096),y=n.n(v);class g{constructor(e){this.shorten=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:" ";return e.length<=t?e:e.substr(0,e.lastIndexOf(n,t))+"&hellip;"},this.registerLinkClick=e=>{dataLayer.push({event:"Click",elementType:"Event Link",element:e.currentTarget.querySelector("a").href})},this._modifyEventCards=()=>{let e=this.host.querySelectorAll(".oa-event-result-container");e&&e.forEach(e=>{let t=e.getAttribute("data-event-name"),n=e.querySelector(".oa-event-result-name-link").getAttribute("href"),r=e.querySelector(".oa-event-result-type").innerText,s=e.querySelector(".oa-event-result-starttime").innerText,i=e.querySelector(".oa-event-result-endtime").innerText,o=e.querySelector(".oa-event-result-timezone").innerText,a=new Date(e.querySelector(".oa-event-result-startdate").innerText),c=y()(a.toString()).format("dddd, MMMM D, YYYY"),l=e.querySelector(".oa-event-result-description")?e.querySelector(".oa-event-result-description").innerText:"",d=l?this.shorten(l,110):"",u=["THL Virtual Action","NCMC","Virtual Art Activism"].includes(r),h=["In-Person COVID Waiv"].includes(r),p=e.querySelector(".oa-event-result-location").innerText,m=document.createElement("a");m.setAttribute("href",n),m.setAttribute("target","_blank"),m.setAttribute("rel","noopener noreferrer");let f='<a href="'.concat(n,'" target="_blank" rel="noopener noreferrer">\n          <div class="ea-event__content">\n            ').concat(u?'<div class="ea-event__recommended">Recommended</div>':"","\n            ").concat(h?'<div class="ea-event__inperson">In-Person</div>':"",'\n            <h3 class="ea-event__title">').concat(t,'</h3>\n            <p class="ea-event__description" title="').concat(l,'">').concat(d,'</p>\n            <ul class="ea-event__details">\n              <li class="ea-event__detail ea-event__detail--location">\n                ').concat(p.startsWith("http")?"Online":p,'\n              </li>\n              <li class="ea-event__detail ea-event__detail--date">\n                <time datetime="').concat(a.toISOString(),'">').concat(c,'</time>\n              </li>\n              <li class="ea-event__detail ea-event__detail--time">\n                From ').concat(s," to ").concat(i," ").concat(o,"\n              </li>\n            </ul>\n          </div>\n        </a>");e.innerHTML=f,e.addEventListener("click",this.registerLinkClick),e.classList.add("ea-event")})},this._wrapEventsList=()=>{let e=this.host.querySelector(".oa-event-list-results-container"),t=document.createElement("div"),n=this.host.querySelectorAll(".oa-event-result-container"),r=e.querySelector("h3"),s=e.querySelector(".oa-map-container");

1n.length&&(n.forEach(e=>{t.appendChild(e)}),t.classList.add("ea-events-list"),e.prepend(t),s&&e.prepend(s),e.prepend(r))},this._inputToButton=()=>{let e=this.host.querySelector("#EventListSubmit"),t=e.parentNode,n=e.value;t.innerHTML='<button type="submit" id="EventListSubmit">'.concat(n,"</button>")},this._injectScrollLink=()=>{let e=this.host.querySelector(".oa-event-list-results-container"),t=document.createElement("span"),n=document.createElement("div"),r=document.createElement("a");n.classList.add("read-more"),r.classList.add("read-more__link"),r.setAttribute("href","#"),r.innerText="Read more about our event types below",n.append(r),e.prepend(n),e.append(t),r.addEventListener("click",e=>{e.preventDefault(),t.scrollIntoView({behavior:"smooth"})})},this._quickFilters=()=>{let e=this.host.getElementById("EventListSubmit"),t=this.host.querySelector(".oa-input-container"),n=this.host.getElementById("EventTypes"),r=n.querySelectorAll("option"),s=[];r.forEach(e=>{s.push(e.innerText)});let i=Array.from(n.selectedOptions).map(e=>e.text),o=document.createElement("h3");o.innerText="What are you looking to do?";let a=document.createElement("div");a.classList.add("quick-filter-container"),[{label:"I’m new! Help me get started.",text:["National Changemaker Call","Virtual Education","NCMC"]},{label:"I want to make a difference.",text:["THL Virtual Action","Virtual Art Activism","Virtual Take Action","In-Person COVID Waiv"]},{label:"I want to make friends.",text:["THL Virtual Social","Virtual Social","Virtual Book Club"]}].forEach(t=>{let n=t.text.filter(e=>s.includes(e)),o=document.createElement("label");o.classList.add("at-check");let c=document.createElement("input");c.setAttribute("type","checkbox"),c.setAttribute("name","quick-filter"),c.setAttribute("data-values",n.toString());let l=document.createElement("span");l.classList.add("at-checkbox-title-container");let d=document.createElement("span");d.classList.add("at-checkbox-title"),d.innerText=t.label,c.checked=c.dataset.values&&n.every(e=>i.includes(e)),l.append(d),o.append(c),o.append(l),a.append(o),c.addEventListener("change",t=>{let n=this.host.querySelectorAll('input[name="quick-filter"]:checked'),s=[];n.forEach(e=>{s=s.concat(e.dataset.values.split(","))}),t.currentTarget.checked||(s=s.filter(e=>!t.currentTarget.dataset.values.split(",").includes(e))),r.forEach(e=>{e.selected=s.includes(e.text)}),e.click()})}),t.prepend(a),t.prepend(o)},this._scrolltoEventsList=()=>{this.host.querySelector(".form--event").scrollIntoView({behavior:"smooth"})},this.populate=()=>{this._modifyEventCards(),this._wrapEventsList(),this._inputToButton(),this._injectScrollLink(),this._quickFilters(),this._scrolltoEventsList()},this.createObserver=()=>{let e=this.host.querySelector(".page-content");new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.length&&this.populate()})}).observe(e,{childList:!0})},this.host=e}}class k extends s.PureComponent{componentDidMount(){let{host:e}=this.props,t=new g(this.props.host);e.addEventListener("oaPages.postRender",t.populate),e.addEventListener("oaPages.postRender",t.createObserver)}constructor(...e){super(...e),this.render=()=>(0,r.jsx)(l,{...this.props})}}k.propTypes={hostWindow:o().object,host:o().object.isRequired};var _=n(53792),S=n(40157),x=n(86836),C=n.n(x);class E{constructor(e){this._changePlaceholder=()=>{this.host.querySelectorAll("input[type='email'][title], input[type='text'][title], input[type='tel'][title]").forEach(e=>{e.placeholder=e.title})},this.populate=()=>{setTimeout(this._changePlaceholder)},this.host=e}}var q=n(85318);class T extends s.PureComponent{componentDidMount(){this.initFormCallbacks()}initFormCallbacks(){let e=new E(this.props.host),t=new d(this.props.hostWindow);t.add("preSegue",this.onSubmit),t.add("postRender",e.populate),t.add("onSubmit",this.onSubmit)}constructor(...e){super(...e),this.onSubmit=()=>{q.fR.updateStatus(q.qb.SUBMITTED)},this.render=()=>(0,r.jsx)(l,{...this.props,isEmailValidated:!0})}}T.propTypes={hostWindow:o().object,host:o().object.isRequired};var w=n(58199),A=n(51658);let j="takeAction",L="event",R=e=>void 0===e?C().frameContentDonate:"FAN"===e?C().frameContentFan:e===j?C().frameContentTakeAction:e===L?C().frameContentEvent:void 0,F=e=>{let{className:t,type:n,...s}=e;return(0,r.jsx)(_.R,{className:(0,a.Z)(R(n),t),type:n,...s})};F.propTypes={className:o().string,type:o().string};let I=e=>{let{className:t,...n}=e;

1return(0,r.jsx)(S.P,{className:(0,a.Z)(C().boxShadow,t),...n})};I.propTypes={className:o().string};class B extends s.PureComponent{render(){let{contentType:e,entryId:t,name:n,type:s,boxWrap:i}=this.props;return(0,r.jsx)(e=>{let{condition:t,wrapper:n,children:r}=e;return t?n(r):r},{condition:i,wrapper:e=>(0,r.jsx)(I,{backgroundColor:A.O9.darkGrey,hideCorner:!1,hideShadow:!0,children:e}),children:(0,r.jsx)(F,{...(0,w.yI)("IframeForm",e,t),stylesheetSrc:"/form-styles.css",title:n,type:s,children:e=>{let{host:t,hostWindow:n}=e,i={...this.props,host:t,hostWindow:n};return"FAN"===s?(0,r.jsx)(u,{...i}):s===j?(0,r.jsx)(b,{...i}):"subscription"===s?(0,r.jsx)(T,{...i}):"other (iframe)"===s?(0,r.jsx)(l,{...i,customClass:"form--other-iframe"}):s===L?(0,r.jsx)(k,{...i}):(0,r.jsx)(l,{...i})}})})}}B.propTypes={contentType:o().string.isRequired,entryId:o().string.isRequired,scriptSrc:o().string,name:o().string,embededElement:o().string,type:o().string,customClass:o().string,headerHeight:o().any,onFormRendered:o().func,boxWrap:o().bool};var D=B},16333:function(e,t,n){"use strict";n.d(t,{J:function(){return r}});let r=(0,n(92713).P1)(e=>e.locales,e=>e.get("language"))},36699:function(e){e.exports={iframe:"iframeContent_iframe___ptl1"}},86836:function(e){e.exports={frameContentTakeAction:"iframeForm_frameContentTakeAction__GIrCW",frameContentFan:"iframeForm_frameContentFan__Gi09m",frameContentDonate:"iframeForm_frameContentDonate__Trxok",frameContentEvent:"iframeForm_frameContentEvent__jNXik",boxShadow:"iframeForm_boxShadow__ZCxjK"}}}]);