https://wts.finavi.com.vn/_nuxt/83da0fe.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[116],{1414:function(t,e,n){},1495:function(t,e,n){"use strict";n.r(e);n(38),n(19),n(17),n(15),n(10),n(20),n(16),n(21);var o=n(3),r=n(142),c=n(26),l=n(11),h=n(406),d=n(766),f=n(109),v=n(127),m=n(25),_=n(41);n(2441);function C(object,t){var e=Object.keys(object);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(object);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(object,t).enumerable}))),e.push.apply(e,n)}return e}function I(t){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?C(Object(source),!0).forEach((function(e){Object(o.a)(t,e,source[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(source)):C(Object(source)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(source,e))}))}return t}var O={components:{Close:f.a,ChevronLeft:d.a,OtpInput:r.a,ProgressCircle:v.default,Loader:_.default},props:{onHideProfile:{type:Function,required:!0},onBack:{type:Function,required:!0},onSuccess:{type:Function,required:!1},authData:{type:Object,required:!1}},data:function(){return{componentId:this.$h.uuid(),schema:c.e().shape({otpValue:c.h().required(this.$t("L_TheInformationFieldCannotBeEmpty")).length(6)})}},computed:I(I({},Object(l.d)({userChangeResult:function(t){return t.userChangeResult}})),{},{form:function(){return null|this.$refs.form},errorMessage:function(){return null==this.userChangeResult||this.userChangeResult.success?null:this.$t(this.userChangeResult.error.code)}}),watch:{userChangeResult:function(t){var e;null!=t&&t.success&&(null===(e=this.onSuccess)||void 0===e||e.call(this))}},beforeDestroy:function(){this.$store.commit({type:h.a})},methods:{onSubmit:function(t){var e,n,o=I(I({},t),this.authData);this.$store.dispatch(function(t,e,n,o){return{type:t,payload:e,componentId:n,notification:o,loading:!0,response:{success:{type:h.c},failure:{type:h.b}}}}(null!==(e=this.authData)&&void 0!==e&&e.isChangePassword?m.W:m.V,o,this.componentId,{content:null!==(n=this.authData)&&void 0!==n&&n.isChangePassword?this.$t("S_00013"):this.$t("S_00072")}))},onChange:function(t){var e;t||(null===(e=this.form)||void 0===e||e.setFieldValue("otpValue",""))},onComplete:function(t){var e;null===(e=this.form)||void 0===e||e.setFieldValue("otpValue",t)}}},P=n(5),component=Object(P.a)(O,(function(){var t=this,e=t._self._c;return e("Loader",{staticClass:"verify-update",attrs:{componentId:t.componentId}},[e("div",{staticClass:"header"},[e("div",{staticClass:"title",on:{click:t.onBack}},[e("ChevronLeft"),t._v("\n      "+t._s(t.$t("L_Authentication"))+"\n    ")],1),t._v(" "),e("div",{staticClass:"btn-close",on:{click:t.onHideProfile}},[e("Close")],1)]),t._v(" "),e("formik",{ref:"form",staticClass:"verify-form",attrs:{autocomplete:"off",validationSchema:t.schema,initialValues:{otpValue:""},onSubmit:t.onSubmit},scopedSlots:t._u([{key:"default",fn:function(n){var o,r=n.isValid,c=n.handleSubmit;return[e("div",{staticClass:"text-1"},[t._v(t._s(t.$t("L_EnterOTP")))]),t._v(" "),e("div",{staticClass:"text-2"},[t._v(t._s(t.$t("T_00012")))]),t._v(" "),e("div",{staticClass:"otp-section"},[e("otp-input",{attrs:{radius:4,gap:8,digits:6,type:"password"},on:{"on-complete":t.onComplete,"on-changed":t.onChange}})],1),t._v(" "),e("div",{staticClass:"resend-section"},[e("div",{staticClass:"text"},[t._v(t._s(t.$t("T_00355")))]),t._v(" "),e("div",{staticClass:"seconds"},[e("ProgressCircle",{attrs:{size:12,borderWidth:1.5,time:Number(null===(o=t.authData)||void 0===o?void 0:o.expInSeconds)||30}})],1)]),t._v(" "),t.errorMessage?e("div",{staticClass:"invalid-message mb-4"},[t._v(t._s(t.errorMessage))]):t._e(),t._v(" "),e("div",{staticClass:"btn-section mb-4"},[e("button",{staticClass:"btn-next",attrs:{disabled:!r,type:"button"},on:{click:c}},[t._v(t._s(t.$t("L_Next")))])])]}}])})],1)}),[],!1,null,null,null);e.default=component.exports;installComponents(component,{ProgressCircle:n(127).default,Formik:n(66).default,Loader:n(41).default})},1766:function(t,e,n){"use strict";n.r(e);n(59),n(32),n(19),n(17),n(15),n(10),n(20),n(16),n(21);var o=n(3),r=(n(38),n(39),n(103),n(105)),c=n.n(r),l=n(447),h=n(807),d=n(1603),f=n(1605),v=n(1608),m=n(1610),_=n(1495),C=n(25),I=n(844),O=n(517),P=n(198),k=n(109),y=n(518),w=n(216),N=n(130),S=n(266),A=n(1742),D=n(1743),T=n(1744),j=(n(1414),n(63),n(528)),E=n(135),L=n(11);function x(object,t){var e=Object.keys(object);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(object);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(object,t).enumerable}))),e.push.apply(e,n)}return e}function H(t){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};

1i%2?x(Object(source),!0).forEach((function(e){Object(o.a)(t,e,source[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(source)):x(Object(source)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(source,e))}))}return t}var R={components:{ShowAvatarDialog:n(817).default,UserInfo:h.default,UserProfile:l.default,ChangePasswordNew:d.default,ChangeLoginInfo:f.default,ChangeInformation:v.default,ChangeTradingPIN:m.default,VerifyUpdate:_.default,LogoutIcon:I.a,CameraIcon:O.a,EditIcon:P.a,Close:k.a,Gallery:y.a,Trash:w.default,Check:S.a,ConfirmDialog:E.default,InfoCircleDeleteIcon:A.a,UploadAvatarIcon:D.a,DeleteAvatarIcon:T.a,ConfirmBox:N.default},directives:{ClickOutside:c.a},props:{onHideProfile:{type:Function,required:!0},closeButton:{type:Boolean,required:!1,default:!0},activeTab:{type:String,required:!1,default:""},subTabProfile:{type:Number,required:!1}},computed:H(H(H({},Object(L.d)(["userInfo","updateAvatarResult","user"])),Object(L.d)({triggerAccountSetting:function(t){return t.account.triggerAccountSetting}})),Object(L.c)(["appStatus"])),data:function(){return{componentId:this.$h.uuid(),avatarOptions:!1,isEditNickName:!1,active:"profile",savedActiveOption:"",nickName:"",nicknameError:"",authData:null,showConfirmDeleteAvatar:!1,showConfirmWhenStep2:!1,showAvatar:!1}},watch:{updateAvatarResult:function(t){null!=t&&t.success&&(this.isEditNickName=!1,this.$store.dispatch({type:C.N,payload:{reloadInfo:!0}}))},nickName:function(){}},created:function(){var t,e;this.nickName=void 0!==(null===(t=this.userInfo)||void 0===t?void 0:t.displayName)?null===(e=this.userInfo)||void 0===e?void 0:e.displayName:"",this.activeTab&&(this.active=this.activeTab)},methods:{onAuthSuccess:function(){var t;this.active="info",null!==(t=this.authData)&&void 0!==t&&t.isChangePassword||this.$store.dispatch({type:C.N,payload:{reloadInfo:!0}}),delete this.authData},hideAvatarOption:function(){this.avatarOptions=!1},handleAvatarChange:function(t){var e,n=t.target;if(null!==(e=n.files)&&void 0!==e&&e.length)if(this.hideAvatarOption(),this.validateAvatar(n.files[0])){var o=new FormData;o.append("file",n.files[0]),this.$store.dispatch(Object(j.a)(o,this.componentId,!1,{content:this.$t("S_00071")}))}else n.files[0].size>=2e6?this.$store.commit("COMMON_SHOW_TOAST_NOTIFICATION",{payload:{title:"",content:this.$t("V_00031"),type:"error"}}):this.$store.commit("COMMON_SHOW_TOAST_NOTIFICATION",{payload:{title:"",content:this.$t("V_00042"),type:"error"}})},validateAvatar:function(t){return/\.(png|jpg|jpeg)$/i.test(t.name)&&t.size<=2e6},profilePage:function(){this.active="profile"},infoPage:function(){this.active="info"},onDeleteAvatar:function(){this.showConfirmDeleteAvatar=!0},confirmDeleteAvatar:function(t){this.showConfirmDeleteAvatar=!1,t&&(this.hideAvatarOption(),this.$store.dispatch(Object(j.a)({isDeleteAvatar:!0},this.componentId,!0,{content:this.$t("S_00070")})))},onChangeLoginInfo:function(){this.active="loginInfo"},onChangePassword:function(){this.active="changePassword"},onChangeTradingPin:function(){this.active="changePIN"},onChangeInfo:function(){this.active="changeInfo"},onBack:function(){this.active="profile"},checkCanCancel:function(){var t,e,n,o;return!((null===(t=this.user)||void 0===t||null===(e=t.change_information)||void 0===e?void 0:e.currentStep)>=2||null!==(n=this.user)&&void 0!==n&&null!==(o=n.change_information)&&void 0!==o&&o.hasData)},onChangeInfoTab:function(t){this.savedActiveOption=t,this.checkCanCancel()?(this.active=t,this.savedActiveOption="",this.showConfirmWhenStep2=!1):this.showConfirmWhenStep2=!0},onConfirmCancelChangeInfo:function(){this.$store.dispatch("user/change_information/initStepDefault"),this.savedActiveOption?this.onChangeInfoTab(this.savedActiveOption):this.onHideProfile()},onNext:function(data){this.active="auth",this.authData=data},updateNickName:function(){this._validateNickName(this.nickName)&&this.$store.dispatch(Object(j.a)({displayName:this.nickName.trim()},this.componentId,!0,{content:this.$t("S_00069")}))},_validateNickName:function(t){if(""!==t){if(/^[0-9A-Za-zÀÁÂÃÈÉÊÌÍÒÓÔÕÙÚĂĐĨŨƠàáâãèéêìíòóôõùúăđĩũơƯẠẢẤẦẨẪẬẮẰẲẴẶẸẺẼỀỂẾưạảấầẩẫậắằẳẵặẹẻẽềểếỄỆỈỊỌỎỐỒỔỖỘỚỜỞỠỢỤỦỨỪễệỉịọỏốồổỗộớờởỡợụủứừỬỮỰỲỴÝỶỸửữựỳỵỷỹ][0-9A-Za-zÀÁÂÃÈÉÊÌÍÒÓÔÕÙÚĂĐĨŨƠàáâãèéêìíòóôõùúăđĩũơƯẠẢẤẦẨẪẬẮẰẲẴẶẸẺẼỀỂẾưạảấầẩẫậắằẳẵặẹẻẽềểếỄỆỈỊỌỎỐỒỔỖỘỚỜỞỠỢỤỦỨỪễệỉịọỏốồổỗộớờởỡợụủứừỬỮỰỲỴÝỶỸửữựỳỵỷỹ\s]{0,20}$/.test(t))return this.nicknameError="",!0;this.nicknameError=this.$t("E_00070")}else this.nicknameError=this.$t("V_00041");return!1},handleClose:function(){var t,e,n,o;(null===(t=this.user)||void 0===t||null===(e=t.change_information)||void 0===e?void 0:e.currentStep)>=2||null!==(n=this.user)&&void 0!==n&&null!==(o=n.change_information)&&void 0!==o&&o.hasData?this.showConfirmWhenStep2=!0:this.onHideProfile()},handleShowConfirmWhenStep2:function(){this.savedActiveOption="",this.showConfirmWhenStep2=!this.showConfirmWhenStep2},logout:function(){this.$store.dispatch({type:C.i}),this.onHideProfile()},changeNickName:function(t){"Enter"===t.key?this.updateNickName():this._val

1idateNickName(t.target.value)},editNickName:function(){var t=this;this.isEditNickName=!0,this.nicknameError="",this.$nextTick((function(){$(t.$refs.inputRef.$el.querySelector("input")).focus()}))},handleShowAvatar:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.showAvatar=t}}},U=R,F=n(5),component=Object(F.a)(U,(function(){var t,e,n,o,r,c,l=this,h=l._self._c;return h("div",{staticClass:"user-info-setting"},[l.appStatus.authenticated?h("div",{staticClass:"row m-0",staticStyle:{height:"100%"}},[l.closeButton?h("div",{staticClass:"header w-100 justify-content-end"},[h("div",{staticClass:"btn-close",on:{click:l.handleClose}},[h("Close")],1)]):l._e(),l._v(" "),h("div",{staticClass:"user-profile",style:"height: calc(100% - "+(l.closeButton?"40px":"0px")+")"},[h("div",{staticClass:"d-flex",staticStyle:{height:"100%"}},[h("div",{staticClass:"user-infor col-3",staticStyle:{height:"100%",padding:"0"}},[h("div",{staticClass:"user-infor--detail d-flex w-100 justify-content-center align-items-center"},[h("div",{staticClass:"user-infor--avatar"},[h("div",{staticClass:"image"},[h("Loader",{attrs:{componentId:l.componentId}},[h("div",{on:{click:function(t){return l.handleShowAvatar(!0)}}},[h("b-avatar",{attrs:{size:70,src:null!==(t=l.userInfo)&&void 0!==t&&t.avatar?l.$config.MINIO_URL+(null===(e=l.userInfo)||void 0===e?void 0:e.avatar):""}})],1)]),l._v(" "),h("ShowAvatarDialog",{attrs:{"set-slide-start":1,"is-visible":l.showAvatar,"image-url":null===(n=l.userInfo)||void 0===n?void 0:n.avatar,"on-hidden":function(){l.showAvatar=!1}}}),l._v(" "),h("div",{directives:[{name:"click-outside",rawName:"v-click-outside",value:l.hideAvatarOption,expression:"hideAvatarOption"}],staticClass:"action btn-camera"},[h("CameraIcon",{staticStyle:{width:"10px",height:"10px"},on:{click:function(t){l.avatarOptions=!l.avatarOptions}}}),l._v(" "),h("input",{attrs:{id:"avatar",type:"file",name:"avatar"},on:{change:l.handleAvatarChange}}),l._v(" "),l.avatarOptions?h("div",{staticClass:"options"},[h("label",{staticClass:"option-item",attrs:{for:"avatar"}},[h("UploadAvatarIcon"),h("span",[l._v(l._s(l.$t("L_UploadAPhoto")))])],1),l._v(" "),null!==(o=l.userInfo)&&void 0!==o&&o.avatar?h("div",{staticClass:"option-item",on:{click:l.onDeleteAvatar}},[h("DeleteAvatarIcon"),h("span",[l._v(l._s(l.$t("L_DeleteAvatar")))])],1

1):l._e()]):l._e()],1)],1)]),l._v(" "),h("div",{staticClass:"user-infor--name col",staticStyle:{margin:"24px 0","padding-left":"8px"}},[h("p",[l._v(l._s(null===(r=l.userInfo)||void 0===r?void 0:r.name))]),l._v(" "),h("p",[l._v(l._s(null===(c=l.userInfo)||void 0===c?void 0:c.username))]),l._v(" "),l.isEditNickName?l._e():h("div",{staticClass:"account-nick-name p-0 w-100"},[h("span",[l._v(l._s(l.nickName))]),l._v(" "),h("EditIcon",{staticClass:"edit-icon ml-3",on:{click:l.editNickName}})],1),l._v(" "),l.isEditNickName?h("div",{staticClass:"edit-nick-name p-0 w-100"},[h("TextInput",{ref:"inputRef",attrs:{autoFocus:!0,size:"sm",maxlength:20,removeFirstSpace:!0,hasError:""!==l.nicknameError},on:{keyup:l.changeNickName},model:{value:l.nickName,callback:function(t){l.nickName=t},expression:"nickName"}}),l._v(" "),h("Check",{on:{click:l.updateNickName}})],1):l._e(),l._v(" "),""!==l.nicknameError?h("div",{staticClass:"input-error"},[h("span",[l._v(l._s(l.nicknameError))])]):l._e()])]),l._v(" "),h("button",{class:"user-infor--btn_page "+("profile"===l.active?"active":""),on:{click:function(t){return l.onChangeInfoTab("profile")}}},[l._v(l._s(l.$t("L_MyProfile")))]),l._v(" "),h("button",{class:"user-infor--btn_page "+("info"===l.active?"active":""),on:{click:function(t){return l.onChangeInfoTab("info")}}},[l._v("\n            "+l._s(l.$t("L_IdentificationInfo"))+"\n          ")]),l._v(" "),h("button",{class:"user-infor--btn_page "+("changeLoginInfo"===l.active?"active":""),on:{click:function(t){return l.onChangeInfoTab("changeLoginInfo")}}},[l._v("\n            "+l._s(l.$t("L_LoginInfo"))+"\n          ")]),l._v(" "),h("button",{class:"user-infor--btn_page "+("changePassword"===l.active?"active":""),on:{click:function(t){return l.onChangeInfoTab("changePassword")}}},[l._v("\n            "+l._s(l.$t("L_ChangePassword"))+"\n          ")]),l._v(" "),h("button",{class:"user-infor--btn_page "+("changePIN"===l.active?"active":""),on:{click:function(t){return l.onChangeInfoTab("changePIN")}}},[l._v("\n            "+l._s(l.$t("L_ChangeTradingPIN"))+"\n          ")]),l._v(" "),h("button",{staticClass:"user-infor--btn_page",on:{click:l.logout}},[h("LogoutIcon"),l._v(" "+l._s(l.$t("L_Logout")))],1)]),l._v(" "),h("div",{staticClass:"col-9 p-0 col-user-right"},["auth"===l.active?h("VerifyUpdate",{attrs:{onSuccess:l.onAuthSuccess,onHideProfile:l.onHideProfile,onBack:l.onBack,authData:l.authData}}):l._e(),l._v(" "),"info"===l.active?h("UserInfo",{attrs:{onHideProfile:l.onHideProfile,onChangePassword:l.onChangePassword,onChangeInfo:l.onChangeInfo}}):l._e(),l._v(" "),"profile"===l.active?h("UserProfile",{attrs:{onHideProfile:l.onHideProfile,onChangePassword:l.onChangePassword,onChangeInfo:l.onChangeInfo,activeTab:l.subTabProfile}}):l._e(),l._v(" "),"changeLoginInfo"===l.active?h("ChangeLoginInfo",{attrs:{onHideProfile:l.onHideProfile}}):l._e(),l._v(" "),"changePassword"===l.active?h("ChangePasswordNew",{attrs:{onHideProfile:l.onHideProfile}}):l._e(),l._v(" "),"changePIN"===l.active?h("ChangeTradingPIN",{attrs:{onHideProfile:l.onHideProfile}}):l._e()],1)])]),l._v(" "),h("ConfirmDialog",{attrs:{show:l.showConfirmDeleteAvatar,title:l.$t("L_DeleteAvatar"),message:l.$t("T_00287")},on:{confirm:l.confirmDeleteAvatar}},[h("template",{slot:"icon"},[h("InfoCircleDeleteIcon")],1)],2),l._v(" "),h("ConfirmBox",{attrs:{"confirm-type":"agree",show:l.showConfirmWhenStep2,noticeTitle:!0,onConfirm:l.onConfirmCancelChangeInfo,onCancel:l.handleShowConfirmWhenStep2,title:"".concat(l.$t("T_AreYouSureYoyWantToLeaveThisPage"),"<br/>").concat(l.$t("T_YourChangesWillNotBeSaved")),errIcon:!1},on:{onHidden:function(t){l.showConfirmWhenStep2=!1}}})],1):l._e()])}),[],!1,null,null,null);e.default=component.exports;installComponents(component,{Loader:n(41).default,TextInput:n(94).default,UserProfile:n(447).default,ConfirmDialog:n(135).default})},2441:function(t,e,n){},406:function(t,e,n){"use strict";n.d(e,"c",(function(){return r})),n.d(e,"b",(function(){return c})),n.d(e,"a",(function(){return l})),n.d(e,"d",(function(){return h}));var o=n(36),r="USER_VERIFY_UPDATE_SUCCESS",c="USER_VERIFY_UPDATE_FAILED",l="USER_VERIFY_UPDATE_CLEAR",h=Object(o.a)("userChangeResult",r,c,l)}}]);