https://s.flipboard.com/webu/app-route-containers-newsletters.72ae99e354554c441074.bundle.js

1"use strict";(("undefined"!=typeof self?self:this).__LOADABLE_LOADED_CHUNKS__=("undefined"!=typeof self?self:this).__LOADABLE_LOADED_CHUNKS__||[]).push([[844],{66106:function(e,t,n){n.r(t),n.d(t,{default:function(){return Y}});var i=n(90068),r=(n(96928),n(61229),n(58188),n(73439),n(34115),n(634),n(20796),n(15735),n(28673),n(6886),n(12167)),s=(n(67890),n(35666),n(2784)),o=n(45697),u=n.n(o),a=n(31075),l=n(31390),c=n(41684),p=n(4067),d=n(26626),b=n(1726),f=n(92431),h=n(49372),m=n(5109),S=n(17394),g=n(37757),y=n(30001),v=n(57276),x=n(8805),w=n(60986),R=n(59359),E=n(8225),k=n(87411),B=n(52322);function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function _(e,t,n,i,r,s,o){try{var u=e[s](o),a=u.value}catch(e){return void n(e)}u.done?t(a):Promise.resolve(a).then(i,r)}function N(e){return function(){var t=this,n=arguments;return new Promise((function(i,r){var s=e.apply(t,n);function o(e){_(s,i,r,o,u,"next",e)}function u(e){_(s,i,r,o,u,"throw",e)}o(void 0)}))}}function j(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function T(e,t){return T=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},T(e,t)}function Z(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=L(e);if(t){var r=L(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return G(this,n)}}function G(e,t){return!t||"object"!==C(t)&&"function"!=typeof t?O(e):t}function O(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}

1function L(e){return L=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},L(e)}var P=(0,r.Z)("div",{target:"ebxvfil8"})({name:"16mmcnu",styles:"display:flex;flex-direction:column;justify-content:center"}),A=(0,r.Z)("div",{target:"ebxvfil7"})({textAlign:"center",margin:"".concat(h.N.BASE8X," 0")},S.j.phone({margin:"".concat(h.N.LARGE," 0"),textAlign:"left"}),""),q=(0,r.Z)(l.Z,{target:"ebxvfil6"})(m.Hb.BRAND_HEADING_MEDIUM,{marginBottom:h.N.BASE},""),D=(0,r.Z)("div",{target:"ebxvfil5"})(m.Hb.LARGE_STANDARD,""),M=(0,r.Z)("div",{target:"ebxvfil4"})({display:"grid",columnGap:"".concat(h.N.BASE8X),gridTemplateColumns:"minmax(200px, 500px) minmax(200px, 500px)"},S.j.phone({display:"block"}),""),F=(0,r.Z)("div",{target:"ebxvfil3"})("display:flex;flex-direction:column;justify-content:center;",S.j.phone({marginTop:"".concat(h.N.BASE4X)}),""),H=(0,r.Z)("form",{target:"ebxvfil2"})({display:"flex",flexDirection:"column",alignItems:"flex-end",rowGap:"".concat(h.N.LARGE),marginBottom:"".concat(h.N.BASE)},""),U=(0,r.Z)(p.Z,{target:"ebxvfil1"})({name:"1d3w5wq",styles:"width:100%"}),I=(0,r.Z)(d.ZP,{target:"ebxvfil0"})({name:"1tjylrs",styles:"width:fit-content"}),V="submit-errors",X=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&T(e,t)}(l,e);var t,n,i,r,o,u=Z(l);function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(t=u.call(this,e)).state={dirty:!1,hasCheckedSubscriptions:!1},t.onChange=t.onChange.bind(O(t)),t.handleNewsletterSubscribe=t.handleNewsletterSubscribe.bind(O(t)),t.handleSubmitNewsletter=t.handleSubmitNewsletter.bind(O(t)),t.setHasCheckedSubscriptions=t.setHasCheckedSubscriptions.bind(O(t)),t.handleMouseEnterSubscribeButton=t.handleMouseEnterSubscribeButton.bind(O(t)),t.handleMouseLeaveSubscribeButton=t.handleMouseLeaveSubscribeButton.bind(O(t)),t.handleFocusSubscribeButton=t.handleFocusSubscribeButton.bind(O(t)),t.handleBlurSubscribeButton=t.handleBlurSubscribeButton.bind(O(t)),t.subscribeButtomElement=s.createRef(),t}return t=l,n=[{key:"componentDidMount",value:function(){var e=this.props,t=e.emailGroups,n=e.emailGroupsLoaded,i=e.usageTrackNewsletterEnter,r=e.onPendingSubscriptionGroupsChange,s=e.getEmailSettingsMapping;i(),n?r(t):s()}},{key:"componentDidUpdate",value:function(e){var t=this.props.reCaptchaFailedValidation;!e.emailGroupsLoaded&&this.props.emailGroupsLoaded&&this.props.onPendingSubscriptionGroupsChange(this.props.emailGroups),!e.reCaptchaFailedValidation&&t&&this.props.usageTrackNewsletterSubmit(!1)}},{key:"onChange",value:function(e){this.setState({dirty:!0}),this.props.onPendingSubscriptionGroupsChange(e)}},{key:"setHasCheckedSubscriptions",value:function(e){this.setState({hasCheckedSubscriptions:e})}},{key:"handleMouseEnterSubscribeButton",value:function(){this.setState({isTooltipOpen:!0})}},{key:"handleMouseLeaveSubscribeButton",value:function(){this.setState({isTooltipOpen:!1})}},{key:"handleFocusSubscribeButton",value:function(){this.setState({isTooltipOpen:!0})}},{key:"handleBlurSubscribeButton",value:function(){this.setState({isTooltipOpen:!1})}},{key:"handleNewsletterSubscribe",value:(o=N(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.props.onSubmit(t,y.go.NEWSLETTERS);case 2:this.props.usageTrackNewsletterSubmit(!0);case 3:case"end":return e.stop()}}),e,this)}))),function(e){return o.apply(this,arguments)})},{key:"handleSubmitNewsletter",value:(r=N(regeneratorRuntime.mark((function e(t){var n,i,r,s;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.preventDefault(),n=this.props,i=n.validateReCaptcha,r=n.usageTrackNewsletterSubmitClick,s=n.pendingSubscriptionGroups,r(s),e.next=5,i("newsletters",this.handleNewsletterSubscribe);case 5:case"end":return e.stop()}}),e,this)}))),function(e){return r.apply(this,arguments)})},{key:"render",value:function(){var e=this.props,t=e.t,n=e.isPhone,i=e.email,r=e.onboardPending,s=e.onEmailChange,o=e.emailGroupsLoaded,u=e.pendingSubscriptionGroups,l=e.isSubmittable,p=e.ReCaptchaUI,d=e.isReCaptchaPending,h=e.frictionlessEnter,m=this.state,S=m.dirty,g=m.hasCheckedSubscriptions,v=m.isTooltipOpen,x=!l||d||!S||!g,w=v&&x,R=x&&v?V:"",E=(0,B.jsxs)(F,{children:[(0,B.jsxs)(H,{onSubmit:this.handleSubmitNewsletter,children:[(0,B.jsx)(U,{type:"email",name:"email",placeholder:t("newsletters_email_placeholder"),value:i,onChange:s,onKeyUp:function(){return h(y.go.NEWSLETTERS)}

1,disabled:r,autoFocus:!0}),r?(0,B.jsx)(b.Z,{}):(0,B.jsxs)(B.Fragment,{children:[v&&!l&&(0,B.jsx)(k.ZP,{id:V,targetRef:this.subscribeButtomElement,styleVariation:k.ZP.styleVariations.ERROR,positionX:k.A0.LEFT,positionY:k.fp.BELOW,children:t("needs_email_and_one_newsletter")}),(0,B.jsx)("div",{ref:this.subscribeButtomElement,onMouseEnter:this.handleMouseEnterSubscribeButton,onMouseLeave:this.handleMouseLeaveSubscribeButton,onFocus:this.handleFocusSubscribeButton,onBlur:this.handleBlurSubscribeButton,children:(0,B.jsx)(I,{name:"newsletters__form-submit",className:"button--primary button--block",type:"submit",disabled:x,ariaDisabled:x,ariaInvalid:w,ariaDescribedby:R,children:t("newsletters_submit_button")})})]})]}),p,(0,B.jsx)(f.Z,{isNewsletter:!0})]}),C=(0,B.jsx)("div",{children:o&&(0,B.jsx)(c.Z,{pendingSubscriptionGroups:u,onChange:this.onChange,setHasCheckedSubscriptions:this.setHasCheckedSubscriptions,omitGroups:!0,newslettersOnly:!0,disabled:r})||null});return(0,B.jsx)(a.Z,{children:(0,B.jsxs)(P,{children:[(0,B.jsxs)(A,{children:[(0,B.jsx)(q,{primary:!0,children:t("newsletters_title")}),(0,B.jsx)(D,{children:t("newsletters_subtitle")})]}),(0,B.jsxs)(M,{children:[n?C:E,n?E:C]})]})})}}],n&&j(t.prototype,n),i&&j(t,i),l}(s.Component);X.propTypes={emailGroups:u().array,emailGroupsLoaded:u().bool.isRequired,t:u().func.isRequired,isPhone:u().bool.isRequired,usageTrackNewsletterEnter:u().func.isRequired,usageTrackNewsletterSubmit:u().func.isRequired,usageTrackNewsletterSubmitClick:u().func.isRequired,onEmailChange:u().func.isRequired,onPendingSubscriptionGroupsChange:u().func.isRequired,onSubmit:u().func.isRequired,isSubmittable:u().bool.isRequired,pendingSubscriptionGroups:u().array,email:u().string.isRequired,onboardPending:u().bool.isRequired,appTheme:u().oneOf(Object.values(y.SJ)),ReCaptchaUI:u().node,validateReCaptcha:u().func.isRequired,isReCaptchaPending:u().bool.isRequired,reCaptchaFailedValidation:u().bool.isRequired,getEmailSettingsMapping:u().func.isRequired,frictionlessEnter:u().func.isRequired},X.defaultProps={emailGroups:[],pendingSubscriptionGroups:null};var K=(0,i.Z)(R.Z,w.Z,E.Z)((0,x.Z)((0,v.Z)((0,g.Z)(X)))),W=n(21681),J=n(45338),Y=(0,i.Z)({actions:{frictionlessSignup:J.tM,usageTrackNewsletterEnter:W.iJ,usageTrackNewsletterSubmitClick:W._T,usageTrackNewsletterSubmit:W.Hk}})(K)}}]);
2//# sourceMappingURL=app-route-containers-newsletters.72ae99e354554c441074.bundle.js.map