https://playingforchange.com/_next/static/chunks/pages/membership-f26d183aec6ea828.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4508],{57545:function(e,t,n){"use strict";var r=n(67294),o=n(10367),i=n(48716),s=n(70919),a=n(24338),l=n(85893),c=o.ZP.div.withConfig({componentId:"pfc-wef7v7-0"})(["margin:50px 0;padding:30px;text-align:left;color:",";background-color:",";border:solid 1px ",";","{margin:75px 0;padding:50px;}","{padding:75px;}"],(function(e){return e.theme.variables.text}),(function(e){return e.theme.variables.background}),(function(e){return e.theme.variables.border}),(function(e){return e.theme.media.minWidth("tablet")}),(function(e){return e.theme.media.minWidth("desktop")})),u=(0,o.ZP)(s.H3).withConfig({componentId:"pfc-wef7v7-1"})(["margin:0 0 24px 0;"]),d=(0,o.ZP)(s.P).withConfig({componentId:"pfc-wef7v7-2"})(["color:",";"],(function(e){return e.theme.variables.softText})),p=(0,o.ZP)(s.P).withConfig({componentId:"pfc-wef7v7-3"})(["margin:60px 0 0 0;color:",";"],(function(e){return e.theme.variables.softText}));t.Z=function(e){var t=e.title,n=e.body,o=e.footer,s=e.buttonText,h=void 0===s?"Become a Member":s,f=e.onButtonClick,m=void 0===f?function(){}:f,g=(0,r.useState)(),b=g[0],v=g[1],x=(0,r.useState)(!1),y=x[0],w=x[1];return(0,l.jsxs)(c,{children:[(0,l.jsx)(u,{children:t}),(0,l.jsx)(d,{children:(0,l.jsx)("p",{children:n})}),(0,l.jsx)(i.Z,{onSelect:v}),(0,l.jsx)(a.DF,{stretch:!0,isLoading:y,onClick:function(){w(!0),m(b)},children:h}),(0,l.jsx)(p,{size:"small",children:(0,l.jsx)("p",{children:o})})]})}},87568:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return P}});var r=n(59499),o=n(67294),i=n(11163),s=n(10367),a=n(68509),l=n(80793),c=n(70919),u=n(72579),d=n(7733),p=n(74778),h=n(57545),f=n(32673),m=n(85893);function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=s.ZP.div.withConfig({componentId:"pfc-1loe0lj-0"})(["display:flex;flex-direction:column;position:relative;padding-top:50px;min-height:calc(100vh - ","px);overflow:hidden;transition:opacity 300ms ease 300ms;opacity:",";user-select:none;","{min-height:calc(100vh - ","px);}"],(function(e){return e.theme.header.mobileHeight}),(function(e){return e.mounted?1:0}),(function(e){return e.theme.media.minWidth("tablet")}),(function(e){return e.theme.header.tabletHeight})),x=s.ZP.div.withConfig({componentId:"pfc-1loe0lj-1"})(["",";filter:grayscale(1);&:after{content:'';",";background:linear-gradient( "," 0%,"," 100% );}"],(function(e){return e.theme.mixins.fill("absolute")}),(function(e){return e.theme.mixins.fill("absolute")}),(function(e){return(0,l.E)(e.theme.variables.background,.6)}),(function(e){return e.theme.variables.background})),y=s.ZP.div.withConfig({componentId:"pfc-1loe0lj-2"})(["position:relative;z-index:2;margin:auto 0 75px 0;","{margin:auto 0 120px 0;}"],(function(e){return e.theme.media.minWidth("tablet")})),w=s.ZP.div.withConfig({componentId:"pfc-1loe0lj-3"})(["margin:50px auto 0 auto;max-width:560px;padding:0 20px;ul{margin:0;padding:0;list-style:none;border:solid 1px ",";background-color:",";}li{display:flex;align-items:center;border-bottom:solid 1px ",";padding:16px;&:last-child{border-bottom:0;}","{padding:16px 32px;}","{padding:16px 48px;}i{color:",";margin:0 10px 0 0;}}"],(function(e){return e.theme.variables.border}),(function(e){return e.theme.colors.black}),(function(e){return e.theme.variables.border}),(function(e){return e.theme.media.minWidth("tablet")}),(function(e){return e.theme.media.minWidth("desktop")}),(function(e){return e.theme.colors.yellow})),C=s.ZP.div.withConfig({componentId:"pfc-1loe0lj-4"})(["",";border-top:solid 1px ",";border-left:solid 1px ",";border-right:solid 1px ",";background-color:",";padding:16px;","{padding:16px 32px;}","{padding:16px 48px;}"],(function(e){return e.theme.typography.tMediumLarge}),(function(e){return e.theme.variables.border}),(function(e){return e.theme.variables.border}),(function(e){return e.theme.variables.border}),(function(e){return e.theme.colors.black}),(function(e){return e.theme.media.minWidth("tablet")}),(function(e){return e.theme.media.minWidth("desktop")})),j=s.ZP.div.withConfig({componentId:"pfc-1loe0lj-5"})(["display:flex;flex-direction:column;position:relative;padding-top:50px;overflow:hidden;user-select:none;"]),O=s.ZP.div.withConfig({componentId:"pfc-1loe0lj-6"})(["",";filter:grayscale(1);&:after{content:'';",";background:linear-gradient( "," 0%,"," 5%,"," 100% );}"],(function(e){return e.theme.mixins.fill("absolute")}

1),(function(e){return e.theme.mixins.fill("absolute")}),(function(e){return e.theme.variables.background}),(function(e){return e.theme.variables.background}),(function(e){return(0,l.E)(e.theme.variables.background,.6)})),P=!0;t.default=function(e){var t=e.heroImage,n=e.bodyFull,r=e.subheadline,s=e.textListItems,l=e.modules,g=e.footerImage,P=e.footerHeadline,R=e.footerSubheadline,k=e.upsellTitle,_=e.upsellBody,D=e.upsellFooter,I=e.modal,E=e.seomatic,N=(0,o.useContext)(d.Z),Z=N.mounted,S=N.modalVisible,T=N.setModal,L=N.setModalData,A=N.setModalVisible,F=(0,i.useRouter)();return S&&(null===I||void 0===I||I.map((function(e){Object.assign({},e,{page:F.pathname.substring(1)}),A(!1),L(e),T("dynamic-modal")}))),(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(f.Z,b({},E)),(0,m.jsxs)(v,{mounted:Z,children:[t&&(0,m.jsx)(x,{children:(0,m.jsx)(p.Z,{image:t[0],fit:"cover"})}),(0,m.jsxs)(y,{children:[n&&(0,m.jsx)(c.P,{dangerouslySetInnerHTML:{__html:n}}),(0,m.jsxs)(w,{children:[r&&r.length>0&&(0,m.jsx)(C,{length:r.length,children:r}),s.length>0&&(0,m.jsx)("ul",{children:s.map((function(e,t){return(0,m.jsxs)("li",{children:[(0,m.jsx)("i",{className:"icon-check-circle"}),(0,m.jsx)("span",{children:e.text})]},t)}))})]})]})]}),(0,m.jsx)(a.ZP,{modules:l}),(0,m.jsxs)(j,{children:[g&&(0,m.jsx)(O,{children:(0,m.jsx)(p.Z,{image:g[0],fit:"cover"})}),(0,m.jsx)(u.W2,{maxWidth:600,children:(0,m.jsx)(h.Z,{title:k||P,body:_||R,footer:D,onButtonClick:function(e){F.push("/signup?plan=".concat(e.tier,":").concat(e.interval))}})})]})]})}},92663:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/membership",function(){return n(87568)}])},40827:function(e,t,n){"use strict";var r=n(67294);function o(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const c={breakpointCols:void 0,className:void 0,columnClassName:void 0,children:void 0,columnAttrs:void 0,column:void 0};class u extends r.Component{constructor(e){let t;super(e),this.reCalculateColumnCount=this.reCalculateColumnCount.bind(this),this.reCalculateColumnCountDebounce=this.reCalculateColumnCountDebounce.bind(this),t=this.props.breakpointCols&&this.props.breakpointCols.default?this.props.breakpointCols.default:parseInt(this.props.breakpointCols)||2,this.state={columnCount:t}}componentDidMount(){this.reCalculateColumnCount(),window&&window.addEventListener("resize",this.reCalculateColumnCountDebounce)}componentDidUpdate(){this.reCalculateColumnCount()}componentWillUnmount(){window&&window.removeEventListener("resize",this.reCalculateColumnCountDebounce)}reCalculateColumnCountDebounce(){window&&window.requestAnimationFrame?(window.cancelAnimationFrame&&window.cancelAnimationFrame(this._lastRecalculateAnimationFrame),this._lastRecalculateAnimationFrame=window.requestAnimationFrame((()=>{this.reCalculateColumnCount()}))):this.reCalculateColumnCount()}reCalculateColumnCount(){const e=window&&window.innerWidth||1/0;let t=this.props.breakpointCols;"object"!==typeof t&&(t={default:parseInt(t)||2});let n=1/0,r=t.default||2;for(let o in t){const i=parseInt(o);i>0&&e<=i&&i<n&&(n=i,r=t[o])}r=Math.max(1,parseInt(r)||1),this.state.columnCount!==r&&this.setState({columnCount:r})}itemsInColumns(){const e=this.state.columnCount,t=new Array(e),n=r.Children.toArray(this.props.children);for(let r=0;r<n.length;r++){const o=r%e;t[o]||(t[o]=[]),t[o].push(n[r])}return t}renderColumns(){const{column:e,columnAttrs:t={},columnClassName:n}=this.props,o=this.itemsInColumns(),s=100/o.length+"%";let l=n;l&&"string"!==typeof l&&(this.logDeprecated('The property "columnClassName" requires a string'),"undefined"===typeof l&&(l="my-masonry-grid_column"));const c=a(a(a({},e),t),{},{style:a(a({},t.style),{},{width:s}),className:l});return o.map(((e,t)=>r.createElement("div",i({},c,{key:t}),e)))}logDeprecated(e){console.error("[Masonry]",e)}render(){const e=this.props,{children:t,breakpointCols:n,columnClassName:s,columnAttrs:a,column:l,className:c}=e,u=o(e,["children","breakpointCols","columnClassName","columnAttrs","column","className"]);let d=c;return"string"!==typeof c&&(this.logDeprecated('The property "className" requires a string'),"undefined"===typeof c&&(d="my-masonry-grid")),r.createElement("div",i({},u,{className:d}),this.renderColumns())}}u.defaultProps=c,t.Z=u},52113:function(e,t,n){"use strict";var r=n(70655),o=r.__importStar(n(67294)),i=function(e){function t(t){var n=e.call(this,t)||this;return n.outerRef=null,n.handleRef=function(e){if(n.outerRef=e,n.props.forwardedRef)if("function"===typeof n.props.forwardedRef)n.props.forwardedRef(e);else{if("object"!==typeof n.props.forwardedRef)throw new Error("Invalid forwardedRef "+n.props.forwardedRef);n.props.forwardedRef.current=e}},n.handleTransitionEnd=function(e){e.target===n.outerRef&&"height"===e.propertyName&&(n.state.childrenLeaving?n.setState({children:null,childrenLeaving:!1},(function(){return n.endTransition()})):n.endTransition())},n.state={children:t.children,childrenLeaving:!1},n}return r.__extends(t,e),t.prototype.componentDidMount=function(){this.outerRef&&(this.props.closed||!this.props.children?(this.outerRef.classList.add("closed"),this.outerRef.style.height="0px"):this.props.transitionOnAppear?this.startTransition("0px"):this.outerRef.style.height="auto")},t.prototype.getSnapshotBeforeUpdate=function(){return this.outerRef?this.outerRef.getBoundingClientRect().height+"px":null},t.getDerivedStateFromProps=function(e,t){return e.children?{children:e.children,childrenLeaving:!1}:t.children?{children:t.children,childrenLeaving:!0}:null},t.prototype.componentDidUpdate=function(e,t,n){this.outerRef&&this.startTransition(n)},t.prototype.startTransition=function(e){var t="0px";this.props.closed||this.state.childrenLeaving||!this.state.children||(this.outerRef.classList.remove("closed"),this.outerRef.style.height="auto",t=getComputedStyle(this.outerRef).height),parseFloat(t).toFixed(2)!==parseFloat(e).toFixed(2)&&(this.outerRef.classList.add("transitioning"),this.outerRef.style.height=e,this.outerRef.offsetHeight,this.outerRef.style.transitionProperty="height",this.outerRef.style.height=t)},t.prototype.endTransition=function(){this.outerRef.classList.remove("transitioning"),this.outerRef.style.transitionProperty="none",this.outerRef.style.height=this.props.closed?"0px":"auto",!this.props.closed&&this.state.children||this.outerRef.classList.add("closed")},t.prototype.render=function(){var e=this.props,t=e.as,n=void 0===t?"div"

1:t,i=(e.children,e.className),s=(e.closed,e.transitionOnAppear,e.forwardedRef,r.__rest(e,["as","children","className","closed","transitionOnAppear","forwardedRef"])),a=i?"react-slidedown "+i:"react-slidedown";return o.default.createElement(n,r.__assign({ref:this.handleRef,className:a,onTransitionEnd:this.handleTransitionEnd},s),this.state.children)},t.defaultProps={transitionOnAppear:!0,closed:!1},t}(o.Component);t.sJ=o.forwardRef((function(e,t){return o.default.createElement(i,r.__assign({},e,{forwardedRef:t}))})),t.sJ},36864:function(e,t,n){"use strict";function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}n.d(t,{Z:function(){return r}})}},function(e){e.O(0,[1388,6066,5075,3716,1553,8509,9774,2888,179],(function(){return t=92663,e(e.s=t);var t}));var t=e.O();_N_E=t}]);