Module 518142

function(e,t,i){i.d(t,{default:()=>h});var n=i(627968),s=i(64700),l=i(189213),r=i(359778),a=i(834730),o=i(331322),u=i(292666),d=i(939249),c=i(349288),g=i(98207),m=i(375708),A=i(903523);class h extends s.PureComponent{_input;state={code:"",errorMessage:"",retrySuccess:!1,isLoading:!1};setRef=e=>{this._input=e};handleRetry=async()=>{await g.A.sendMFABackupCodesVerificationKeyEmail(this.props.password),this.setState({retrySuccess:!0})};handleSubmit=async e=>{e.preventDefault(),this.setState({isLoading:!0});try{await g.A.confirmViewBackupCodes(this.state.code,!1),this.props.onClose()}catch(e){if(null==e.body)return;e.body.message&&this.setState({errorMessage:e.body.message})}finally{this.setState({isLoading:!1})}};handleCodeChange=e=>{this.setState({code:e})};render(){let{transitionState:e}=this.props,{code:t,errorMessage:i,retrySuccess:s}=this.state,g=s?(0,n.jsx)(r.Z,{type:r.Z.Types.SUCCESS,className:A.Nr,children:(0,n.jsx)(a.E,{variant:"text-md/normal",children:m.intl.string(m.t.j4qu8n)})}):null;return(0,n.jsx)(l.Modal,{title:m.intl.string(m.t["mGppp/"]),actions:[{text:m.intl.string(m.t["ETE/oC"]),onClick:this.props.onClose,variant:"secondary",disabled:this.state.isLoading},{text:m.intl.string(m.t.piW6YS),type:"submit",disabled:this.state.isLoading||0===t.length,onClick:this.handleSubmit}],onClose:this.props.onClose,transitionState:e,children:(0,n.jsxs)(o.B,{direction:"vertical",gap:8,children:[(0,n.jsx)(a.E,{color:"text-default",variant:"text-md/normal",className:A.YK,children:m.intl.string(m.t["37S9yU"])}),g,(0,n.jsx)(u.k,{inputRef:this.setRef,label:m.intl.string(m.t.TjGb4Q),onChange:this.handleCodeChange,maxLength:8,value:t,autoComplete:"one-time-code",autoFocus:!0,error:i}),(0,n.jsx)(a.E,{variant:"text-sm/normal",children:(0,n.jsx)(d.D,{onClick:this.handleRetry,children:(0,n.jsx)(c.Anchor,{children:m.intl.string(m.t.PZgmxv)})})})]})})}}}