"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
/**
 * @todo @anto @sriaarthi
 * @todo renderIcon before @mohan
 */
const React = require("react");
const mobx_react_1 = require("xmobx/mobx-react");
const validators_1 = require("../../validators");
const ObserverInput_1 = require("../inputs/ObserverInput");
let EmailPlugin = class EmailPlugin extends React.Component {
    static isSatisfiedByProps(props) {
        return ['email'].includes(props.type);
    }
    render() {
        return (React.createElement(ObserverInput_1.ObserverInput, Object.assign({ label: "Email", "data-qa": "qa-email", required: true, minLength: 4, maxLength: 254, pattern: "((.*)\\@(.*)\\.(.*))", placeholder: "you@skava.com..." }, this.props, { type: "email", autoComplete: "email" })));
    }
};
// used by state
EmailPlugin.defaultState = (inputState) => {
    return {
        validator: (value) => validators_1.isValidEmail(value) || validators_1.errorMessageFor('email'),
    };
};
EmailPlugin = tslib_1.__decorate([
    mobx_react_1.observer
], EmailPlugin);
exports.EmailPlugin = EmailPlugin;
exports.default = EmailPlugin;
//# sourceMappingURL=EmailPlugin.js.map