1"use strict";(self.hometalkChunk=self.hometalkChunk||[]).push([["email-account-settings"],{64155(e,t,s){s.r(t),s.d(t,{default:()=>_});var a=s(54705),i=s(96540),n=s.n(i),r=s(29967),l=s(62161),c=s(44171),m=s(79352),o=s(57761),u=s.n(o);const d=/[^\d!@#$%^&*():{}]+/;class g extends n().Component{constructor(e){super(e),this.state={name:e.initialName||"",originalName:e.initialName||"",saving:!1,saveSuccess:!1,saveError:!1}}isValidName(e){return e&&e.length<=50&&u().matches(e,d)}handleNameChange(e){this.setState({name:e.target.value,saveSuccess:!1,saveError:!1})}saveName(){const e=(this.state.name||"").trim();this.isValidName(e)&&e!==this.state.originalName&&(this.setState({saving:!0,saveSuccess:!1,saveError:!1}),l.A.saveAccountInfo(this.props.queryString,{name:e}).then(t=>{this.setState({saving:!1,saveSuccess:!0,name:t.name||e,originalName:t.name||e})}).catch(()=>{this.setState({saving:!1,saveError:!0})}))}render(){const e=r.A.LANG.email_account_settings||{},t=r.A.LANG.account_settings||{},s=r.A.LANG.buttons||{},a=r.A.LANG.validation_messages||{},i=(this.state.name||"").trim(),l=this.isValidName(i),c=!!this.state.name&&!l,m=!this.state.saving&&l&&i!==this.state.originalName;return n().createElement("div",{className:`page-header-full forms-revamped ${this.state.saveSuccess?"formSuccess":""} ${this.state.saveError?"formError":""}`},n().createElement("div",{className:"card unsubscribe-card-new"},n().createElement("div",{className:"card-content"},n().createElement("div",{className:"header"},n().createElement("h1",{className:"title"},r.A.LANG.account_settings.profile)),this.state.saveSuccess&&n().createElement("div",{className:"formValidationMsgs success fs16"},n().createElement("p",null,e.save_success),n().createElement("div",{className:"spacer20"})),n().createElement("ul",{className:"asettings-content-list fs16 lh14"},n().createElement("li",{className:"formInputField requiredField "+(c?"errorField":"")},n().createElement("h3",null,e.name_label||t.name),n().createElement("input",{type:"text",name:"name",className:"bordered sl-username",maxLength:50,value:this.state.name,onChange:e=>this.handleNameChange(e)}),c&&n().createElement("div",{className:"reqErrorMsg sl-name-error"},a.valid_username)),n().createElement("li",{className:"formInputField"},n().createElement("h3",null,e.email_label),n().createElement("input",{type:"email",name:"email",className:"bordered",value:this.props.email,readOnly:!0,disabled:!0}))),n().createElement("div",{className:"footer flex flex-column flex-center"},n().createElement("input",{onClick:()=>this.saveName(),disabled:!m,className:"submit button primary-button large w100 sl-save-account-info",type:"submit",value:s.save})),this.state.saveError&&n().createElement("div",{className:"formErrorMsgs fs16"},n().createElement("div",{className:"spacer20"}),n().createElement("p",null,e.save_error)))))}}const h=g;var E=s(10029),v=s(5556),b=s.n(v),N=s(67698);const p=e=>n().createElement("div",{className:e.className},e.children,n().createElement(N.A,null));p.propTypes={className:b().string},p.defaultProps={className:""};const f=p;class S extends n().Component{constructor(e){super(e),(0,a.A)(this,"trackingData",{"Element: Zone":"Page Body","Page: Type":"email_account_settings"}),this.queryString=window.location.search.substring(1),this.state={loading:!0,loadError:!1,email:"",name:"",settingData:null,settingSubscribed:!1,settingSaving:!1,settingSaved:!1,settingError:!1,unsubscribingAll:!1,justUnsubscribedAll:!1,unsubscribeAllError:!1},this.props.onSetMetaData({pageType:"email_account_settings"})}componentDidMount(){l.A.getAccountInfo(this.queryString).then(e=>{this.setState({name:e.name||"",email:e.email||"",settingData:e.setting||null,settingSubscribed:!(!e.setting||!e.setting.subscribed),loading:!1})}).catch(()=>{this.setState({loading:!1,loadError:!0})})}toggleSetting(){this.setState(e=>({settingSubscribed:!e.settingSubscribed,settingSaved:!1,settingError:!1}))}saveSetting(){if(this.state.settingSaving)return;const e=this.state.settingSubscribed?1:0;(0,c.default)("Save Email Settings",this.trackingData),this.setState({settingSaving:!0,settingSaved:!1,settingError:!1}),l.A.optout(this.queryString,{setting_id:this.state.settingData.id,value:e}).then(()=>
1{(0,c.default)("Email Subscriptions Edited",{...this.trackingData,setting_id:this.state.settingData.id,action:this.state.settingSubscribed?"Subscribe":"Unsubscribe"}),this.setState({settingSaving:!1,settingSaved:!0})}).catch(()=>{this.setState({settingSaving:!1,settingError:!0})})}unsubscribeAll(){this.state.unsubscribingAll||this.state.justUnsubscribedAll||(this.setState({unsubscribingAll:!0,unsubscribeAllError:!1}),l.A.groupUnsubscribe(this.queryString).then(()=>{this.setState({unsubscribingAll:!1,justUnsubscribedAll:!0})}).catch(()=>{this.setState({unsubscribingAll:!1,unsubscribeAllError:!0})}))}render(){const e=r.A.LANG.email_account_settings||{},t=r.A.LANG.opt_out||{},s=(r.A.LANG.general,r.A.LANG.buttons||{}),a=!!this.state.settingData,i=this.state.settingData&&`setting-${this.state.settingData.id}`;return n().createElement("div",{className:"content-wrap"},n().createElement("div",{className:"main-page-wrap"},n().createElement("div",{className:"container-wrap innerwrap height-full"},n().createElement("div",{className:"page-header-full with-multiple-sections"},n().createElement("header",null,n().createElement("h1",{className:"title"},e.header))),this.state.loadError&&n().createElement("div",{className:"page-header-full forms-revamped formError"},n().createElement("div",{className:"card unsubscribe-card-new"},n().createElement("div",{className:"card-content"},n().createElement("div",{className:"formErrorMsgs fs16"},n().createElement("p",null,e.load_error))))),!this.state.loadError&&!this.state.loading&&n().createElement(h,{queryString:this.queryString,initialName:this.state.name,email:this.state.email}),!this.state.loadError&&!this.state.loading&&n().createElement("div",{className:`page-header-full forms-revamped ${this.state.settingSaved?"formSuccess":""} ${this.state.settingError||this.state.unsubscribeAllError?"formError":""}`},n().createElement("div",{className:"card unsubscribe-card-new fs16"},n().createElement("div",{className:"card-content"},n().createElement("div",{className:"header"},n().createElement("h1",{className:"title"},r.A.LANG.account_settings.email_title)),this.state.justUnsubscribedAll?n().createElement("div",{className:"card-unsubscribe-success sl-unsubscribe-success flex flex-column"},n().createElement("header",null,n().createElement("h2",null,t.unsubscribe_success))):n().createElement(n().Fragment,null,a&&n().createElement(n().Fragment,null,this.state.settingSaved&&n().createElement("div",{className:"formValidationMsgs success fs16"},n().createElement("p",null,e.save_success),n().createElement("div",{className:"spacer20"})),n().createElement("div",{className:"email-notifications-card fs16 flex"},n().createElement("div",{className:"checkbox-md"},n().createElement("input",{id:i,type:"checkbox",checked:this.state.settingSubscribed,disabled:this.state.settingSaving,className:"sl-email-setting "+(this.state.settingSubscribed?"sl-checked":""),onChange:()=>this.toggleSetting()}),n().createElement("label",{htmlFor:i,className:"cbutton sl-email-setting-"+this.state.settingData.id},n().createElement(m.A,{setting:this.state.settingData.id+"-"+r.A.THEME.name}))),n().createElement("div",{className:"description flex flex-column"},n().createElement("p",{className:"lh14"},this.state.settingData.name))),n().createElement("div",{className:"spacer30"}),n().createElement("div",{className:"footer flex flex-column flex-center"},n().createElement("a",{onClick:()=>this.saveSetting(),disabled:this.state.settingSaving,className:"button primary-button large w100 sl-save-setting"},s.save)))),(this.state.settingError||this.state.unsubscribeAllError)&&n().createElement("div",{className:"footer flex flex-column flex-center"},n().createElement("div",{className:"formErrorMsgs fs16"},n().createElement("div",{className:"spacer20"}),n().createElement("p",null,t.error_occured)))))))))}}const A=(0,E.RE)((0,E.fQ)(S));A.Layout=f;const _=A}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.