import * as tslib_1 from "tslib";
import React from 'react';
import { isFunction } from 'exotic';
import { observer } from 'xmobx/mobx-react';
import { ObserverForm } from '@skava/packages/ui/forms';
import { securityQuestionContainer } from './FormState';
import { wording, stepValue } from '../fixture';
import { SecurityQuestionWrapper } from '../styled';
let SecurityQuestionForm = class SecurityQuestionForm extends ObserverForm {
    constructor() {
        super(...arguments);
        this.formClassName = 'update-security-question-form';
        this.SubmitCustomClass = 'update-security-question-button';
        this.submitDataQa = 'qa-reset-password-button';
        this.CancelCustomClass = 'cancel-security-question-button';
        this.ButtonGroupCustomClass = 'security-question-button-group';
        this.defaultSubmitButtonLabel = wording.update;
        this.isCancelButtonNeeded = false;
        this.handleSubmit = (event) => {
            event.preventDefault();
            if (this.validateForm()) {
                const isResetCode = false;
                const serialized = this.state.toSerialized();
                if (isFunction(this.props.onResetSubmit)) {
                    this.props.onResetSubmit(isResetCode, serialized);
                }
                if (isFunction(this.props.onNext)) {
                    this.props.onNext(stepValue.stepThree);
                }
            }
            else {
                console.warn('Form has invalid inputs!');
            }
        };
    }
};
SecurityQuestionForm.defaultProps = {
    state: securityQuestionContainer,
};
SecurityQuestionForm = tslib_1.__decorate([
    observer
], SecurityQuestionForm);
class RenderSecurityQuestionForm extends React.Component {
    render() {
        const { secureCodeSubmit, onNext } = this.props;
        return (React.createElement(SecurityQuestionWrapper, null,
            React.createElement(SecurityQuestionForm, { onResetSubmit: secureCodeSubmit, onNext: onNext })));
    }
}
export { RenderSecurityQuestionForm };
export default RenderSecurityQuestionForm;
//# sourceMappingURL=FormView.js.map