import * as tslib_1 from "tslib";
import { observer } from 'xmobx/mobx-react';
import { ObserverForm } from '@skava/packages/ui/forms';
import { securityQuestionContainer } from './FormState';
import { wording } from './fixture';
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.persist();
            event.preventDefault();
            if (this.validateForm()) {
                const serialized = this.state.toSerialized();
                console.log(serialized);
            }
            else {
                console.warn('Form has invalid inputs!');
            }
        };
    }
};
SecurityQuestionForm.defaultProps = {
    state: securityQuestionContainer,
};
SecurityQuestionForm = tslib_1.__decorate([
    observer
], SecurityQuestionForm);
export default SecurityQuestionForm;
export { SecurityQuestionForm, SecurityQuestionForm as FormView };
//# sourceMappingURL=FormView.js.map