https://online.safefed.org/dbank/live/static/js/69.e115f938.chunk.js

1(this["webpackJsonponline-banking-app"]=this["webpackJsonponline-banking-app"]||[]).push([[69],{1592:function(e,t){e.exports={EMPTY_PIN:"empty_pin",ALL_FIELDS_COMPLETE:"all_fields_complete",PINS_MUST_MATCH:"pins_must_match",UNKNOWN_ERROR:"unknown_error",CODE_INVALID_PIN:"26401",CODE_VALID_PIN_NEEDS_TO_CHANGE:"26403",CODE_HOST_MUST_CHANGE_PIN:"21105",CODE_HOST_ACCESS_DENIED:["21001","21002"],CODE_SERVICE_UNAVAILABLE:["21009","21090","21091","21099"]}},1593:function(e,t,n){e.exports={"having-trouble":"updatepin_having-trouble__3txqE","contactus-link":"updatepin_contactus-link__-6CTy","main-container":"updatepin_main-container__kvfzH",callout:"updatepin_callout__39BbK","input-callout":"updatepin_input-callout__10oSE","instructional-text-callout":"updatepin_instructional-text-callout__2696t","continue-btn":"updatepin_continue-btn__zdZJK"}},2395:function(e,t,n){"use strict";n.r(t);var i=n(46),r=n(61),a=n(2),o=n(3),s=n(5),c=n(6),u=n(0),l=n.n(u),p=n(32),d=n(25),h=n.n(d),f=n(889),m=(n(1589),n(1690),n(11)),C=(n(26),n(111)),_=n(69),g=n(1525),E=n(588),P=n(1592),b=n.n(P),v=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var i;return Object(a.a)(this,n),(i=t.call(this,e))._decryptErrorCode=i._decryptErrorCode.bind(Object(m.a)(i)),i}return Object(o.a)(n,[{key:"componentDidUpdate",value:function(e){var t=this;this.props.status===_.a.ERROR&&e.status!==_.a.ERROR&&setTimeout((function(){t.refs.errorContainer&&t.refs.errorContainer.focus()}),500)}},{key:"_decryptErrorCode",value:function(){var e;switch(this.props.errorCode){case b.a.EMPTY_PIN:e=this.props.strings.emptyPinErrorMsg;break;case b.a.ALL_FIELDS_COMPLETE:e=this.props.strings.allFieldsMustBeCompletedErrorMsg;break;case b.a.PINS_MUST_MATCH:e=this.props.strings.pinMustMatchErrorMsg;break;case b.a.UNKNOWN_ERROR:default:e=this.props.strings.unknownErrorMsg}return e}},{key:"render",value:function(){return this.props.status===_.a.ERROR?l.a.createElement("div",{ref:"errorContainer",tabIndex:"-1",role:"alert","aria-live":"assertive","aria-atomic":"true"},l.a.createElement(E.a,{id:"alert",ref:"updatePinServerError",type:"danger",showIcon:!0,scrollToOnMount:!0,dangerouslySetInnerHTML:{__html:this._decryptErrorCode()}})):null}}]),n}(u.Component);v.propTypes={strings:h.a.objectOf(h.a.string).isRequired,config:h.a.object.isRequired,errorCode:h.a.string,CASErrorCode:h.a.string};var S=n(89),O=n(215),k=Object(o.a)((function e(){Object(a.a)(this,e)}));k.updatePin=function(e,t,n){var i={userPin:e,confirmUserPin:t,CSRFToken:n};return O.a.postFormData(_.a.UPDATE_PIN_URL,i,{})};var y=function(){function e(){Object(a.a)(this,e),this.generateActions("initialize","formSubmit","pinChange","pinBlur","confirmPinChange","confirmPinBlur","allFieldsEmpty","oneFieldEmpty","pinMustMatch","updatePinSuccess","updatePinError","updatePinFailed","showContactus","closeContactus","setLoadingState")}return Object(o.a)(e,[{key:"updatePin",value:function(e,t,n){var i=this;return this.actions.setLoadingState.defer(),k.updatePin(e,t,n).catch((function(e){return i.actions.updatePinFailed.defer(e)})).then((function(e){null!=e&&e.status==_.a.HTTP_STATUS_OK&&e.data&&e.data.model&&"success"===e.data.model.result?i.actions.updatePinSuccess.defer(e.data.model):i.actions.updatePinError.defer(e)}))}}]),e}(),R=S.a.createActions(y),T=n(1593),L=n.n(T),A=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var i;return Object(a.a)(this,n),(i=t.call(this,e))._onContactusClick=i._onContactusClick.bind(Object(m.a)(i)),i}return Object(o.a)(n,[{key:"_onContactusClick",value:function(){R.showContactus.defer()}},{key:"render",value:function(){return l.a.createElement("div",{className:L.a["page-footer"],id:"footer"},l.a.createElement("button",{type:"button",className:L.a["continue-btn"]+" btn sm btn-primary",id:"continueButton",onClick:this.props.submitHandler},this.props.strings.continue),this.props.config.isMobileFlow?null:l.a.createElement("div",{className:L.a["having-trouble"]+" text-long",id:"havingTrouble"},this.props.strings.havingTrouble),this.props.config.isMobileFlow?null:l.a.createElement("a",{href:"javascript:void(0)","aria-haspopup":"true",ref:"contactUS",className:L.a["contactus-link"],onClick:this._onContactusClick,onMouseDown:this._onContactusClick,id:"contactus","aria-label":this.props.strings.havingTrouble+" "+this.props.strings.contactus},this.props.strings.contactus))}}]),n}(u.Component);A.propTypes={strings:h.a.objectOf(h.a.string).isRequired};var j=n(584),x=n(120),w=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var i;return Object(a.a)(this,n),(i=t.call(this,e)).state={setLinkAsShow:!0},i._onPinBlur=i._onPinBlur.bind(Object(m.a)(i)),i._onPinChange=i._onPinChange.bind(Object(m.a)(i)),i._onConfirmPinBlur=i._onConfirmPinBlur.bind(Object(m.a)(i)),i._onConfirmPinChange=i._onConfirmPinChange.bind(Object(m.a)(i)),i._renderInputCallout=i._renderInputCallout.bind(Object(m.a)(i)),i._renderInput=i._renderInput.bind(Object(m.a)(i)),i._renderInstructionalTextCallout=i._renderInstructionalTextCallout.bind(Object(m.a)(i)),i._onClickShowHide=i._onClickShowHide.bind(Object(m.a)(i)),i}return Object(o.a)(n,[{key:"_onClickShowHide",value:function(e){this.setState({setLinkAsShow:!this.state.setLinkAsShow})}},{key:"_onPinChange",value:function(e){void 0!=typeof e.target.value&&R.pinChange.defer(e.target.value.trim())}},{key:"_onPinBlur",value:function(e){void 0!=typeof e.target.value&&R.pinBlur.defer(e.target.value.trim())}},{key:"_onConfirmPinChange",value:function(e){void 0!=typeof e.target.value&&R.confirmPinChange.defer(e.target.value.trim())}},{key:"_onConfirmPinBlur",value:function(e){void 0!=typeof e.target.value&&R.confirmPinBlur.defer(e.target.value.trim())}},{key:"_renderInputCallout",value:function(){return l.a.createElement("div",{className:L.a["input-callout"],id:"inputCallout"},l.a.createElement("div",{className:"col-xs-12 col-sm-6 ",id:"inputFields"},this._renderInput("pin",this.props.config.pinText,this._onPinChange,this._onPinBlur,"minimunLength mixCharecter",this.props.pin,this.props.isPinError,this.props.pinErrorText),this.props.config.mustChangePin?this._renderInput("confirmPin",this.props.strings.confirm+" "+this.props.config.pinText,this._onConfirmPinChange,this._onConfirmPinBlur,"",this.props.confirmPin,this.props.isConfirmPinError,this.props.confirmPinErrorText):null))}},{key:"_renderInput",value:function(e,t,n,i,r,a,o,s){var c=this.props.strings.minimumNumberCriteria,u=this.props.strings.mixCharacterCriteria;return l.a.createElement(j.a,{id:e,name:e,className:"",ariaDescribedBy:r,autoComplete:"off",showHideLinks:this.props.config.showHideEnabled,showLabel:this.props.strings.show,hideLabel:this.props.strings.hide,setLinkAsShow:this.state.setLinkAsShow,onClickShowHide:this._onClickShowHide,focusOnInit:!1,label:t,placeholder:"",isValid:!o,validationError:s,type:"password",value:a,ariaLabel:x.a.isAndroid()||x.a.isIOS()?c+" "+u:"",onBlur:i,onChange:n,maxLength:15})}},{key:"_renderInstructionalTextCallout",value:function(){return l.a.createElement("div",{className:"col-xs-12 col-sm-6 pull-right "+L.a["instructional-text-callout"],id:"instrunctionalText"},l.a.createElement("span",{id:"minimunLength",className:"sr-only"},this.props.strings.minimunNumberCriteria),l.a.createElement("span",{id:"mixCharecter",className:"sr-only"},this.props.strings.mixCharecterCriteria),l.a.createElement("div",{dangerouslySetInnerHTML:{__html:this.props.config.instructionalText}}))}},{key:"render",value:function(){return this.state.setLinkAsShow=this.props.status===_.a.LOADING||this.state.setLinkAsShow,l.a.createElement("div",{className:L.a.callout,id:"callout"},l.a.createElement("div",{className:"row"},this._renderInstructionalTextCallout(),this._renderInputCallout()))}}]),n}(u.Component);w.propTypes={strings:h.a.objectOf(h.a.string).isRequired,config:h.a.object.isRequired};var I=n(214),U=function(){function e(){Object(a.a)(this,e),this.state={canPinBeUpd

1ated:!1,pin:"",confirmPin:"",status:null,errorCode:null,CASErrorCode:null,showContactus:!1,isPinError:!1,isConfirmPinError:!1,pinErrorText:"",confirmPinErrorText:""},this.bindActions(R)}return Object(o.a)(e,[{key:"onInitialize",value:function(e){this.setState({config:e.initialConfig,i18nStrings:e.i18nStrings})}},{key:"onFormSubmit",value:function(){this.setState({canPinBeUpdated:!1}),this._pinBlurValidations(this.state.pin),this._confirmPinBlurValidations(this.state.confirmPin),(!this.state.isPinError&&!this.state.config.mustChangePin||!this.state.isPinError&&this.state.config.mustChangePin&&!this.state.isConfirmPinError)&&this.setState({canPinBeUpdated:!0})}},{key:"onPinChange",value:function(e){this.setState({pin:e})}},{key:"onPinBlur",value:function(e){this._pinBlurValidations(e)}},{key:"_pinBlurValidations",value:function(e){0===e.trim().length&&this.state.confirmPinErrorText===this.state.i18nStrings.pinMustMatchErrorMsg?this.setState({pin:e,isPinError:!0,pinErrorText:this.state.i18nStrings.emptyPinErrorMsg,isConfirmPinError:!1,confirmPinErrorText:""}):0===e.trim().length?this.setState({pin:e,isPinError:!0,pinErrorText:this.state.i18nStrings.emptyPinErrorMsg}):this.state.config.mustChangePin&&e==this.state.confirmPin?this.setState({pin:e,isPinError:!1,pinErrorText:"",isConfirmPinError:!1,confirmPinErrorText:""}):this.state.config.mustChangePin&&this.state.confirmPin&&this.state.confirmPin.trim().length>0&&e!=this.state.confirmPin?this.setState({pin:e,isPinError:!0,pinErrorText:"",isConfirmPinError:!0,confirmPinErrorText:this.state.i18nStrings.pinMustMatchErrorMsg}):this.setState({pin:e,isPinError:!1,pinErrorText:""})}},{key:"onConfirmPinChange",value:function(e){this.setState({confirmPin:e})}},{key:"onConfirmPinBlur",value:function(e){this._confirmPinBlurValidations(e)}},{key:"_confirmPinBlurValidations",value:function(e){0===e.trim().length?this.setState({confirmPin:e,isConfirmPinError:!0,confirmPinErrorText:this.state.i18nStrings.emptyPinErrorMsg}):this.state.pin.trim().length>0&&this.state.pin!=e?this.setState({confirmPin:e,isPinError:!0,isConfirmPinError:!0,confirmPinErrorText:this.state.i18nStrings.pinMustMatchErrorMsg}):e==this.state.pin?this.setState({isPinError:!1,pinErrorText:"",confirmPin:e,isConfirmPinError:!1,confirmPinErrorText:""}):this.setState({confirmPin:e,isConfirmPinError:!1,confirmPinErrorText:""})}},{key:"onSetLoadingState",value:function(){this.setState({canPinBeUpdated:!1,status:_.a.LOADING})}},{key:"_isServiceStopped",value:function(e){return _.a.SERVICE_STOP_ERROR_CODE===e}},{key:"_isHostAccessDenied",value:function(e){return!(-1==b.a.CODE_HOST_ACCESS_DENIED.indexOf(e)&&(!this._isServiceUnavailable(e)||this.state.config.mustChangePin))}},{key:"_isServiceUnavailable",value:function(e){return-1!=b.a.CODE_SERVICE_UNAVAILABLE.indexOf(e)}},{key:"_handleResetPinAndConfirmPin",value:function(e){e!==b.a.CODE_VALID_PIN_NEEDS_TO_CHANGE&&e!==b.a.CODE_HOST_MUST_CHANGE_PIN||this._resetPinAndConfirmPin()}},{key:"_setErrorCode",value:function(e,t,n){this._isServiceStopped(t)?this.state.config.isMobileFlow?Object(I.a)().replace(this.state.config.serviceStoppedURL):Object(I.a)().replace(_.a.SERVICE_STOPPED_URL):n&&(this._isHostAccessDenied(t)||this._isServiceUnavailable(t))?this.state.config.isMobileFlow?window.location.replace(_.a.MOBILE_CALLBACK_FAILURE_URL+"&errorCode="+t):this._isHostAccessDenied(t)?Object(I.a)().replace(this.state.config.loginURL+"?reason=hostAccessDenied&errorCode="+t):this._isServiceUnavailable(t)&&Object(I.a)().replace(this.state.config.loginURL+"?errorCode="+t):(this._reset(),this._handleResetPinAndConfirmPin(t),this.setState({status:_.a.ERROR,errorCode:e,CASErrorCode:t}))}},{key:"_reset",value:function(){this.setState({status:null,errorCode:null,CASErrorCode:null})}},{key:"_resetPinAndConfirmPin",value:function(){this.setState({pin:"",confirmPin:""})}},{key:"onUpdatePinSuccess",value:function(e){this.state.config.isMobileFlow?window.location.replace(_.a.MOBILE_CALLBACK_SUCCESS_URL):this.setState({status:_.a.LOADING,nextPageURL:e.nextPageURL})}},{key:"onUpdatePinError",value:function(e){e&&e.data&&e.data.model?e.data.model.pinText?(this._reset(),this.setState({config:this._getConfig(e.data.model)}),this._resetPinAndConfirmPin()):e.data.model.errorMsg?this._setErrorCode(b.a.UNKNOWN_ERROR,e.data.model.CASErrorCode,e.data.model.isUSRVER):e.data.model.errorCode?this._setErrorCode(e.data.model.errorCode,e.data.model.CASErrorCode,e.data.model.isUSRVER):this._setErrorCode(e.data.model.result,e.data.model.CASErrorCode,e.data.model.isUSRVER):this._setErrorCode(b.a.UNKNOWN_ERROR,null,

1null)}},{key:"_getConfig",value:function(e){var t=this.state.config;return e&&(e.pinText&&(t.pinText=e.pinText),e.confirmInput&&(t.confirmInput=e.confirmInput),e.instructionalText&&(t.instructionalText=e.instructionalText),void 0!=typeof e.mustChangePIN&&(t.mustChangePin=e.mustChangePIN),e.pinChangeTitle&&(t.pinHeaderText=e.pinChangeTitle),e.reference&&(t.reference=e.reference)),t}},{key:"onUpdatePinFailed",value:function(e){this._setErrorCode(b.a.UNKNOWN_ERROR,null)}},{key:"onShowContactus",value:function(){this.setState({showContactus:!0})}},{key:"onCloseContactus",value:function(){this.setState({showContactus:!1})}}]),e}(),N=S.a.createStore(U,"UpdatePinStore"),M=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(e){var i;return Object(a.a)(this,n),(i=t.call(this,e))._onFormSubmit=i._onFormSubmit.bind(Object(m.a)(i)),i._updatePin=i._updatePin.bind(Object(m.a)(i)),i._renderPageHeader=i._renderPageHeader.bind(Object(m.a)(i)),i._handleSuccessServerResponse=i._handleSuccessServerResponse.bind(Object(m.a)(i)),i._onGoBack=i._onGoBack.bind(Object(m.a)(i)),i._closeSupportModal=i._closeSupportModal.bind(Object(m.a)(i)),i}return Object(o.a)(n,[{key:"componentDidMount",value:function(){this._isPageReadingForMobileAndDesktop(),R.initialize.defer({initialConfig:this.props.config,i18nStrings:this.props.strings})}},{key:"_isPageReadingForMobileAndDesktop",value:function(){this.refs.pinHeader.focus(),this._isEmptyPinAndConfirmPin=this._isEmptyPinAndConfirmPin.bind(this)}},{key:"_onFormSubmit",value:function(e){e.preventDefault(),R.formSubmit.defer()}},{key:"_updatePin",value:function(){this.props.canPinBeUpdated&&R.updatePin.defer(this.props.pin,this.props.confirmPin,this.props.config.csrftoken)}},{key:"_isEmptyPinAndConfirmPin",value:function(){if(0===this.props.pin.trim().length){if(!this.props.config.mustChangePin)return!0;if(0===this.props.pin.trim().length&&0===this.props.confirmPin.trim().length)return!0}return!1}},{key:"_renderPageHeader",value:function(){return l.a.createElement("div",{className:"page-header"},l.a.createElement("h1",{id:"heading",ref:"pinHeader",tabIndex:"-1","aria-describedby":"heading container"},this.props.config.pinHeaderText))}},{key:"_onGoBack",value:function(){R.closeContactus.defer()}},{key:"_closeSupportModal",value:function(e){var t=this;27!=e.keyCode&&13!=e.keyCode&&void 0!=e.keyCode||(setTimeout((function(){t.refs.updatePinFooter&&t.refs.updatePinFooter.refs.contactUS.focus()}),300),R.closeContactus.defer())}},{key:"_handleSuccessServerResponse",value:function(){this.props.nextPageURL&&(0===this.props.nextPageURL.indexOf("http")?window.location.href=this.props.nextPageURL:Object(I.a)().replace(this.props.nextPageURL))}},{key:"render",value:function(){return this._handleSuccessServerResponse(),this._updatePin(),l.a.createElement("div",{className:L.a["main-container"]+" container",id:"mainContainer"},l.a.createElement("div",{className:"col-xs-12 di-container di-container-overflow",id:"container"},l.a.createElement(f.a,{text:this.props.strings.processing,show:this.props.status===_.a.LOADING,enforceFocus:!1}),l.a.createElement("form",{id:"form"},this._renderPageHeader(),l.a.createElement(v,this.props),l.a.createElement(w,this.props),l.a.createElement(A,Object.assign({},this.props,{id:"updatePinFooter",ref:"updatePinFooter",submitHandler:this._onFormSubmit}))),this.props.showContactus?l.a.createElement(g.a,{IE11FixRequired:!0,supportConfig:this.props.supportConfig,handlers:{onGoBack:this._onGoBack,closeHandlerOnEsc:this._closeSupportModal,closeHandler:this._closeSupportModal}}):null))}}],[{key:"getStores",value:function(){return[N]}},{key:"getPropsFromStores",value:function(){return N.getState()}}]),n}(u.Component),B=Object(C.a)(M);M.propTypes={strings:h.a.objectOf(h.a.string).isRequired,config:h.a.shape({contextPath:h.a.string.isRequired,csrftoken:h.a.string.isRequired,mustChangePin:h.a.bool.isRequired}).isRequired,supportConfig:h.a.object.isRequired};var D,F,H=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(){return Object(a.a)(this,n),t.apply(this,arguments)}return Object(o.a)(n,[{key:"render",value:function(){var e=!1,t=di.updatepin.config;return t.primaryUser||(e=!0,t.isMobileFlow?window.location.replace(_.a.MOBILE_CALLBACK_FAILURE_URL):window.location.replace(Object(I.a)().replace(t.loginURL+"?reason=subUserUpdatePin"))),t.isMobileFlow&&t.mustChangePin&&!t.handleRC5InUs

1p&&(e=!0,window.location.replace(_.a.MOBILE_CALLBACK_FAILURE_URL+"&handleRC5InUSP=false")),l.a.createElement("div",{className:"fade-in",id:"app"},e?l.a.createElement(f.a,{text:di.updatepin.strings.processing,show:!0,enforceFocus:!0}):l.a.createElement(B,di.updatepin))}}]),n}(u.Component),V=n(55),q=n(80),G=Object(q.b)("navigationStore")((F=function(e){Object(s.a)(n,e);var t=Object(c.a)(n);function n(){var e;Object(a.a)(this,n);for(var i=arguments.length,r=new Array(i),o=0;o<i;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))).state={},e}return Object(o.a)(n,[{key:"render",value:function(){return this.state.updatePinConfig?l.a.createElement(H,null):l.a.createElement(V.a,null)}},{key:"componentDidMount",value:function(){var e=Object(r.a)(Object(i.a)().mark((function e(){var t,n,r,a,o,s,c,u,l,d,h,f;return Object(i.a)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p.a.get("/usr-setting-olb/v1/pin/config");case 2:t=e.sent,n=t.targetView,r=t.targetData,a=this.props.history,"redirect"===n?a.push(r):(o=r.updatePinConfig,s=r.supp

1ortConfig,c=r.strings,u=s.supportLinks,l=void 0===u?{}:u,!Array.isArray(l)&&l.links||(d={links:l||[]},s.supportLinks=d),o.loginURL="/app/login/consumer",o.serviceStoppedURL="/app/serviceStopped?isMobileFlow=".concat(o.isMobileFlow),o.csrftoken=o.CSRFToken,h=window,(f=h.di).updatepin=f.updatepin||{},f.updatepin.config=o,f.updatepin.supportConfig=s,f.updatepin.strings=c,this.setState({updatePinConfig:o}));case 6:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()},{key:"componentWillUnmount",value:function(){var e=window.di;e&&delete e.updatepin}}]),n}(u.Component),F.defaultProps={history:null},F.propTypes={history:h.a.instanceOf(Object)},D=F))||D;t.default=G}}]);
2//# sourceMappingURL=69.e115f938.chunk.js.map