https://atomicpoet.org/packs/js/features/security/mfa_form-10fa6cd7aeb26264293d.chunk.js

1"use strict";(self.webpackChunkmangane_fe=self.webpackChunkmangane_fe||[]).push([[67],{1203:function(e,t,a){a.r(t),a.d(t,{default:function(){return P}});var s=a(1855),o=(a(1),a(0)),r=a(1841),i=a(1842),n=a(148),d=a(2),c=a(3),u=(a(111),a(1871)),l=a(1865),f=a(12),m=(0,r.vU)({mfa_setup_disable_button:{id:"column.mfa_disable_button",defaultMessage:"Disable"},disableFail:{id:"security.disable.fail",defaultMessage:"Incorrect password. Try again."},mfaDisableSuccess:{id:"mfa.disable.success_message",defaultMessage:"MFA disabled"},passwordPlaceholder:{id:"mfa.mfa_setup.password_placeholder",defaultMessage:"Password"}}),p=function(){var e=(0,o.useState)(!1),t=e[0],a=e[1],r=(0,o.useState)(""),p=r[0],g=r[1],h=(0,i.Z)(),Z=(0,c.TL)(),v=(0,l.k6)(),b=(0,o.useCallback)((function(){a(!0),Z((0,n.B2)("totp",p)).then((function(){Z(f.ZP.success(h.formatMessage(m.mfaDisableSuccess))),v.push("../auth/edit")})).finally((function(){a(!1)})).catch((function(){Z(f.ZP.error(h.formatMessage(m.disableFail)))}))}),[p,Z,h]);return(0,s.Z)(d.l0,{onSubmit:b},void 0,(0,s.Z)(d.Kq,{},void 0,(0,s.Z)(d.xv,{weight:"medium"},void 0,(0,s.Z)(u.Z,{id:"mfa.otp_enabled_title",defaultMessage:"OTP Enabled"})),(0,s.Z)(d.xv,{theme:"muted"},void 0,(0,s.Z)(u.Z,{id:"mfa.otp_enabled_description",defaultMessage:"You have enabled two-factor authentication via OTP."}))),(0,s.Z)(d.cw,{labelText:h.formatMessage(m.passwordPlaceholder),hintText:(0,s.Z)(u.Z,{id:"mfa.mfa_disable_enter_password",defaultMessage:"Enter your current password to disable two-factor auth."})},void 0,(0,s.Z)(d.II,{type:"password",placeholder:h.formatMessage(m.passwordPlaceholder),name:"password",onChange:function(e){g(e.target.value)},disabled:t,value:p,required:!0})),(0,s.Z)(d.iN,{},void 0,(0,s.Z)(d.zx,{disabled:t,theme:"danger",type:"submit",text:h.formatMessage(m.mfa_setup_disable_button)})))},g=(0,r.vU)({mfaCancelButton:{id:"column.mfa_cancel",defaultMessage:"Cancel"},mfaSetupButton:{id:"column.mfa_setup",defaultMessage:"Proceed to Setup"},codesFail:{id:"security.codes.fail",defaultMessage:"Failed to fetch backup codes"}}),h=function(e){var t=e.displayOtpForm,a=e.handleSetupProceedClick,r=(0,c.TL)(),m=(0,i.Z)(),p=(0,l.k6)(),h=(0,o.useState)([]),Z=h[0],v=h[1];return(0,o.useEffect)((function(){r((0,n.uD)()).then((function(e){var t=e.codes;v(t)})).catch((function(){r(f.ZP.error(m.formatMessage(g.codesFail)))}))}),[]),(0,s.Z)(d.Kq,{space:4},void 0,(0,s.Z)(d.Kq,{space:2},void 0,(0,s.Z)(d.xv,{theme:"muted"},void 0,(0,s.Z)(u.Z,{id:"mfa.setup_warning",defaultMessage:"Write these codes down or save them somewhere secure - otherwise you won't see them again. If you lose access to your 2FA app and recovery codes you'll be locked out of your account."})),(0,s.Z)("div",{className:"bg-gray-100 dark:bg-slate-900/50 rounded-lg p-4"},void 0,(0,s.Z)(d.Kq,{space:3},void 0,(0,s.Z)(d.xv,{weight:"medium",align:"center"},void 0,(0,s.Z)(u.Z,{id:"mfa.setup_recoverycodes",defaultMessage:"Recovery codes"})),Z.length>0?(0,s.Z)("div",{className:"grid gap-3 grid-cols-2 rounded-lg text-center"},void 0,Z.map((function(e,t){return(0,s.Z)(d.xv,{theme:"muted",size:"sm"},t,e)}))):(0,s.Z)(d.$j,{})))),!t&&(0,s.Z)(d.iN,{},void 0,(0,s.Z)(d.zx,{theme:"ghost",text:m.formatMessage(g.mfaCancelButton),onClick:function(){return p.push("../auth/edit")}}),Z.length>0&&(0,s.Z)(d.zx,{theme:"primary",text:m.formatMessage(g.mfaSetupButton),onClick:a})))},Z=a(1840),v=a(823);function b(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,s)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?b(Object(a),!0).forEach((function(t){(0,Z.Z)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):b(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var w=(0,r.vU)({mfaCancelButton:{id:"column.mfa_cancel",defaultMessage:"Cancel"},mfaSetupConfirmButton:{id:"column.mfa_confirm_button",defaultMessage:"Confirm"},confirmFail:{id:"security.confirm.fail",defaultMessage:"Incorrect code or password. Try again."},qrFail:{id:"security.qr.fail",defaultMessage:"Failed to fetch setup key"}

1,mfaConfirmSuccess:{id:"mfa.confirm.success_message",defaultMessage:"MFA confirmed"},codePlaceholder:{id:"mfa.mfa_setup.code_placeholder",defaultMessage:"Code"},passwordPlaceholder:{id:"mfa.mfa_setup.password_placeholder",defaultMessage:"Password"}}),M=function(){var e=(0,i.Z)(),t=(0,l.k6)(),a=(0,c.TL)(),r=(0,o.useState)({password:"",isLoading:!1,code:"",qrCodeURI:"",confirmKey:""}),m=r[0],p=r[1];(0,o.useEffect)((function(){a((0,n.oJ)("totp")).then((function(e){p((function(t){return y(y({},t),{},{qrCodeURI:e.provisioning_uri,confirmKey:e.key})}))})).catch((function(){a(f.ZP.error(e.formatMessage(w.qrFail)))}))}),[]);var g=(0,o.useCallback)((function(e){e.persist(),p((function(t){var a;return y(y({},t),{},((a={})[e.target.name]=e.target.value,a))}))}),[]);return(0,s.Z)(d.Kq,{space:4},void 0,(0,s.Z)("hr",{className:"mt-4 dark:border-slate-700"}),(0,s.Z)(d.l0,{onSubmit:function(s){p((function(e){return y(y({},e),{},{isLoading:!0})})),a((0,n.iO)("totp",m.code,m.password)).then((function(s){a(f.ZP.success(e.formatMessage(w.mfaConfirmSuccess))),t.push("../auth/edit")})).catch((function(){a(f.ZP.error(e.formatMessage(w.confirmFail))),p((function(e){return y(y({},e),{},{isLoading:!1})}))})),s.preventDefault()}},void 0,(0,s.Z)(d.Kq,{},void 0,(0,s.Z)(d.xv,{weight:"semibold",size:"lg"},void 0,"1. ",(0,s.Z)(u.Z,{id:"mfa.mfa_setup_scan_title",defaultMessage:"Scan"})),(0,s.Z)(d.xv,{theme:"muted"},void 0,(0,s.Z)(u.Z,{id:"mfa.mfa_setup_scan_description",defaultMessage:"Using your two-factor app, scan this QR code or enter the text key."}))),(0,s.Z)(v.Qd,{value:m.qrCodeURI}),m.confirmKey,(0,s.Z)(d.xv,{weight:"semibold",size:"lg"},void 0,"2. ",(0,s.Z)(u.Z,{id:"mfa.mfa_setup_verify_title",defaultMessage:"Verify"})),(0,s.Z)(d.cw,{labelText:e.formatMessage(w.codePlaceholder),hintText:(0,s.Z)(u.Z,{id:"mfa.mfa_setup.code_hint",defaultMessage:"Enter the code from your two-factor app."})},void 0,(0,s.Z)(d.II,{name:"code",placeholder:e.formatMessage(w.codePlaceholder),onChange:g,autoComplete:"off",disabled:m.isLoading,value:m.code,type:"text",required:!0})),(0,s.Z)(d.cw,{labelText:e.formatMessage(w.passwordPlaceholder),hintText:(0,s.Z)(u.Z,{id:"mfa.mfa_setup.password_hint",defaultMessage:"Enter your current password to confirm your identity."})},void 0,(0,s.Z)(d.II,{type:"password",name:"password",placeholder:e.formatMessage(w.passwordPlaceholder),onChange:g,disabled:m.isLoading,value:m.password,required:!0})),(0,s.Z)(d.iN,{},void 0,(0,s.Z)(d.zx,{type:"button",theme:"ghost",text:e.formatMessage(w.mfaCancelButton),onClick:function(){return t.push("../auth/edit")},disabled:m.isLoading}),(0,s.Z)(d.zx,{type:"submit",theme:"primary",text:e.formatMessage(w.mfaSetupConfirmButton),disabled:m.isLoading}))))},_=(0,r.vU)({heading:{id:"column.mfa",defaultMessage:"Multi-Factor Authentication"}}),P=function(){var e=(0,i.Z)(),t=(0,c.TL)(),a=(0,o.useState)(!1),r=a[0],u=a[1];(0,o.useEffect)((function(){t((0,n.PD)())}),[]);var l=(0,c.CG)((function(e){return e.security.get("mfa")}));return(0,s.Z)(d.sg,{label:e.formatMessage(_.heading),transparent:!0,withHeader:!1},void 0,(0,s.Z)(d.Zb,{variant:"rounded"},void 0,(0,s.Z)(d.Ol,{backHref:"/settings"},void 0,(0,s.Z)(d.ll,{title:e.formatMessage(_.heading)})),(0,s.Z)(d.eW,{},void 0,l.getIn(["settings","totp"])?(0,s.Z)(p,{}):o.createElement(o.Fragment,null,(0,s.Z)(h,{displayOtpForm:r,handleSetupProceedClick:function(e){e.preventDefault(),u(!0)}}),r&&(0,s.Z)(M,{})))))}}}]);
2//# sourceMappingURL=mfa_form-10fa6cd7aeb26264293d.chunk.js.map