1(this["webpackJsonponline-banking-app"]=this["webpackJsonponline-banking-app"]||[]).push([[79],{1400:function(e,t,n){},2380:function(e,t,n){"use strict";n.r(t);var r=n(46),a=n(61),o=n(2),i=n(3),s=n(5),c=n(6),l=n(0),p=n.n(l),u=n(32),h=n(11),d=n(25),f=n.n(d),_=(n(26),n(36)),m=n(111),v=Object.freeze({VIEW_VERIFY_MFA:Symbol("Verify MFA View"),VIEW_SECURITY_CONTACT_INFO:Symbol("Security Contact Info View"),VIEW_MFA_CHALLENGE:Symbol("MFA Challenge View"),VIEW_SETUP_MFA:Symbol("Setup MFA"),HTTP_STATUS_OK:200,MFA_TYPE_EMAIL:"EMAIL",MFA_TYPE_PHONE:"VOICE",MFA_TYPE_SMS:"SMS",MFA_TYPE_WHATSAPP:"WHATSAPP",MFA_TYPE_WHATSAPP_SMS:"WHATSAPP_SMS",STATUS_SUCCESS:"SUCCESS",STATUS_ERROR:"ERROR",STATUS_LOADING:"LOADING",STATUS_INVALID:"INVALID",ERROR_SERVICE_STOPPED:"serviceStopped",ERROR_CODE_SERVICE_STOPPED:"27118",ERROR_CODE_OTP_INVALID:"26103",ERROR_CODE_USER_LOCKED:"25100",ERROR_CODE_USER_ON_HOLD:"25108",ERROR_CODE_SERVICES_STOPPED_FOR_OAUTH2:"AUTH_10042",ERROR_CODE_INVALID_COUNTRY_CODE:"90001",URL_REGISTER_DEVICE:"/usr-engage-olb/v1/mfa/device-opt-in",URL_SETUP_MFA_COMPLETE:"/usr-engage-olb/v1/mfa/setup-completed",URL_DELETE_EMAIL:"/usr-setting-olb/v1/sett
1ings/conversion/destination/email/delete",URL_UPDATE_CONTACT_INFO:"/usr-engage-olb/v1/mfa/destination/contactinfo",URL_LOGOUT_SERVICE_STOPPED:"/app/logout?reason=serviceStopped",URL_UPDATE_CONTACT_DETAILS:"/usr-engage-olb/v1/mfa/destination/contactinfo",URL_SEND_OR_VERIFY_OTP:"/usr-engage-olb/v1/user/activatephoneAdaptiveFlow",URL_LOGOUT_USER_LOCKOUT:"/app/logout?reason=lockout",URL_RETURN_TO_HOME:"/usr-engage-olb/v1/mfa/fi-home"}),E=n(588),b=n(31),g=n(889),S=function(){function e(){Object(o.a)(this,e)}return Object(i.a)(e,null,[{key:"hasAtLeastOneContactInfo",value:function(e,t){return null!=e&&(null!=e.phone&&e.phone.length>0||t&&e.email)}},{key:"hasMoreThanMaxPhoneContactInfo",value:function(e,t){return null!=e&&null!=e.phone&&e.phone.length>t}},{key:"stripNonNumericCharacters",value:function(e){return e?e.replace(/[^0-9]/g,""):e}},{key:"formatContactInfo",value:function(e,t){var n=t;if(t)if("1"!=e)n="+"+e+" "+t;else{var r=t;n=10==r.length?"("+r.substring(0,3)+") "+r.substring(3,6)+"-"+r.substring(6,10):r}return n}},{key:"buildDestinations",value:function(e){var t={email:null,emailId:null,phone:[]};return e.forEach((function(e){var n=e.id&&e.id.value?e.id.value:null;if(e.protocol===v.MFA_TYPE_EMAIL)t.email=e.contactInfo,t.emailId=n;else{var r={country:e.telephoneCountryCode,number:e.contactInfo,id:n,protocol:e.protocol};0==t.phone.filter((function(e){return e.country==r.country&&e.number==r.number})).length&&t.phone.push(r)}})),t}}]),e}(),y=n(89),O=n(214),P=n(215),C=n(22),I=function(){function e(){Object(o.a)(this,e)}return Object(i.a)(e,null,[{key:"registerDevice",value:function(e,t,n){return P.a.postFormData(v.URL_REGISTER_DEVICE,{CSRFToken:t,isComputerPrivate:n}).then((function(e){if(e.data&&e.data.success)return Promise.resolve({success:!0});var t=e.data&&e.data.errorCode?e.data.errorCode:null;return Promise.reject({success:!1,errorCode:t})}))}},{key:"saveContactInfo",value:function(e,t,n,r){var a=this,o=function(e,t){if(e.data&&e.data.success)return t({success:!0,errorCode:null,data:e.data});var n=e.data&&e.data.errorCode?e.data.errorCode:null;return Promise.reject({success:!1,errorCode:n})};return r?this.deleteEmail(t).then((function(r){return o(r,(function(){return a.updateContactInfo(e,t,n)}))})).then((function(e){return o(e,(function(e){return e}))})):this.updateContactInfo(e,t,n).then((function(e){return o(e,(function(e){return e}))}))}},{key:"updateContactInfo",value:function(e,t,n){var r={CSRFToken:t,phone1:n.phone1.number||"",phone1countrycode:n.phone1.country||"",phone2:n.phone2.number||"",phone2countrycode:n.phone2.country||"",phone3:n.phone3.number||"",phone3countrycode:n.phone3.country||"",phone4:n.phone4.number||"",phone4countrycode:n.phone4.country||"",email:n.email||""};return P.a.postFormData(v.URL_UPDATE_CONTACT_INFO,Object(C.a)({},r))}},{key:"deleteEmail",value:function(e){var t={CSRFToken:e};return P.a.postFormData(v.URL_DELETE_EMAIL,t,{})}},{key:"updateContactDetails",value:function(e,t,n,r,a,o,i){return P.a.putFormData(v.URL_UPDATE_CONTACT_DETAILS,{CSRFToken:t,phone1:n,phone2:r,phone3:a,phone4:o,emailAddress:i}).then((function(e){return function(e,t){if(e&&e.data&&e.status==v.HTTP_STATUS_OK&&e.data.success)return t({success:!0,errorCode:null});var n=e&&e.data&&e.data.errorCode?e.data.errorCode:null;return Promise.reject({success:!1,errorCode:n})}(e,(function(e){return e}))}))}},{key:"sendOtp",value:function(e,t,n,r,a,o){return P.a.postFormData(v.URL_SEND_OR_VERIFY_OTP,{CSRFToken:t,protocol:r,destId:n,phone1:a,country:o}).then((function(e){return function(e,t){if(e.data&&e.data.model&&e.data.model.result&&e.data.model.result==v.STATUS_SUCCESS.toLowerCase())return t({success:!0,errorCode:null});var n=e.data&&e.data.model&&e.data.model.errorCode?e.data.model.errorCode:null;return Promise.reject({success:!1,errorCode:n})}(e,(function(e){return e}))}))}},{key:"verifyOtp",value:function(e,t,n,r,a,o,i,s){return P.a.postFormData(v.URL_SEND_OR_VERIFY_OTP,{CSRFToken:t,otp:o,cookieoptin:i,destId:n,protocol:r,phone1:a,country:s}).then((function(e){return function(e,t){if(e.data&&e.data.model&&0==e.data.model.error)return t({success:!0,errorCode:null});var n=e.data&&e.data.model&&e.data.model.errorCode?e.data.model.errorCode:null;return Promise.reject({success:!1,errorCode:n})}(e,(function(e){return e}))}))}},{key:"setupMFACompleted",value:function(){return P.a.get(v.URL_SETUP_MFA_COMPLETE).then((function(e){var t=(e||{}).data||{},n=t.targetView,r=t.targetData;"redirect"===n&&Object(O.a)().replace(r)}))}}]),e}(),k=function(){function e(){Object(o.a)(this,e),this.generateActions("loadMfaDestinations","registerDeviceLoading","registerDeviceError","resetRegisterDeviceStatus","setUpdateContactDetailsStatus","setPhone1","setPhone2","setPhone3","setPhone4","setSendOtpStatus","resetSendOtpStatus","setVerifyOtpStatus","setOtp","resetForm","setVerifyOtpError")}return Object(i.a)(e,[{key:"showView",value:function(e,t,n){var r={view:e};return(t||n)&&(r.selectedMfa={type:t,info:n}),r}},{key:"registerDevice",value:function(e,t,n){var r=this;return this.actions.registerDeviceLoading.defer(),I.registerDevice(e,t,n).then((function(t){r.actions.completeMFASetup.defer(e)})).catch((function(t){t.errorCode===v.ERROR_CODE_SERVICE_STOPPED?r.actions.serviceStopped.defer(e):r.actions.registerDeviceError.defer()}))}},{key:"completeMFASetup",value:function(){I.setupMFACompleted()}},{key:"serviceStopped",value:function(e){window.location.replace(e+v.URL_LOGOUT_SERVICE_STOPPED)}}
1,{key:"goToFiHomePage",value:function(e){return this.actions.setUpdateContactDetailsStatus.defer(v.STATUS_LOADING),P.a.get(e+v.URL_RETURN_TO_HOME).then((function(e){var t=(e||{}).data;if(!t||0===Object.keys(t).length){Object(O.a)().replace("app/login/consumer")}var n=t||{},r=n.targetView,a=n.targetData;"redirect"===r&&Object(O.a)().replace(a)}))}},{key:"userLockout",value:function(e){window.location.replace(e+v.URL_LOGOUT_USER_LOCKOUT)}},{key:"updateContactDetails",value:function(e,t,n,r,a,o,i){var s=this;return this.actions.setUpdateContactDetailsStatus.defer(v.STATUS_LOADING),I.updateContactDetails(e,t,n,r,a,o,i).then((function(t){s.actions.completeMFASetup.defer(e)})).catch((function(t){t.errorCode===v.ERROR_CODE_SERVICE_STOPPED?s.actions.serviceStopped.defer(e):s.actions.setUpdateContactDetailsStatus.defer(v.STATUS_ERROR)}))}},{key:"sendOtp",value:function(e,t,n){var r=this;return this.actions.setSendOtpStatus.defer(v.STATUS_LOADING),I.sendOtp(e,t,n.id,n.mfaType,n.mfaContactInfo,n.country).then((function(e){var t={contactInfo:n.mfaContactInfo,country:n.country,id:n.id,mfaType:n.mfaType};r.actions.showView(v.VIEW_MFA_CHALLENGE,n.mfaType,t),r.actions.setSendOtpStatus.defer(v.SUCCESS)})).catch((function(t){n.mfaContactInfo,n.country,n.id,n.mfaType;t.errorCode===v.ERROR_CODE_SERVICE_STOPPED?r.actions.serviceStopped.defer(e):r.actions.setSendOtpStatus.defer(v.STATUS_ERROR)}))}},{key:"verifyOtp",value:function(e,t,n,r,a,o,i,s,c){var l=this;return this.actions.setVerifyOtpStatus.defer(v.STATUS_LOADING),I.verifyOtp(e,t,n,r,a,o,i,c).then((function(t){l.actions.completeMFASetup.defer(e)})).catch((function(t){var n=t.errorCode;n===v.ERROR_CODE_SERVICE_STOPPED?l.actions.serviceStopped.defer(e):n===v.ERROR_CODE_USER_LOCKED?l.actions.userLockout.defer(e):n===v.ERROR_CODE_USER_ON_HOLD?l.actions.setVerifyOtpError.defer(s):n===v.ERROR_CODE_OTP_INVALID?l.actions.setVerifyOtpStatus.defer(v.STATUS_INVALID):l.actions.setVerifyOtpStatus.defer(v.STATUS_ERROR)}))}}]),e}(),T=y.a.createActions(k),M=function(){function e(){Object(o.a)(this,e),this.generateActions("initializeDestinations","setSelectedMfa","saveContactInfoLoading","saveContactInfoError","editContactInfo","deleteEmail","setEmailError","setSelectedPhoneIndex","reset")}return Object(i.a)(e,[{key:"saveContactInfo",value:function(e,t,n,r){var a=this;return this.actions.saveContactInfoLoading.defer(!0),I.saveContactInfo(e,t,n,r).then((function(e){if(e.data&&e.data.destdataJSON){var t=JSON.parse(e.data.destdataJSON);if(Array.isArray(t)&&t.length>0){var n=S.buildDestinations(t);T.loadMfaDestinations(n)}}T.showView(v.VIEW_VERIFY_MFA)})).catch((function(t){var n=t.errorCode;n===v.ERROR_CODE_SERVICE_STOPPED?window.location.href=e+v.URL_LOGOUT_SERVICE_STOPPED:a.actions.saveContactInfoError({errorCode:n})}))}}]),e}(),N=y.a.createActions(M),A=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._onClick=r._onClick.bind(Object(h.a)(r)),r._onTouchStart=r._onTouchStart.bind(Object(h.a)(r)),r}return Object(i.a)(n,[{key:"componentDidMount",value:function(){this.props.focus&&this.refs.addLink.focus()}},{key:"render",value:function(){return p.a.createElement("div",{className:this.props.className},p.a.createElement("a",{href:"javascript:void(0)",onClick:this._onClick,onTouchStart:this._onTouchStart,ref:"addLink",role:"button","aria-label":"Link".concat(this.props.label)},p.a.createElement(b.a,{name:"Add"}),this.props.label))}},{key:"_onTouchStart",value:function(e){this.props.onClick&&this.props.onClick(e)}},{key:"_onClick",value:function(e){this.props.onClick&&this.props.onClick(e),N.setSelectedMfa({type:this.props.mfaType,info:null}),T.showView(v.VIEW_SECURITY_CONTACT_INFO,this.props.mfaType,null)}}]),n}(l.Component);A.propTypes={label:f.a.string.isRequired,mfaType:f.a.oneOf([v.MFA_TYPE_EMAIL,v.MFA_TYPE_PHONE]),onClick:f.a.func,className:f.a.string};var D=n(1400),R=n.n(D),j=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){return Object(o.a)(this,n),t.call(this,e)}return Object(i.a)(n,[{key:"componentDidMount",value:function(){var e=this;setTimeout((function(){e.refs.pageHeaderBlank&&e.refs.pageHeaderBlank.focus()}),200)}},{key:"render",value:function(){var e=this.props.i18nStrings.verify_custom_title_no_info?this.props.i18nStrings.verify_custom_title_no_info:this.props.i18nStrings.page_title_no_contact_info,t=this.props.i18nStrings.verify_custom_text_no_info?this.props.i18nStrings.verify_custom_text_no_info:this.props.i18nStrings.instructional_text_no_contact_info;return p.a.createElement("div",null,p.a.createElement("div",{className:"page-header"},p.a.createElement("h1",{id:"pageHeaderBlank",ref:"pageHeaderBlank",tabIndex:"-1","aria-describedby":"pageHeaderBlank blankNumber"},e)),p.a.createElement("div",{className:"content-container",id:"blankNumber"},p.a.createElement("div",{className:"instructional-text"},t),p.a.createElement("div",{className:"no-contact-info"},p.a.createElement("div",{className:"warning"},p.a.createElement("div",{className:"icon"},p.a.createElement(b.a,{name:"AlertFill"})),p.a.createElement("div",{className:"icon-text"},p.a.createElement("span",null,this.props.i18nStrings.no_contact_info_warning))),p.a.createElement(A,{className:"add-link",label:this.props.i18nStrings.contact_info_add_phone,mfaType:v.MFA_TYPE_PHONE}),this.props.configs.emailMfaEnabled?p.a.createElement(A,{className:"add-link",label:this.props.i18nStrings.contact_info_add_email,mfaType:v.MFA_TYPE_EMAIL}):null)))}}]),n}(l.Component);j.propTypes={i18nStrings:f.a.object.isRequired};var L=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._onClick=r._onClick.bind(Object(h.a)(r)),r}return Object(i.a)(n,[{key:"render",value:function(){var e="edit-link";this.props.className&&(e+=" ".concat(this.props.className));var t=this.props.contactInfo;return this.props.mfaType===v.MFA_TYPE_PHONE&&(t=S.formatContactInfo(this.props.country,this.props.contactInfo)),p.a.createElement("div",{className:e},p.a.createElement("span",{className:"mfa-contact-info"},t),p.a.createElement("div",{className:"edit-link-container"},p.a.createElement("a",{href:"javascript:void(0)",tabIndex:this.props.label?0:-1,className:"edit-link-text",onClick:this._onClick,role:"button","aria-label":"Link".concat(this.props.ariaLabel," ").concat(t," ").concat(this.props.readable?this.props.readable:""," ").concat(this.props.label)},this.props.label)))}},{key:"_onClick",value:function(e){this.props.onClick&&this.props.onClick(e);var t=this.props.contactInfo;this.props.mfaType===v.MFA_TYPE_PHONE&&(t={country:this.props.country,number:this.props.contactInfo}),N.setSelectedMfa({type:this.props.mfaType,info:t}),T.showView(v.VIEW_SECURITY_CONTACT_INFO)}}]),n}(l.Component);L.propTypes={contactInfo:f.a.string.isRequired,country:f.a.number,mfaType:f.a.oneOf([v.MFA_TYPE_EMAIL,v.MFA_TYPE_PHONE]),onClick:f.a.func,label:f.a.string.isRequired,className:f.a.string,ariaLabel:f.a.string.isRequired};var x=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._onClick=r._onClick.bind(Object(h.a)(r)),r}return Object(i.a)(n,[{key:"render",value:function(){var e="btn btn-primary xs-width-100";return this.props.className&&(e+=" "+this.props.className),p.a.createElement("button",{className:e,disabled:this.props.disabled,dangerouslySetInnerHTML:{__html:this.props.label},onClick:this._onClick})}},{key:"_onClick",value:function(e){e.preventDefault(),this.props.onClick?this.props.onClick(e):T.registerDevice(this.props.configs.contextURL,this.props.configs.csrf,this.props.isPrivateDevice)}}]),n}(l.Component);x.propTypes={label:f.a.string.isRequired,configs:f.a.object.isRequired,isPrivateDevice:f.a.bool.isRequired,disabled:f.a.bool,className:f.a.string,onClick:f.a.func};var F=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._renderContent=r._renderContent.bind(Object(h.a)(r)),r._renderErrorMessage=r._renderErrorMessage.bind(Object(h.a)(r)),r._renderHasContactInfo=r._renderHasContactInfo.bind(Object(h.a)(r)),r._renderSavedContactInfo=r._renderSavedContactInfo.bind(Object(h.a)(r)),r._renderAddAlternateInfoLinks=r._renderAddAlternateInfoLinks.bind(Object(h.a)(r)),r._renderButtons=r._renderButtons.bind(Object(h.a)(r)),r._registerPrivateDevice=r._registerPrivateDevice.bind(Object(h.a)(r)),r._registerPublicDevice=r._registerPublicDevice.bind(Object(h.a)(r)),r}
1return Object(i.a)(n,[{key:"componentWillUnmount",value:function(){T.resetRegisterDeviceStatus()}},{key:"componentDidMount",value:function(){var e=this;setTimeout((function(){e.refs.pageHeader&&e.refs.pageHeader.focus()}),300)}},{key:"render",value:function(){return p.a.createElement("div",{className:"di-container fade-in"},this._renderContent())}},{key:"_renderContent",value:function(){return S.hasAtLeastOneContactInfo(this.props.data,this.props.configs.emailMfaEnabled)?this._renderHasContactInfo():p.a.createElement(j,{i18nStrings:this.props.i18nStrings,configs:this.props.configs})}},{key:"_renderErrorMessage",value:function(){return this.props.registerDeviceStatus===v.STATUS_ERROR?p.a.createElement(E.a,{id:"alertMessage",ref:"serverError",type:"danger",showIcon:!0,scrollToOnMount:!0},this.props.i18nStrings.technical_difficulties):null}},{key:"_renderHasContactInfo",value:function(){var e=this.props.i18nStrings.verify_custom_title?this.props.i18nStrings.verify_custom_title:this.props.i18nStrings.page_title_no_mfa,t=this.props.i18nStrings.verify_custom_text?this.props.i18nStrings.verify_custom_text:this.props.i18nStrings.instructional_text_verify_contact_info;return p.a.createElement("div",null,p.a.createElement("div",{className:"page-header"},p.a.createElement("h1",{id:"pageHeader",ref:"pageHeader",tabIndex:"-1","aria-describedby":"pageHeader TextDiv"},e)),this._renderErrorMessage(),p.a.createElement("div",{className:"content-container",id:"TextDiv"},p.a.createElement("div",{className:"instructional-text"},t),p.a.createElement("div",{className:"contact-info"},p.a.createElement("div",{className:"warning"},p.a.createElement("div",{className:"icon"},p.a.createElement(b.a,{name:"AlertFill"})),p.a.createElement("div",{className:"icon-text"},p.a.createElement("span",null,this.props.i18nStrings.has_contact_info_warning))),this._renderSavedContactInfo(),p.a.createElement("div",{className:"register-info"},p.a.createElement("div",{className:"icon"},p.a.createElement(b.a,{name:"Info"})),p.a.createElement("div",{className:"icon-text"},p.a.createElement("span",null,this.props.i18nStrings.register_info_title))),p.a.createElement("div",{className:"info-description"},p.a.createElement("span",null,this.props.i18nStrings.register_info_description)))),this._renderButtons(),p.a.createElement(g.a,{id:"loaderModal",show:this.props.registerDeviceStatus===v.STATUS_LOADING,text:this.props.i18nStrings.request_processing}))}},{key:"_renderSavedContactInfo",value:function(){var e=[],t=this.props.data.phone,n=this.props.data.email,r=this.props.configs.mfaMaxPhoneNumbers,a=this.props.i18nStrings,o="";if(t.length>0)for(var i=0;i<t.length&&i<r;i++){switch(i){case 1:o=this.props.i18nStrings.second_phone_number;break;case 2:o=this.props.i18nStrings.third_phone_number;break;case 3:o=this.props.i18nStrings.fourth_phone_number;break;default:o=this.props.i18nStrings.first_phone_number}e.push(p.a.createElement(L,{key:i,ariaLabel:o,country:t[i].country,contactInfo:t[i].number,label:a.edit_contact_info,mfaType:v.MFA_TYPE_PHONE}))}var s=null;return n&&this.props.configs.emailMfaEnabled&&(s=p.a.createElement(L,{ariaLabel:this.props.i18nStrings.add_email_title+" "+n,contactInfo:n,label:a.edit_contact_info,mfaType:v.MFA_TYPE_EMAIL})),p.a.createElement("div",{className:"contact-info-container"},e,s,this._renderAddAlternateInfoLinks())}},{key:"_renderAddAlternateInfoLinks",value:function(){var e=this.props.i18nStrings,t=this.props.data.phone.length<this.props.configs.mfaMaxPhoneNumbers,n=null==this.props.data.email&&this.props.configs.emailMfaEnabled;if(t||n){var r=0==this.props.data.phone.length?e.add_phone:e.add_alternate_phone;return p.a.createElement("div",{className:"add-alternate-contact"},p.a.createElement("div",null,e.add_additional_contact_info),t?p.a.createElement(A,{className:"add-link",label:r,mfaType:v.MFA_TYPE_PHONE}):null,n?p.a.createElement(A,{className:"add-link",label:e.add_email,mfaType:v.MFA_TYPE_EMAIL}):null)}return null}},{key:"_renderButtons",value:function(){var e=this.props.registerDeviceStatus===v.STATUS_LOADING,t="register-button";if(S.hasAtLeastOneContactInfo(this.props.data,this.props.configs.emailMfaEnabled))return p.a.createElement("div",{className:"button-container"},p.a.createElement(x,{disabled:e,configs:this.props.configs,label:this.props.i18nStrings.register_device,isPrivateDevice:!0,className:t}),p.a.createElement(x,{disabled:e,configs:this.props.configs,label:this.props.i18nStrings.dont_register_device,isPrivateDevice:!1,className:t}))}},{key:"_registerPrivateDevice",value:function(){T.registerDevice(this.props.configs.contextURL,this.props.configs.csrf,!0)}},{key:"_registerPublicDevice",value:function(){T.registerDevice(this.props.configs.contextURL,this.props.configs.csrf,!1)}}]),n}(l.Component);F.propTypes={i18nStrings:f.a.object.isRequired,data:f.a.object.isRequired,configs:f.a.object.isRequired};var w=n(473),H=n(1482),U=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._onReturnToHome=r._onReturnToHome.bind(Object(h.a)(r)),r}
1return Object(i.a)(n,[{key:"componentDidMount",value:function(){var e=this;setTimeout((function(){e.refs.pageHeaderBlank&&e.refs.pageHeaderBlank.focus()}),300)}},{key:"render",value:function(){var e=this.props.configs.supportConfig.i18nStrings,t=this.props.i18nStrings.verify_custom_title_no_info?this.props.i18nStrings.verify_custom_title_no_info:e.page_header,n=this.props.i18nStrings.verify_custom_text_no_info?this.props.i18nStrings.verify_custom_text_no_info:e.need_contact_info_instruction;return p.a.createElement("div",null,p.a.createElement(H.a,{supportConfig:this.props.configs.supportConfig,pageHeader:t,contactUSError:e.contact_us_error,needContactInfoInstruction:n,tryAgainInstruction:this.props.configs.HBACadditionalinfotext,goBackButtonLabel:e.return_to_home,handlers:{onGoBack:this._onReturnToHome}}),p.a.createElement(g.a,{id:"supportLoaderModal",show:this.props.updateContactDetailsStatus===v.STATUS_LOADING,text:this.props.i18nStrings.request_processing}))}},{key:"_onReturnToHome",value:function(e){e.preventDefault(),T.goToFiHomePage.defer(this.props.configs.contextURL)}}]),n}(l.Component);U.propTypes={i18nStrings:f.a.object.isRequired};var V=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._onClick=r._onClick.bind(Object(h.a)(r)),r}return Object(i.a)(n,[{key:"render",value:function(){var e=this.props.country&&this.props.mfaContactInfo&&this.props.label?this.props.country+" "+this.props.mfaContactInfo+" "+this.props.label:null;return p.a.createElement("button",{className:"btn btn-primary xs-width-100",onClick:this._onClick,"aria-label":e},this.props.label)}},{key:"_onClick",value:function(e){this.props.onClick&&this.props.onClick(e);var t={id:this.props.id,mfaType:this.props.mfaType,mfaContactInfo:this.props.mfaContactInfo,country:this.props.country};T.sendOtp(this.props.configs.contextURL,this.props.configs.csrf,t)}}]),n}(l.Component);V.propTypes={label:f.a.string.isRequired,mfaType:f.a.oneOf([v.MFA_TYPE_EMAIL,v.MFA_TYPE_PHONE,v.MFA_TYPE_SMS,v.MFA_TYPE_WHATSAPP,v.MFA_TYPE_WHATSAPP_SMS]),mfaContactInfo:f.a.string.isRequired,onClick:f.a.func,className:f.a.string};var Y=n(534),B=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._renderContent=r._renderContent.bind(Object(h.a)(r)),r._renderHasContactInfo=r._renderHasContactInfo.bind(Object(h.a)(r)),r._renderContactInfo=r._renderContactInfo.bind(Object(h.a)(r)),r._renderErrorMessage=r._renderErrorMessage.bind(Object(h.a)(r)),r._renderMfaButtons=r._renderMfaButtons.bind(Object(h.a)(r)),r._renderPhoneMfaButtons=r._renderPhoneMfaButtons.bind(Object(h.a)(r)),r._buildMfaButton=r._buildMfaButton.bind(Object(h.a)(r)),r._indexPhoneProtocolEntries=r._indexPhoneProtocolEntries.bind(Object(h.a)(r)),r._canSendSmsByCountry=r._canSendSmsByCountry.bind(Object(h.a)(r)),r._renderTextNotSupported=r._renderTextNotSupported.bind(Object(h.a)(r)),r}return Object(i.a)(n,[{key:"componentWillUnmount",value:function(){T.resetSendOtpStatus.defer()}},{key:"componentDidMount",value:function(){var e=this;setTimeout((function(){e.refs.pageHeader&&e.refs.pageHeader.focus()}),300)}},{key:"render",value:function(){return p.a.createElement("div",null,p.a.createElement("div",{className:"di-container fade-in"},this._renderContent()),this._renderTermsConditions())}},{key:"_renderTermsConditions",value:function(){var e=this.props.data.phone&&this.props.data.phone.length>0,t=this.props.i18nStrings,n={checkOrigin:!1,inPageLinks:!0,heightCalculationMethod:-1!==navigator.userAgent.indexOf("MSIE")?"max":"lowestElement"};return e?p.a.createElement("div",{className:"disclosure-container"},p.a.createElement("div",{className:"data-rates",id:"dataRates"},t.data_rates_message),p.a.createElement(Y.a,{title:t.show_terms_title,expandedTitle:t.hide_terms_title}
1,p.a.createElement(w.a,{id:"termsId",title:t.show_terms_title,src:this.props.configs.mfaTermsLocation,resizerOptions:n,allowDomains:["localhost"]}))):void 0}},{key:"_renderContent",value:function(){var e=S.hasAtLeastOneContactInfo(this.props.data,this.props.configs.emailMfaEnabled),t=this.props.configs.setupHostBasedACWithMFA;return e?this._renderHasContactInfo():t?p.a.createElement(U,{i18nStrings:this.props.i18nStrings,configs:this.props.configs}):p.a.createElement(j,{i18nStrings:this.props.i18nStrings,configs:this.props.configs})}},{key:"_renderHasContactInfo",value:function(){var e=this.props.i18nStrings.verify_custom_title?this.props.i18nStrings.verify_custom_title:this.props.i18nStrings.page_title_mfa,t=this.props.i18nStrings.verify_custom_text?this.props.i18nStrings.verify_custom_text:this.props.i18nStrings.instructional_text_verify_contact_info_with_mfa;return p.a.createElement("div",null,p.a.createElement("div",{className:"page-header"},p.a.createElement("h1",{id:"pageHeader",ref:"pageHeader",tabIndex:"-1","aria-describedby":"pageHeader TextDiv dataRates"},e)),this._renderErrorMessage(),p.a.createElement("div",{className:"content-container",id:"TextDiv"},p.a.createElement("div",{className:"instructional-text"},t),p.a.createElement("div",{className:"contact-info"},p.a.createElement("div",{className:"warning"},p.a.createElement("div",{className:"icon"},p.a.createElement(b.a,{name:"AlertFill"})),p.a.createElement("div",{className:"icon-text"},p.a.createElement("span",null,this.props.i18nStrings.send_code_title))),this.props.configs.setupHostBasedACWithMFA?p.a.createElement("div",{className:"instructional-text"},p.a.createElement("div",{className:"incorrect-info-text"},p.a.createElement("span",{dangerouslySetInnerHTML:{__html:this.props.configs.HBincorrectinfotext}}),"\xa0\xa0")):void 0,p.a.createElement("div",{id:"contact-info-container",className:"contact-info-container"},this._renderContactInfo()))),p.a.createElement(g.a,{id:"loaderModal",show:this.props.sendOtpStatus===v.STATUS_LOADING,text:this.props.i18nStrings.request_processing}))}},{key:"_renderErrorMessage",value:function(){return this.props.sendOtpStatus===v.STATUS_ERROR?p.a.createElement(E.a,{id:"alertMessage",ref:"serverError",type:"danger",showIcon:!0,scrollToOnMount:!0},this.props.i18nStrings.error_sending_otp):void 0}},{key:"_renderContactInfo",value:function(){var e,t=this,n=this.props.data||{},r=this.props.configs||{},a=this.props.i18nStrings,o=r.setupHostBasedACWithMFA,i=Array.isArray(n.phone)?n.phone:[],s=n.email,c=Math.min(r.mfaMaxPhoneNumbers||0,4),l=p.a.createElement("div",{className:"divider"}),u=[],h=function(e){e&&(u.length>0&&u.push(l),u.push(e))},d=[];if(i.length>0){var f=[],_=new Map;i.forEach((function(e){if(e){var t="".concat(e.country||"","|").concat(e.number||"");_.has(t)||(_.set(t,{country:e.country,number:e.number,entries:[]}),f.push(_.get(t))),_.get(t).entries.push(e)}}));for(var m=[a.first_phone_number,a.second_phone_number,a.third_phone_number,a.fourth_phone_number||a.third_phone_number],E=f.length,b=function(e){var n=f[e],r=Array.isArray(n.entries)?n.entries:[],a=function(e){return(e||"").toString().toUpperCase()},o=r.find((function(e){return e&&a(e.protocol)===v.MFA_TYPE_PHONE})),i=r.find((function(e){return e&&a(e.protocol)===v.MFA_TYPE_SMS})),s=r.find((function(e){return e&&(a(e.protocol)===v.MFA_TYPE_WHATSAPP_SMS||a(e.protocol)===v.MFA_TYPE_WHATSAPP)})),c=o&&o.id||i&&i.id||s&&s.id||n.number;d.push(t._renderContactInfoWithMfa(c,v.MFA_TYPE_PHONE,n.number,n.country,m[e],r))},g=0;g<E;g++)b(g);!o&&f.length<c&&d.push(this._renderAddContactInfoLink(a.contact_info_add_alternate_phone,v.MFA_TYPE_PHONE))}else o||d.push(this._renderAddContactInfoLink(a.contact_info_add_phone,v.MFA_TYPE_PHONE,!0));return r.emailMfaEnabled&&(s?e=this._renderContactInfoWithMfa(n.emailId,v.MFA_TYPE_EMAIL,s):o||(e=this._renderAddContactInfoLink(a.contact_info_add_email,v.MFA_TYPE_EMAIL))),0===i.length?(h(e),d.forEach((function(e){return h(e)}))):(d.forEach((function(e){return h(e)})),h(e)),u}},{key:"_renderAddContactInfoLink",value:function(e,t,n){return p.a.createElement("div",{className:"mfa-container mfa-destination"},n&&1==n?p.a.createElement("div",{className:"add-another-way-text"}," ",this.props.i18nStrings.add_another_way," "):void 0,p.a.createElement(A,{className:"add-link",label:e,mfaType:t}))}},{key:"_renderContactInfoWithMfa",value:function(e,t,n,r,a,o){var i=this.props.i18nStrings;return p.a.createElement("div",{className:"mfa-container mfa-destination"},p.a.createElement(L,{key:e,ariaLabel:void 0!=a?a:this.props.i18nStrings.add_email_title,readable:1!=r&&void 0!=a?this.props.i18nStrings.text_not_supported:"",country:t==v.MFA_TYPE_PHONE?r:void 0,contactInfo:n,label:this.props.configs.setupHostBasedACWithMFA?void 0:i.edit_contact_info,mfaType:t,className:"wrap-content"}),p.a.createElement("div",{className:"mfa-button-container"},this._renderMfaButtons(e,t,n,r,o)))}},{key:"_renderMfaButtons",value:function(e,t,n,r,a){return t===v.MFA_TYPE_PHONE?this._renderPhoneMfaButtons(e,n,r,a):[this._buildMfaButton({key:e,label:this.props.i18nStrings.email_me,mfaType:t,id:e,country:void 0,contactInfo:n})]}},{key:"_buildMfaButton",value:function(e){var t=e.key,n=e.label,r=e.mfaType,a=e.id,o=e.country,i=e.contactInfo;return p.a.createElement(V,{key:t,configs:this.props.configs||{},label:n,mfaType:r,country:o,id:a,mfaContactInfo:i})}},{key:"_indexPhoneProtocolEntries",value:function(e){var t=Array.isArray(e)?e:[],n=function(e){return(e||"").toString().toUpperCase()},r=function(e){return t.find((function(t){return t&&n(t.protocol)===n(e)}))};return{voice:r(v.MFA_TYPE_PHONE),sms:r(v.MFA_TYPE_SMS),whatsApp:r(v.MFA_TYPE_WHATSAPP_SMS),hasAnyProtocol:t.some((function(e){return e&&n(e.protocol)}))}}},{key:"_canSendSmsByCountry",value:function(e){if(!("1"!==e))return!0;var t=this.props.configs||{};return-1!==(Array.isArray(t.fISupportedIntlCountryCodeForText)?t.fISupportedIntlCountryCodeForText:[]).indexOf(e)}},{key:"_renderPhoneMfaButtons",value:function(e,t,n,r){var a=this.props.configs||{},o=this.props.i18nStrings,i=this._indexPhoneProtocolEntries(r),s=i.voice,c=i.sms,l=i.whatsApp,p=i.hasAnyProtocol,u=this._canSendSmsByCountry(n),h="1"!==n,d=[];return u&&(d.push(this._buildMfaButton({key:"".concat(t,"-sms"),label:o.text_me,mfaType:v.MFA_TYPE_SMS,id:c&&c.id||"",country:n,contactInfo:t})),a.isWhatsAppMfaEnabled&&d.push(this._buildMfaButton({key:"".concat(t,"-whatsapp"),label:o.whatsapp_me||o.whatsapp||"Whatsapp me",mfaType:v.MFA_TYPE_WHATSAPP_SMS,id:l&&l.id||"",country:n,contactInfo:t}))),!s&&p||d.push(this._buildMfaButton({key:e,label:o.call_me,mfaType:v.MFA_TYPE_PHONE,id:s&&s.id||e,country:n,contactInfo:t})),!h||u||l||d.push(this._renderTextNotSupported(!0)),d}},{key:"_renderTextNotSupported",value:function(e){return e?p.a.createElement("span",{className:"text-not-supported"},this.props.i18nStrings.text_not_supported):void 0}}]),n}(l.Component);B.propTypes={i18nStrings:f.a.object.isRequired,data:f.a.object.isRequired};var W=n(467),q=n(583),G=Object.freeze({CALL:"Call",EMAIL:"Email",ALERT_FILL:"AlertFill"}),z=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._renderContactInfo=r._renderContactInfo.bind(Object(h.a)(r)),r._renderPhoneAndEmailContactInfo=r._renderPhoneAndEmailContactInfo.bind(Object(h.a)(r)),r._renderContactInfoAsLabel=r._renderContactInfoAsLabel.bind(Object(h.a)(r)),r._renderContactInfoAsDropdown=r._renderContactInfoAsDropdown.bind(Object(h.a)(r)),r._renderErrorMessage=r._renderErrorMessage.bind(Object(h.a)(r)),r._initializePhones=r._initializePhones.bind(Object(h.a)(r)),r._onReturnToHome=r._onReturnToHome.bind(Object(h.a)(r)),r._keyPressHandler=r._keyPressHandler.bind(Object(h.a)(r)),r._onSelectPhone1=r._onSelectPhone1.bind(Object(h.a)(r)),r._onSelectPhone2=r._onSelectPhone2.bind(Object(h.a)(r)),r._onSelectPhone3=r._onSelectPhone3.bind(Object(h.a)(r)),r._onSubmit=r._onSubmit.bind(Object(h.a)(r)),r._registerPrivateDevice=r._registerPrivateDevice.bind(Object(h.a)(r)),r._registerPublicDevice=r._registerPublicDevice.bind(Object(h.a)(r)),r._renderButtons=r._renderButtons.bind(Object(h.a)(r)),r.state={phone1Index:0,phone2Index:0,phone3Index:0,serverError:""},r}return Object(i.a)(n,[{key:"UNSAFE_componentWillMount",value:function(){this._initializePhones()}},{key:"componentDidMount",value:function(){var e=this;setTimeout((function(){e.refs.pageHeaderHost&&e.refs.pageHeaderHost.focus()}),300)}},{key:"componentDidUpdate",value:function(){this.state.serverError&&setTimeout((function(){document.getElementById("alertMessage")&&document.getElementById("alertMessage").focus()}),500)}},{key:"_initializePhones",value:function(){var e=this.props.data.phone;e&&e.length>0&&(e.length>=1&&T.setPhone1.defer(e[0].number),e.length>=2&&T.setPhone2.defer(e[1].number),e.length>=3&&T.setPhone3.defer(e[2].number),e.length>=4&&T.setPhone4.defer(e[3].number))}},{key:"render",value:function(){return S.hasAtLeastOneContactInfo(this.props.data,!0)?p.a.createElement("div",{className:"di-container fade-in"},this._renderContactInfo()):p.a.createElement(U,{i18nStrings:this.props.i18nStrings,configs:this.props.configs})}},{key:"_renderContactInfo",value:function(){var e=this.props.i18nStrings.verify_custom_title?this.props.i18nStrings.verify_custom_title:this.props.i18nStrings.page_title_host_based,t=this.props.i18nStrings.verify_custom_text?this.props.i18nStrings.verify_custom_text:this.props.i18nStrings.instructional_text_verify_contact_info,n=this.props.i18nStrings.has_contact_info_host_based;return S.hasMoreThanMaxPhoneContactInfo(this.props.data,this.props.configs.mfaMaxPhoneNumbers)&&(n=this.props.i18nStrings.has_extra_contact_info_host_based),p.a.createElement("div",null,p.a.createElement("div",{className:"page-header"},p.a.createElement("h1",{id:"pageHeaderHost",ref:"pageHeaderHost",tabIndex:"-1","aria-describedby":"pageHeaderHost hostBasedFormId"},e)),this._renderErrorMessage(),p.a.createElement("form",{autoComplete:"off",id:"hostBasedFormId"},p.a.createElement("div",{className:"content-container"},p.a.createElement("div",{className:"instructional-text"},t),p.a.createElement("div",{className:"contact-info"},p.a.createElement("div",{className:"warning"},p.a.createElement("div",{className:"icon"},p.a.createElement(b.a,{name:G.ALERT_FILL})),p.a.createElement("div",{className:"icon-text"},p.a.createElement("span",null,n))),p.a.createElement("div",{className:"instructional-text"},p.a.createElement("div",{className:"incorrect-info-text"},p.a.createElement("span",{dangerouslySetInnerHTML:{__html:this.props.configs.HBincorrectinfotext}}),"\xa0\xa0")),this._renderPhoneAndEmailContactInfo())),this.props.configs.setupHostBasedACWithoutMFA?p.a.createElement("div",null,this._renderButtons()):p.a.createElement("div",{className:"button-container"},p.a.createElement("button",{id:"continue",type:"button",className:"btn btn-primary xs-width-100",onClick:this._onSubmit,ref:"continueButton"},this.props.i18nStrings.continue))),p.a.createElement(g.a,{id:"loaderModal",show:this.props.updateContactDetailsStatus===v.STATUS_LOADING,text:i18nStrings.request_processing}))}},{key:"_renderPhoneAndEmailContactInfo",value:function(){var e=[],t=this.props.data,n=t.phone,r=S.hasMoreThanMaxPhoneContactInfo(this.props.data,this.props.configs.mfaMaxPhoneNumbers);if(n&&n.length>0)if(r){var a="",o="";this.props.configs.mfaMaxPhoneNumbers>1&&(a=this.props.phone2,this.props.configs.mfaMaxPhoneNumbers>2&&(o=this.props.phone3)),e.push(this._renderContactInfoAsDropdown(this.props.phone1,a,o,this._onSelectPhone1,this.state.phone1Index,this.props.i18nStrings.first_phone_number)),this.props.configs.mfaMaxPhoneNumbers>1&&e.push(this._renderContactInfoAsDropdown(a,this.props.phone1,o,this._onSelectPhone2,this.state.phone2Index,this.props.i18nStrings.second_phone_number)),this.props.configs.mfaMaxPhoneNumbers>2&&e.push(this._renderContactInfoAsDropdown(o,this.props.phone1,a,this._onSelectPhone3,this.state.phone3Index,this.props.i18nStrings.third_phone_number))}else this.props.phone1&&e.push(this._renderContactInfoAsLabel(this.props.phone1,G.CALL,this.props.i18nStrings.first_phone_number)),this.props.phone2&&e.push(this._renderContactInfoAsLabel(this.props.phone2,G.CALL,this.props.i18nStrings.second_phone_number)),this.props.phone3&&e.push(this._renderContactInfoAsLabel(this.props.phone3,G.CALL,this.props.i18nStrings.third_phone_number)),this.props.phone4&&e.push(this._renderContactInfoAsLabel(this.props.phone4,G.CALL,this.props.i18nStrings.fourth_phone_number));if(t.email){var i=this._renderContactInfoAsLabel(t.email,G.EMAIL,this.props.i18nStrings.add_email_title);e.push(i)}return e}},{key:"_renderContactInfoAsLabel",value:function(e,t,n){return p.a.createElement("div",{className:"contact-info-label"},p.a.createElement("div",{className:"icon"},p.a.createElement(b.a,{name:t})),p.a.createElement("div",{className:"icon-text"},p.a.createElement("span",{"aria-label":n},e)))}},{key:"_renderContactInfoAsDropdown",value:function(e,t,n,r,a,o){for(var i=[],s=this.props.data.phone,c=0;c<s.length;c++){var l=s[c].number;l!=e&&l!=t&&l!=n&&i.push(l)}i.splice(a,0,e);for(var u=[],h=0;h<i.length;h++){var d={phone:i[h],index:h};u.push(p.a.createElement(W.a,{label:i[h],key:h+e,dataOnSelect:d},p.a.createElement("span",null," ",i[h]," ")))}return p.a.createElement("div",{className:"contact-info-label"},p.a.createElement("div",{className:"icon-call"},p.a.createElement(b.a,{name:G.CALL})),p.a.createElement("div",{className:"xs-width-100"},p.a.createElement(q.a,{label:o,onSelect:r,defaultLabel:e,selectedIndex:a,variationType:"on-gray"},u)))}},{key:"_renderButtons",value:function(){var e=this.props.registerDeviceStatus===v.STATUS_LOADING,t="register-button";if(S.hasAtLeastOneContactInfo(this.props.data,this.props.configs.emailMfaEnabled))return p.a.createElement("div",{className:"button-container"},p.a.createElement(x,{disabled:e,configs:this.props.configs,label:this.props.i18nStrings.register_device,isPrivateDevice:!0,className:t}),p.a.createElement(x,{disabled:e,configs:this.props.configs,label:this.props.i18nStrings.dont_register_device,isPrivateDevice:!1,className:t}))}},{key:"_renderErrorMessage",value:function(){return this.props.updateContactDetailsStatus===v.STATUS_ERROR?(this.state.serverError=this.props.i18nStrings.server_error,p.a.createElement(E.a,{id:"alertMessage",ref:"serverError",type:"danger",showIcon:!0,scrollToOnMount:!0},this.props.i18nStrings.server_error)):null}},{key:"_registerPrivateDevice",value:function(){T.registerDevice(this.props.configs.contextURL,this.props.configs.csrf,!0)}},{key:"_registerPublicDevice",value:function(){T.registerDevice(this.props.configs.contextURL,this.props.configs.csrf,!1)}},{key:"_onSelectPhone1",value:function(e){this.setState({phone1Index:e.index}),T.setPhone1.defer(e.phone)}},{key:"_onSelectPhone2",value:function(e){this.setState({phone2Index:e.index}),T.setPhone2.defer(e.phone)}},{key:"_onSelectPhone3",value:function(e){this.setState({phone3Index:e.index}),T.setPhone3.defer(e.phone)}},{key:"_onSubmit",value:function(e){e.preventDefault(),(this.props.phone1||this.props.phone2||this.props.phone3||this.props.phone4||this.props.data.email)&&T.updateContactDetails.defer(this.props.configs.contextURL,this.props.configs.csrf,this.props.phone1,this.props.phone2,this.props.phone3,this.props.phone4,this.props.data.email)}},{key:"_onReturnToHome",value:function(e){e.preventDefault(),T.goToFiHomePage.defer(this.props.configs.contextURL)}},{key:"_keyPressHandler",value:function(e){e.preventDefault(),13===e.charCode&&this._onSubmit(e)}}]),n}(l.Component);z.propTypes={i18nStrings:f.a.object.isRequired,configs:f.a.object.isRequired,data:f.a.object.isRequired};var K=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._renderError=r._renderError.bind(Object(h.a)(r)),r._renderVerifyNoMfa=r._renderVerifyNoMfa.bind(Object(h.a)(r)),r._renderVerifyWithMfa=r._renderVerifyWithMfa.bind(Object(h.a)(r)),r._renderVerifyHostBased=r._renderVerifyHostBased.bind(Object(h.a)(r)),r}return Object(i.a)(n,[{key:"render",value:function(){var e=this.props.configs;return e.setupContactInfoMfa||e.setupHostBasedACWithMFA?this._renderVerifyWithMfa():e.setupContactInfoHostBased||e.setupHostBasedACWithoutMFA?this._renderVerifyHostBased():e.setupContactInfoNoMfa?thi
1s._renderVerifyNoMfa():this._renderError()}},{key:"_renderVerifyNoMfa",value:function(){return p.a.createElement(F,this.props)}},{key:"_renderVerifyWithMfa",value:function(){return p.a.createElement(B,this.props)}},{key:"_renderVerifyHostBased",value:function(){return p.a.createElement(z,this.props)}},{key:"_renderError",value:function(){return p.a.createElement("div",null,"Error Placeholder")}}]),n}(l.Component);K.propTypes={i18nStrings:f.a.object.isRequired,data:f.a.object.isRequired,configs:f.a.object.isRequired,registerDeviceStatus:f.a.string};var J=["phone1","phone2","phone3","phone4","email"],$={email:null,phone1:{country:"1",number:null},phone2:{country:"1",number:null},phone3:{country:"1",number:null},phone4:{country:"1",number:null}},Z=function(){function e(){Object(o.a)(this,e),this.state={pageLoadStatus:v.STATUS_LOADING,formData:$,savedData:$,selectedPhoneIndex:null,phone1Error:!1,phone2Error:!1,phone3Error:!1,phone4Error:!1,emailError:!1,duplicatePhone2Error:!1,duplicatePhone3Error:!1,duplicatePhone4Error:!1,status:null,errorCode:null,selectedMfa:{}},this.bindActions(N)}return Object(i.a)(e,[{key:"onReset",value:function(){this.alt.recycle(this)}},{key:"onInitializeDestinations",value:function(e){var t=Object.assign({},this.state.formData,e.formData),n=Object.assign({},this.state.savedData,e.savedData);this.setState({formData:t,savedData:n,selectedPhoneIndex:e.selectedPhoneIndex,pageLoadStatus:v.STATUS_SUCCESS})}},{key:"onSetSelectedPhoneIndex",value:function(e){this.setState({selectedPhoneIndex:e})}},{key:"onSetSelectedMfa",value:function(e){this.setState({selectedMfa:e})}},{key:"onSaveContactInfoLoading",value:function(){this.setState({status:v.STATUS_LOADING,errorCode:null})}},{key:"onSaveContactInfoError",value:function(e){this.setState({status:v.STATUS_ERROR,errorCode:e.errorCode})}},{key:"onEditContactInfo",value:function(e){var t=e.phone1,n=e.phone2,r=e.phone3,a=e.phone4,o=e.email,i=Object(_.a)(e,J);i&&i.phone2Error?i.duplicatePhone2Error=!1:i&&i.phone3Error?i.duplicatePhone3Error=!1:i&&i.phone4Error&&(i.duplicatePhone4Error=!1),null==t&&null==n&&null==r&&null==a&&null==o||(i.formData=Object.assign({},this.state.formData),null!=t&&(i.formData.phone1=t,null!=n&&t.number===n.number&&t.country===n.country&&(i.duplicatePhone2Error=!0),null!=r&&t.number===r.number&&t.country===r.country&&(i.duplicatePhone3Error=!0),null!=a&&t.number===a.number&&t.country===a.country&&(i.duplicatePhone4Error=!0)),null!=n&&(i.formData.phone2=n,null!=r&&n.number===r.number&&n.country===r.country&&(i.duplicatePhone3Error=!0),null!=a&&n.number===a.number&&n.country===a.country&&(i.duplicatePhone4Error=!0)),null!=r&&(i.formData.phone3=r,null!=a&&r.number===a.number&&r.country===a.country&&(i.duplicatePhone4Error=!0)),null!=a&&(i.formData.phone4=a),null!=o&&(i.formData.email=o)),this.setState(i)}},{key:"onDeleteEmail",value:function(){var e=Object.assign({},this.state.formData);e.email=null,this.setState({formData:e})}},{key:"onSetEmailError",value:function(e){this.setState({emailError:e})}}]),e}(),Q=y.a.createStore(Z,"SecurityContactInfoStore"),X=n(825),ee=/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+(?:[A-Z]{2,})$/i,te=/[^ -~]/,ne=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;Object(o.a)(this,n),(r=t.call(this,e))._renderEmailInput=r._renderEmailInput.bind(Object(h.a)(r)),r._addEmailLinkClick=r._addEmailLinkClick.bind(Object(h.a)(r)),r._deleteEmail=r._deleteEmail.bind(Object(h.a)(r)),r._onDeleteKeydown=r._onDeleteKeydown.bind(Object(h.a)(r)),r._validate=r._validate.bind(Object(h.a)(r)),r._onInput=r._onInput.bind(Object(h.a)(r));var a=r.props.selectedMfa&&r.props.selectedMfa.type===v.MFA_TYPE_EMAIL;return r.state={validEmail:!0,selected:a,deleteEmail:!1,index:0},r}return Object(i.a)(n,[{key:"render",value:function(){return p.a.createElement("div",{className:"mfa-type-container"},p.a.createElement("div",null,p.a.createElement(b.a,{name:"Email"}),p.a.createElement("span",null,this.props.i18nStrings.add_email_title)),p.a.createElement("div",null,this._renderEmailInput()))}},{key:"_renderEmailInput",value:function(){return null!=this.props.email||this.state.selected?p.a.createElement("div",{className:"input-container"},p.a.createElement(X.a,{labelNotRequired:!0,id:"email",name:"email",type:"email",ariaLabel:this.props.i18nStrings.add_email_title,className:"email-input",isValid:this.state.validEmail,maxLength:"64",validationError:this.props.i18nStrings.error_invalid_email,value:this.props.email,onInput:this._onInput,onBlur:this._val
1idate,focusOnInit:this.state.selected}),p.a.createElement("div",{className:"delete-container",onClick:this._deleteEmail},p.a.createElement("a",{href:"javascript:void(0)","aria-label":this.props.i18nStrings.delete_email,role:"button",onKeyDown:this._onDeleteKeydown}," ",p.a.createElement(b.a,{name:"Delete"})))):p.a.createElement(A,{key:this.state.index,focus:this.state.deleteEmail,className:"add-link",label:this.props.i18nStrings.contact_info_add_email,mfaType:v.MFA_TYPE_EMAIL,onClick:this._addEmailLinkClick})}},{key:"_addEmailLinkClick",value:function(){this.setState({selected:!0})}},{key:"_deleteEmail",value:function(){N.deleteEmail(),this.setState({validEmail:!0,selected:!1,deleteEmail:!0,index:this.state.index+1}),N.setEmailError(!1)}},{key:"_onDeleteKeydown",value:function(e){32===e.keyCode&&(e.preventDefault(),this._deleteEmail())}},{key:"_validate",value:function(e){var t=e.target.value,n=0==t.trim().length||ee.test(t)&&!te.test(t);this.setState({validEmail:n}),N.setEmailError(!n)}},{key:"_onInput",value:function(e){N.editContactInfo({email:e.target.value})}}]),n}(l.Component);ne.PropTypes={email:f.a.string,emailError:f.a.bool,selected:f.a.bool,selectedMfa:f.a.shape({type:f.a.string,info:f.a.string}),i18nStrings:f.a.object};var re=n(821),ae=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._renderPhoneInputs=r._renderPhoneInputs.bind(Object(h.a)(r)),r._addPhone2=r._addPhone2.bind(Object(h.a)(r)),r._addPhone3=r._addPhone3.bind(Object(h.a)(r)),r._addPhone4=r._addPhone4.bind(Object(h.a)(r)),r._editPhone1=r._editPhone1.bind(Object(h.a)(r)),r._editPhone2=r._editPhone2.bind(Object(h.a)(r)),r._editPhone3=r._editPhone3.bind(Object(h.a)(r)),r._editPhone4=r._editPhone4.bind(Object(h.a)(r)),r._deletePhone2=r._deletePhone2.bind(Object(h.a)(r)),r._deletePhone3=r._deletePhone3.bind(Object(h.a)(r)),r._deletePhone4=r._deletePhone4.bind(Object(h.a)(r)),r._validatePhone1=r._validatePhone1.bind(Object(h.a)(r)),r._validatePhone2=r._validatePhone2.bind(Object(h.a)(r)),r._validatePhone3=r._validatePhone3.bind(Object(h.a)(r)),r._validatePhone4=r._validatePhone4.bind(Object(h.a)(r)),r._isDuplicatePhoneNumber=r._isDuplicatePhoneNumber.bind(Object(h.a)(r)),r._validateDuplicatePhone=r._validateDuplicatePhone.bind(Object(h.a)(r)),r._validateDuplicatePhoneOnCountryCodeChange=r._validateDuplicatePhoneOnCountryCodeChange.bind(Object(h.a)(r)),r.state={clickedPhone2:!1,clickedPhone3:!1,clickedPhone4:!1,deletephoneNumber:!1,index:0},r}return Object(i.a)(n,[{key:"render",value:function(){return p.a.createElement("div",{className:"mfa-type-container"},p.a.createElement("div",null,p.a.createElement(b.a,{name:"Call"}),p.a.createElement("span",null,this.props.i18nStrings.add_phone_title)),p.a.createElement("div",{className:"edit-phone-container"},this._renderPhoneInputs()))}},{key:"_renderPhoneInputs",value:function(){var e=[],t=this.props.phone1,n=this.props.phone2,r=this.props.phone3,a=this.props.phone4,o=this.props.selectedPhoneIndex,i=1==o||null!=t.number&&null==n.number&&-1==o,s=2==o||null!=t.number&&null!=n.number&&null==r.number&&-1==o,c=3==o||null!=t.number&&null!=n.number&&null!=r.number&&null==a.number&&-1==o,l=this.props.mfaMaxPhoneNumbers>1&&(null!=n.number||this.state.clickedPhone2||i),u=this.props.mfaMaxPhoneNumbers>2&&(null!=r.number||this.state.clickedPhone3||s),h=this.props.mfaMaxPhoneNumbers>3&&(null!=a.number||this.state.clickedPhone4||c),d=this.props.isInternationalPhoneEnabled?t.country:"1",f=this.props.isInternationalPhoneEnabled?n.country:"1",_=this.props.isInternationalPhoneEnabled?r.country:"1",m=this.props.isInternationalPhoneEnabled?a.country:"1",E="";this.props.duplicatePhone2Error&&(E="has-error");var g="";this.props.duplicatePhone3Error&&(g="has-error");var y="";this.props.duplicatePhone4Error&&(y="has-error");var O=t.number;"1"==d&&(O=S.formatContactInfo(d,t.number));var P,C=!i&&!s&&!c&&null!=o,I=this.state.clickedPhone2||i,k=this.state.clickedPhone3||s,T=this.state.clickedPhone4||c;if(e.push(p.a.createElement(re.a,{key:"phone1",ariaLabelForInput:this.props.i18nStrings.first_phone_number,ref:"phone1",className:"",selectedPhoneCode:d,phoneNumber:O,onCountryCodeChange:this._val
1idateDuplicatePhoneOnCountryCodeChange,onIntlPhNoChange:this._editPhone1,onPhoneValidityCheck:this._validatePhone1,isInternationalPhoneEnabled:this.props.isInternationalPhoneEnabled,defaultFocus:C&&this.props.isInternationalPhoneEnabled,focusInputOnInit:C,countryCodeData:this.props.customCountryCodes,phoneMinLength:this.props.phoneMinLength,phoneMaxLength:this.props.phoneMaxLength,i18nStrings:this.props.i18nStrings,inputFieldId:"phoneNumber1",phoneRequired:!0})),l){var M="dropdown-spacing alternate-phone "+E,N=n.number;"1"==f&&(N=S.formatContactInfo(f,n.number)),e.push(p.a.createElement(re.a,{ariaLabelForInput:this.props.i18nStrings.second_phone_number,key:"phone2",ref:"phone2",className:M,selectedPhoneCode:f,phoneNumber:N,enableDelete:!0,showDeleteIfEmpty:!0,onDelete:this._deletePhone2,onCountryCodeChange:this._validateDuplicatePhoneOnCountryCodeChange,onIntlPhNoChange:this._editPhone2,onPhoneValidityCheck:this._validatePhone2,isInternationalPhoneEnabled:this.props.isInternationalPhoneEnabled,defaultFocus:I&&this.props.isInternationalPhoneEnabled,focusInputOnInit:I,countryCodeData:this.props.customCountryCodes,phoneMinLength:this.props.phoneMinLength,phoneMaxLength:this.props.phoneMaxLength,i18nStrings:this.props.i18nStrings,inputFieldId:"phoneNumber2",phoneRequired:!1})),this.props.duplicatePhone2Error&&e.push(p.a.createElement("div",{id:"duplicatePhone2Error",className:"text-danger duplicate-phone-error",key:"duplicate-phone2-error",role:"alert","aria-live":"assertive"},p.a.createElement(b.a,{name:"AlertError"}),"\xa0",this.props.i18nStrings.error_duplicate_phone))}if(u){var D="dropdown-spacing alternate-phone "+g,R=r.number;"1"==_&&(R=S.formatContactInfo(_,r.number)),e.push(p.a.createElement(re.a,{ariaLabelForInput:this.props.i18nStrings.third_phone_number,key:"phone3",ref:"phone3",className:D,selectedPhoneCode:_,phoneNumber:R,enableDelete:!0,showDeleteIfEmpty:!0,onDelete:this._deletePhone3,onCountryCodeChange:this._val
1idateDuplicatePhoneOnCountryCodeChange,onIntlPhNoChange:this._editPhone3,onPhoneValidityCheck:this._validatePhone3,isInternationalPhoneEnabled:this.props.isInternationalPhoneEnabled,defaultFocus:k&&this.props.isInternationalPhoneEnabled,focusInputOnInit:k,countryCodeData:this.props.customCountryCodes,phoneMinLength:this.props.phoneMinLength,phoneMaxLength:this.props.phoneMaxLength,i18nStrings:this.props.i18nStrings,inputFieldId:"phoneNumber3",phoneRequired:!1})),this.props.duplicatePhone3Error&&e.push(p.a.createElement("div",{id:"duplicatePhone3Error",className:"text-danger duplicate-phone-error",key:"duplicate-phone3-error",role:"alert","aria-live":"assertive"},p.a.createElement(b.a,{name:"AlertError"}),"\xa0",this.props.i18nStrings.error_duplicate_phone))}if(h){var j="dropdown-spacing alternate-phone "+y,L=a.number;"1"==m&&(L=S.formatContactInfo(m,a.number)),e.push(p.a.createElement(re.a,{ariaLabelForInput:this.props.i18nStrings.fourth_phone_number,key:"phone4",ref:"phone4",className:j,selectedPhoneCode:m,phoneNumber:L,enableDelete:!0,showDeleteIfEmpty:!0,onDelete:this._deletePhone4,onCountryCodeChange:this._val
1idateDuplicatePhoneOnCountryCodeChange,onIntlPhNoChange:this._editPhone4,onPhoneValidityCheck:this._validatePhone4,isInternationalPhoneEnabled:this.props.isInternationalPhoneEnabled,defaultFocus:T&&this.props.isInternationalPhoneEnabled,focusInputOnInit:T,countryCodeData:this.props.customCountryCodes,phoneMinLength:this.props.phoneMinLength,phoneMaxLength:this.props.phoneMaxLength,i18nStrings:this.props.i18nStrings,inputFieldId:"phoneNumber4",phoneRequired:!1})),this.props.duplicatePhone4Error&&e.push(p.a.createElement("div",{id:"duplicatePhone4Error",className:"text-danger duplicate-phone-error",key:"duplicate-phone4-error",role:"alert","aria-live":"assertive"},p.a.createElement(b.a,{name:"AlertError"}),"\xa0",this.props.i18nStrings.error_duplicate_phone))}this.props.mfaMaxPhoneNumbers<=4&&(!l&&this.props.mfaMaxPhoneNumbers>1?P=this._addPhone2:l&&!u&&this.props.mfaMaxPhoneNumbers>2?P=this._addPhone3:u&&!h&&this.props.mfaMaxPhoneNumbers>3&&(P=this._addPhone4),P&&e.push(p.a.createElement(A,{key:this.state.index,focus:this.state.deletephoneNumber,className:"add-link",label:this.props.i18nStrings.add_alternate_phone,mfaType:v.MFA_TYPE_PHONE,onClick:P})));return e}},{key:"_addPhone2",value:function(){this.setState({clickedPhone2:!0})}},{key:"_addPhone3",value:function(){this.setState({clickedPhone3:!0})}},{key:"_addPhone4",value:function(){this.setState({clickedPhone4:!0})}},{key:"_editPhone1",value:function(e,t,n){N.editContactInfo({phone1:{country:e,number:t},selectedPhoneIndex:null})}},{key:"_editPhone2",value:function(e,t,n){N.editContactInfo({phone2:{country:e,number:t},selectedPhoneIndex:null})}},{key:"_editPhone3",value:function(e,t,n){N.editContactInfo({phone3:{country:e,number:t},selectedPhoneIndex:null})}},{key:"_editPhone4",value:function(e,t,n){N.editContactInfo({phone4:{country:e,number:t},selectedPhoneIndex:null})}},{key:"_deletePhone2",value:function(){N.editContactInfo({phone2:{country:"1",number:null},phone2Error:!1,duplicatePhone2Error:!1,selectedPhoneIndex:null}),this.setState({clickedPhone2:!1,deletephoneNumber:!0,index:this.state.index+1})}},{key:"_deletePhone3",value:function(){N.editContactInfo({phone3:{country:"1",number:null},phone3Error:!1,duplicatePhone3Error:!1,selectedPhoneIndex:null}),this.setState({clickedPhone3:!1,deletephoneNumber:!0,index:this.state.index+1})}},{key:"_deletePhone4",value:function(){N.editContactInfo({phone4:{country:"1",number:null},phone4Error:!1,duplicatePhone4Error:!1,selectedPhoneIndex:null}),this.setState({clickedPhone4:!1,deletephoneNumber:!0,index:this.state.index+1})}},{key:"_validatePhone1",value:function(e,t,n){N.editContactInfo({phone1Error:n}),n||this._validateDuplicatePhone()}},{key:"_validatePhone2",value:function(e,t,n){N.editContactInfo({phone2Error:n}),n||this._validateDuplicatePhone()}},{key:"_validatePhone3",value:function(e,t,n){N.editContactInfo({phone3Error:n}),n||this._validateDuplicatePhone()}},{key:"_validatePhone4",value:function(e,t,n){N.editContactInfo({phone4Error:n}),n||this._validateDuplicatePhone()}},{key:"_isDuplicatePhoneNumber",value:function(e,t){var n=!1;return e&&e.number&&t&&t.number&&(n=e.country===t.country&&S.stripNonNumericCharacters(e.number)===S.stripNonNumericCharacters(t.number)),n}},{key:"_validateDuplicatePhone",value:function(){var e=!1,t=!1,n=!1;this.props.mfaMaxPhoneNumbers>1&&(this.props.phone1Error||this.props.phone2Error||(e=this._isDuplicatePhoneNumber(this.props.phone1,this.props.phone2)),this.props.mfaMaxPhoneNumbers>2&&(this.props.phone1Error||this.props.phone3Error||(t=this._isDuplicatePhoneNumber(this.props.phone1,this.props.phone3)),t||this.props.phone2Error||this.props.phone3Error||(t=this._isDuplicatePhoneNumber(this.props.phone2,this.props.phone3)),this.props.mfaMaxPhoneNumbers>3&&!this.props.phone4Error&&(this.props.phone1Error||(n=this._isDuplicatePhoneNumber(this.props.phone1,this.props.phone4)),n||this.props.phone2Error||(n=this._isDuplicatePhoneNumber(this.props.phone2,this.props.phone4)),n||this.props.phone3Error||(n=this._isDuplicatePhoneNumber(this.props.phone3,this.props.phone4))))),N.editContactInfo({duplicatePhone2Error:e,duplicatePhone3Error:t,duplicatePhone4Error:n})}},{key:"_validateDuplicatePhoneOnCountryCodeChange",value:function(e){this.props.phone1Error||this.props.phone2Error||this.props.phone3Error||this.props.phone4Error||this._val
1idateDuplicatePhone()}}]),n}(l.Component);ae.PropTypes={phone1:f.a.shape({country:f.a.string,number:f.a.string}),phone2:f.a.shape({country:f.a.string,number:f.a.string}),phone3:f.a.shape({country:f.a.string,number:f.a.string}),phone4:f.a.shape({country:f.a.string,number:f.a.string}),selectedPhoneIndex:f.a.number,phone1Error:f.a.bool,phone2Error:f.a.bool,phone3Error:f.a.bool,phone4Error:f.a.bool,duplicatePhone2Error:f.a.bool,duplicatePhone3Error:f.a.bool,duplicatePhone4Error:f.a.bool,selectedMfa:f.a.shape({type:f.a.string,info:f.a.string}),i18nStrings:f.a.object,isInternationalPhoneEnabled:f.a.bool};var oe=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._initializeDestinations=r._initializeDestinations.bind(Object(h.a)(r)),r._renderEmailInput=r._renderEmailInput.bind(Object(h.a)(r)),r._renderErrorMessage=r._renderErrorMessage.bind(Object(h.a)(r)),r._renderLoaderModal=r._renderLoaderModal.bind(Object(h.a)(r)),r._hasDifferentContactInfo=r._hasDifferentContactInfo.bind(Object(h.a)(r)),r._validateInputFields=r._validateInputFields.bind(Object(h.a)(r)),r._validateHasOneContactInfo=r._validateHasOneContactInfo.bind(Object(h.a)(r)),r._cancel=r._cancel.bind(Object(h.a)(r)),r._save=r._save.bind(Object(h.a)(r)),r._saveAfterTime=r._saveAfterTime.bind(Object(h.a)(r)),r.state={showNoContactInfoErrorMessage:!1},r.isSaveEventCalled=!1,r}return Object(i.a)(n,[{key:"componentDidMount",value:function(){this._initializeDestinations()}},{key:"componentWillUnmount",value:function(){N.reset.defer()}},{key:"render",value:function(){if(this.props.pageLoadStatus===v.STATUS_SUCCESS){var e=this.props.status===v.STATUS_LOADING;return p.a.createElement("div",{className:"di-container fade-in security-contact-info"},p.a.createElement("div",{className:"page-header"},p.a.createElement("h1",{id:"pageHeaderSecurity",ref:"pageHeaderSecurity","aria-describedby":"pageHeaderSecurity TextDivSecurity"},this.props.i18nStrings.page_title_add_contact_info)),this._renderErrorMessage(),p.a.createElement("div",{className:"content-container",id:"TextDivSecurity"},p.a.createElement("div",{className:"instructional-text"},this.props.i18nStrings.instructional_text_add_contact_info),p.a.createElement(ae,{phone1:this.props.formData.phone1,phone1Error:this.props.phone1Error,phone2:this.props.formData.phone2,phone2Error:this.props.phone2Error,phone3:this.props.formData.phone3,phone3Error:this.props.phone3Error,phone4:this.props.formData.phone4,phone4Error:this.props.phone4Error,duplicatePhone2Error:this.props.duplicatePhone2Error,duplicatePhone3Error:this.props.duplicatePhone3Error,duplicatePhone4Error:this.props.duplicatePhone4Error,selectedPhoneIndex:this.props.selectedPhoneIndex,i18nStrings:this.props.i18nStrings,selectedMfa:this.props.selectedMfa,isInternationalPhoneEnabled:this.props.configs.isInternationalPhoneEnabled,phoneMinLength:this.props.configs.phoneMinLength,phoneMaxLength:this.props.configs.phoneMaxLength,mfaMaxPhoneNumbers:this.props.configs.mfaMaxPhoneNumbers,customCountryCodes:this.props.configs.countryInfoArray}),this._renderEmailInput()),p.a.createElement("div",{className:"button-container"},p.a.createElement("button",{className:"btn btn-primary xs-width-100",disable:e.toString(),onClick:this._save,onMouseDown:this._save},this.props.i18nStrings.save),p.a.createElement("button",{className:"btn btn-secondary xs-width-100",disable:e.toString(),onClick:this._cancel,onMouseDown:this._cancel},this.props.i18nStrings.cancel)),this._renderLoaderModal())}return null}},{key:"_initializeDestinations",value:function(){var e=this,t={},n={};t.email=n.email=this.props.data.email;var r=this.props.data.phone,a=-1;null!=r&&r.length>0&&r.forEach((function(r,o){var i=o+1;t["phone"+i]=Object.assign({},r),n["phone"+i]=Object.assign({},r),e.props.configs.isInternationalPhoneEnabled||(n["phone"+i].country="1"),e.props.selectedMfa.info&&r.country===e.props.selectedMfa.info.country&&r.number===e.props.selectedMfa.info.number&&(a=o)})),N.initializeDestinations.defer({savedData:t,formData:n,selectedPhoneIndex:this.props.selectedMfa.type===v.MFA_TYPE_PHONE?a:null})}},{key:"_renderEmailInput",value:function(){return this.props.configs.emailMfaEnabled?p.a.createElement(ne,{email:this.props.formData.email,i18nStrings:this.props.i18nStrings,selectedMfa:this.props.selectedMfa}):null}},{key:"_renderErrorMessage",value:function(){var e=this.props.i18nStrings;if(this.state.showNoContactInfoErrorMessage)return p.a.createElement(E.a,{type:"danger",showIcon:!0},e.error_no_contact_info);if(this.props.status===v.STATUS_ERROR){var t=e.error_saving_destinations;return this.props.errorCode===v.ERROR_CODE_INVALID_COUNTRY_CODE&&(t=e.error_invalid_country_code),p.a.createElement(E.a,{type:"danger",showIcon:!0},t)}return null}},{key:"_renderLoaderModal",value:function(){return p.a.createElement(g.a,{text:this.props.i18nStrings.request_processing,show:this.props.status===v.STATUS_LOADING,enforceFocus:!1})}},{key:"_hasDifferentContactInfo",value:function(){var e=this.props.savedData,t=this.props.formData,n=null!=e.phone1&&(t.phone1.country!=e.phone1.country||this._stripNonNumericCharacters(t.phone1.number)!=this._stripNonNumericCharacters(e.phone1.number)),r=null!=e.phone2&&(t.phone2.country!=e.phone2.country||this._stripNonNumericCharacters(t.phone2.number)!=this._stripNonNumericCharacters(e.phone2.number)),a=null!=e.phone3&&(t.phone3.country!=e.phone3.country||this._stripNonNumericCharacters(t.phone3.number)!=this._stripNonNumericCharacters(e.phone3.number)),o=null!=e.phone4&&(t.phone4.country!=e.phone4.country||this._stripNonNumericCharacters(t.phone4.number)!=this._stripNonNumericCharacters(e.phone4.number)),i=this.props.configs.emailMfaEnabled&&t.email!=e.email;return n||r||a||o||i}},{key:"_validateInputFields",value:function(){return!this.props.phone1Error&&!this.props.phone2Error&&!this.props.phone3Error&&!this.props.phone4Error&&!this.props.duplicatePhone2Error&&!this.props.duplicatePhone3Error&&!this.props.duplicatePhone4Error&&(!this.props.configs.emailMfaEnabled||this.props.configs.emailMfaEnabled&&!this.props.emailError)}},{key:"_validateHasOneContactInfo",value:function(){var e=this.props.formData;return e.phone1.number||e.phone2.number||e.phone3.number||e.phone4.number||this.props.configs.emailMfaEnabled&&e.email}},{key:"_stripNonNumericCharacters",value:function(e){return e?e.replace(/[^0-9]+/g,""):e}},{key:"_save",value:function(){var e=this;this.isSaveEventCalled||(this.isSaveEventCalled=!0,setTimeout((function(){e._saveAfterTime()}),50))}}
1,{key:"_saveAfterTime",value:function(){if(this._validateInputFields())if(this._validateHasOneContactInfo())if(this.setState({showNoContactInfoErrorMessage:!1}),this._hasDifferentContactInfo()){var e=this.props.configs.emailMfaEnabled?this.props.formData.email:null,t=Object.assign({},this.props.formData.phone1);t.number=S.stripNonNumericCharacters(t.number);var n=Object.assign({},this.props.formData.phone2);n.number=S.stripNonNumericCharacters(n.number);var r=Object.assign({},this.props.formData.phone3);r.number=S.stripNonNumericCharacters(r.number);var a=Object.assign({},this.props.formData.phone4);a.number=S.stripNonNumericCharacters(a.number);var o={phone1:t,phone2:n,phone3:r,phone4:a,email:e},i=(null==e||0==e.trim().length)&&null!=this.props.savedData.email&&this.props.savedData.email.trim().length>0;N.saveContactInfo(this.props.configs.contextURL,this.props.configs.csrf,o,i)}else this._cancel();else this.setState({showNoContactInfoErrorMessage:!0})}},{key:"_cancel",value:function(){T.showView(v.VIEW_VERIFY_MFA)}}],[{key:"getStores",value:function(){return[Q]}},{key:"getPropsFromStores",value:function(){return Q.getState()}}]),n}(l.Component);oe.propTypes={i18nStrings:f.a.object.isRequired,data:f.a.object.isRequired,selectedMfa:f.a.shape({type:f.a.string,info:f.a.object}),configs:f.a.object.isRequired};var ie=Object(m.a)(oe),se=function(){function e(){Object(o.a)(this,e),this.state={view:v.VIEW_VERIFY_MFA,selectedMfa:{},mfaDestinations:{},registerDeviceStatus:null,updateContactDetailsStatus:null,phone1:null,phone2:null,phone3:null,phone4:null,sendOtpStatus:null,verifyOtpStatus:null,verifyOtpErrorMessage:null,otp:""},this.bindActions(T)}return Object(i.a)(e,[{key:"onLoadMfaDestinations",value:function(e){this.setState({mfaDestinations:e})}},{key:"onShowView",value:function(e){this.setState({view:e.view,selectedMfa:e.selectedMfa})}},{key:"onResetRegisterDeviceStatus",value:function(){this.setState({registerDeviceStatus:null})}},{key:"onRegisterDeviceLoading",value:function(){this.setState({registerDeviceStatus:v.STATUS_LOADING})}},{key:"onRegisterDeviceError",value:function(){this.setState({registerDeviceStatus:v.STATUS_ERROR})}},{key:"onSetUpdateContactDetailsStatus",value:function(e){this.setState({updateContactDetailsStatus:e})}},{key:"onSetPhone1",value:function(e){this.setState({phone1:e})}},{key:"onSetPhone2",value:function(e){this.setState({phone2:e})}},{key:"onSetPhone3",value:function(e){this.setState({phone3:e})}},{key:"onSetPhone4",value:function(e){this.setState({phone4:e})}},{key:"onSetSendOtpStatus",value:function(e){this.setState({sendOtpStatus:e})}},{key:"onResetSendOtpStatus",value:function(){this.setState({sendOtpStatus:null})}},{key:"onSetVerifyOtpStatus",value:function(e){this.setState({verifyOtpStatus:e})}},{key:"onSetOtp",value:function(e){this.setState({otp:e})}},{key:"onResetForm",value:function(){this.setState({otp:"",sendOtpStatus:null,verifyOtpStatus:null,verifyOtpErrorMessage:null})}},{key:"onSetVerifyOtpError",value:function(e){this.setState({verifyOtpStatus:v.STATUS_ERROR,verifyOtpErrorMessage:e})}}]),e}(),ce=y.a.createStore(se,"SetupMfaStore"),le=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._onInputChange=r._onInputChange.bind(Object(h.a)(r)),r._formatOtp=r._formatOtp.bind(Object(h.a)(r)),r._renderInstructionsContainer=r._renderInstructionsContainer.bind(Object(h.a)(r)),r._getInstructions=r._getInstructions.bind(Object(h.a)(r)),r._renderButtons=r._renderButtons.bind(Object(h.a)(r)),r._clickRegisterDevice=r._clickRegisterDevice.bind(Object(h.a)(r)),r._clickDoNotRegisterDevice=r._clickDoNotRegisterDevice.bind(Object(h.a)(r)),r._tryDifferentMethod=r._tryDifferentMethod.bind(Object(h.a)(r)),r._openNewTab=r._openNewTab.bind(Object(h.a)(r)),r._renderEmailMfaDescription=r._renderEmailMfaDescription.bind(Object(h.a)(r)),r._renderErrorMessage=r._renderErrorMessage.bind(Object(h.a)(r)),r._verifyOtp=r._verifyOtp.bind(Object(h.a)(r)),r._renderVerifying=r._renderVerifying.bind(Object(h.a)(r)),r._renderRegisterDeviceInfo=r._renderRegisterDeviceInfo.bind(Object(h.a)(r)),r}
1return Object(i.a)(n,[{key:"componentDidMount",value:function(){var e=this;setTimeout((function(){e.refs.pageHeaderMfa&&e.refs.pageHeaderMfa.focus()}),300)}},{key:"render",value:function(){var e=this.props.i18nStrings,t=this.props.selectedMfa.info.contactInfo;this.props.selectedMfa.type!==v.MFA_TYPE_PHONE&&this.props.selectedMfa.type!=v.MFA_TYPE_SMS&&this.props.selectedMfa.type!=v.MFA_TYPE_WHATSAPP&&this.props.selectedMfa.type!=v.MFA_TYPE_WHATSAPP_SMS||(t=S.formatContactInfo(this.props.selectedMfa.info.country,this.props.selectedMfa.info.contactInfo));var n=this.props.i18nStrings.challenge_custom_title?this.props.i18nStrings.challenge_custom_title:this.props.i18nStrings.page_title_mfa_challenge,r=this.props.i18nStrings.challenge_custom_text?this.props.i18nStrings.challenge_custom_text:e.mfa_enter_code_header.replace("{0}",t);return p.a.createElement("div",{className:"di-container fade-in"},p.a.createElement("div",{className:"page-header"},p.a.createElement("h1",{id:"pageHeaderMfa",ref:"pageHeaderMfa",tabIndex:"-1","aria-describedby":"pageHeaderMfa TextDivMfa"},n)),this._renderErrorMessage(),p.a.createElement("div",{className:"content-container",id:"TextDivMfa"},p.a.createElement("div",{className:"mfa-info"},p.a.createElement("div",{className:"mfa-section-header"},p.a.createElement("div",{className:"icon"},p.a.createElement(b.a,{name:"Call"})),p.a.createElement("div",{className:"wrap-content",style:{"min-width":"0%"}},r)),p.a.createElement("div",{className:"enter-code-container"},this._renderEmailMfaDescription(),p.a.createElement("div",{className:"mfa-code-input row"},p.a.createElement("div",{className:"col-sm-6 col-xs-12 "},p.a.createElement(X.a,{id:"mfaOtpInput",focusOnInit:!0,ref:"mfaOtpInput",title:e.mfa_enter_code,label:e.mfa_enter_code,type:"text",value:this.props.otp,onKeyDown:this._clickDoNotRegisterDevice,onChange:this._onInputChange,isValid:this.props.verifyOtpStatus!=v.STATUS_INVALID,validationError:e.invalid_otp_error,maxLength:this.props.configs.maxLengthOTP}))),this._renderVerifying(),this._renderInstructionsContainer()),this._renderRegisterDeviceInfo()),this._renderButtons()))}},{key:"_renderErrorMessage",value:function(){var e=this.props.verifyOtpErrorMessage?this.props.verifyOtpErrorMessage:this.props.i18nStrings.verify_otp_server_error;return this.props.verifyOtpStatus===v.STATUS_ERROR?p.a.createElement(E.a,{id:"alertMessage",ref:"serverError",type:"danger",showIcon:!0,scrollToOnMount:!0},e):null}},{key:"_renderRegisterDeviceInfo",value:function(){return p.a.createElement("div",null,p.a.createElement("div",{className:"register-info-description mfa-section-header"},p.a.createElement("div",{className:"icon"},p.a.createElement(b.a,{name:"Info"})),p.a.createElement("div",{className:"icon-text"},p.a.createElement("span",null,this.props.i18nStrings.register_info_title))),p.a.createElement("div",{className:"info-description"},p.a.createElement("span",null,this.props.i18nStrings.register_info_description)))}},{key:"_renderEmailMfaDescription",value:function(){var e=this.props.i18nStrings;return this.props.selectedMfa.type==v.MFA_TYPE_EMAIL?p.a.createElement("div",{className:"instructional-text"},e.code_type_it_in,"\xa0",p.a.createElement("a",{href:"javascript:void(0)",onClick:this._openNewTab},e.open_new_browser_label),"\xa0",e.to_check_your_email):null}},{key:"_renderVerifying",value:function(){return this.props.verifyOtpStatus===v.STATUS_LOADING?p.a.createElement("div",{className:"verifying",role:"alert","aria-live":"assertive","aria-atomic":"true"},p.a.createElement(b.a,{name:"SmallLoader"}),this.props.i18nStrings.request_verifying):null}},{key:"_renderInstructionsContainer",value:function(){for(var e=this.props.i18nStrings,t=this._getInstructions(),n=[],r=0;r<t.length;r++)n.push(p.a.createElement("li",{key:r,className:"li-inst-style"},p.a.createElement("span",null,t[r])));return p.a.createElement(Y.a,{title:e.didnt_get_code,expandedTitle:e.didnt_get_code},p.a.createElement("div",{className:"make-sure-instructions"},p.a.createElement("div",null,e.make_sure),p.a.createElement("ul",null,n),p.a.createElement("div",{className:"try-diff-method-link"},p.a.createElement("a",{href:"javascript:void(0)",onClick:this._tryDifferentMethod},e.try_a_different_method))))}},{key:"_getInstructions",value:function(){var e=[],t=this.props.selectedMfa.type;return t==v.MFA_TYPE_PHONE||t==v.MFA_TYPE_SMS||t==v.MFA_TYPE_WHATSAPP||t==v.MFA_TYPE_WHATSAPP_SMS?(e.push(i18nStrings.phone_number_correct),t==v.MFA_TYPE_PHONE&&e.push(i18nStrings.phone_not_blocking_calls),t==v.MFA_TYPE_SMS&&e.push(i18nStrings.phone_can_recieve_text),t!=v.MFA_TYPE_WHATSAPP&&t!=v.MFA_TYPE_WHATSAPP_SMS||e.push(i18nStrings.whatsapp_is_installed)):t==v.MFA_TYPE_EMAIL&&e.push(i18nStrings.email_is_correct),e.push(i18nStrings.give_it_a_minute),e}},{key:"_renderButtons",value:function(){var e=this.props.verifyOtpStatus===v.STATUS_LOADING,t="register-button";return p.a.createElement("div",{className:"button-container"},p.a.createElement(x,{className:t,disabled:e,configs:this.props.configs,label:this.props.i18nStrings.register_device,isPrivateDevice:!0,onClick:this._clickRegisterDevice}),p.a.createElement(x,{className:t,disabled:e,configs:this.props.configs,label:this.props.i18nStrings.dont_register_device,isPrivateDevice:!1,onClick:this._clickDoNotRegisterDevice}))}},{key:"_onInputChange",value:function(e){var t=this._formatOtp(e.target.value);T.setOtp(t)}},{key:"_formatOtp",value:function(e){var t=this.props.otp;return void 0!==e&&null!==e&&(e=e.replace(" ",""),isNaN(e)&&""!=e||(t=e.substring(0,this.props.configs.maxLengthOTP))),t}},{key:"_clickRegisterDevice",value:function(e){e.preventDefault();var t=this.props.configs;this._verifyOtp(t.contextURL,t.csrf,this.props.selectedMfa,this.props.otp,!0,this.props.i18nStrings.user_on_hold_error,this.props.selectedMfa.info.country)}},{key:"_clickDoNotRegisterDevice",value:function(e){if("click"==e.nativeEvent.type||"ke
1ydown"==e.nativeEvent.type&&"Enter"==e.key){e.preventDefault();var t=this.props.configs;this._verifyOtp(t.contextURL,t.csrf,this.props.selectedMfa,this.props.otp,!1,this.props.i18nStrings.user_on_hold_error,this.props.selectedMfa.info.country)}}},{key:"_verifyOtp",value:function(e,t,n,r,a,o,i){r?(T.verifyOtp(e,t,n.info.id,n.type,n.info.contactInfo,r,a,o,i),document.getElementById("mfaOtpInput").focus()):T.setVerifyOtpStatus.defer(v.STATUS_INVALID)}},{key:"_tryDifferentMethod",value:function(e){e.preventDefault(),T.resetForm(),T.showView(v.VIEW_SETUP_MFA)}},{key:"_openNewTab",value:function(e){e.preventDefault(),window.open(this.props.configs.newTabEmailUrl,"_blank")}}]),n}(l.Component);le.propTypes={i18nStrings:f.a.object.isRequired,data:f.a.object.isRequired};var pe=["mfaDestinations","view"],ue=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._renderView=r._renderView.bind(Object(h.a)(r)),r}return Object(i.a)(n,[{key:"render",value:function(){return p.a.createElement("div",{role:"main",className:"container page-container"},this._renderView())}},{key:"_renderView",value:function(){var e=this.props,t=(e.mfaDestinations,e.view),n=Object(_.a)(e,pe);return t===v.VIEW_SECURITY_CONTACT_INFO?p.a.createElement(ie,Object.assign({data:this.props.mfaDestinations},n)):t===v.VIEW_MFA_CHALLENGE?p.a.createElement(le,Object.assign({data:this.props.mfaDestinations},n)):p.a.createElement(K,Object.assign({data:this.props.mfaDestinations},n))}}],[{key:"getStores",value:function(){return[ce]}},{key:"getPropsFromStores",value:function(){return ce.getState()}}]),n}(l.Component);ue.propTypes={i18nStrings:f.a.object.isRequired,configs:f.a.object.isRequired};var he=Object(m.a)(ue),de=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var r;return Object(o.a)(this,n),(r=t.call(this,e))._loadMfaDestinations=r._loadMfaDestinations.bind(Object(h.a)(r)),r}return Object(i.a)(n,[{key:"UNSAFE_componentWillMount",value:function(){this._loadMfaDestinations()}},{key:"render",value:function(){return p.a.createElement("div",{className:R.a["setup-mfa-container"]},p.a.createElement(he,{i18nStrings:this.props.i18nStrings,configs:this.props.configs}))}},{key:"_loadMfaDestinations",value:function(){var e=this.props.data;if(e.destinations)try{var t=JSON.parse(e.destinations);if(Array.isArray(t)&&t.length>0){var n=S.buildDestinations(t);T.loadMfaDestinations(n)}}catch(r){}}}]),n}(l.Component);de.propTypes={navigationData:f.a.object.isRequired,data:f.a.object.isRequired,configs:f.a.object.isRequired,i18nStrings:f.a.object.isRequired};var fe=n(55),_e=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(){var e;Object(o.a)(this,n);for(var r=arguments.length,a=new Array(r),i=0;i<r;i++)a[i]=arguments[i];return(e=t.call.apply(t,[this].concat(a))).state={},e}return Object(i.a)(n,[{key:"render",value:function(){var e=this.state.mfaSettingConfig;if(e){var t=e.i18nStrings,n=e.data,r=e.configs;return p.a.createElement(de,{navigationData:{},i18nStrings:t,data:n,configs:r,footerConfig:{}})}return p.a.createElement(fe.a,null)}},{key:"componentDidMount",value:function(){var e=Object(a.a)(Object(r.a)().mark((function e(){var t,n,a,o,i,s,c;return Object(r.a)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=this.props.history,e.next=3,u.a.get("/usr-engage-olb/v1/mfa/setup/config");case 3:n=e.sent,a=n.targetView,o=n.targetData,"redirect"===a?t.replace(o):(i=window,(s=i.di).env=s.env||{},c={targetData:o},window.supportConfig=c,s.env.i18nStrings=s.env.i18nStrings||{},s.env.i18nStrings.support=s.env.i18nStrings.support||{},s.env.i18nStrings.supportlinks=s.env.i18nStrings.supportlinks||{links:[]},s.env.i18nStrings.support=c.strings,s.env.i18nStrings.supportlinks.links=c.supportLinks,window.workingDays=c.workingDays,window.loginURL=c.loginURL,window.i18nStrings=o.i18nStrings,window.data=o.data,window.configs=o.configs,this.setState({mfaSettingConfig:o}));case 6:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()}]),n}(l.Component);_e.defaultProps={},_e.propTypes={history:f.a.instanceOf(Object)};t.default=_e}}]); 2//# sourceMappingURL=79.3d26e716.chunk.js.map
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.