"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = require("react");
const mobx_react_1 = require("xmobx/mobx-react");
const validators_1 = require("../../../validators");
const ObserverInput_1 = require("../../inputs/ObserverInput");
let ZipCodePlugin = class ZipCodePlugin extends React.Component {
    static isSatisfiedByProps(props) {
        return ['zip', 'postal', 'postalCode', 'zipCode'].includes(props.type);
    }
    render() {
        return (React.createElement(ObserverInput_1.ObserverInput, Object.assign({ type: "text", minLength: 2, maxLength: 16, required: true, placeholder: "5555", 
            // pattern="[A-Za-z0-9\.\-]+"
            autoComplete: "shipping postal-code", "data-qa": "qa-zip-code" }, this.props)));
    }
};
ZipCodePlugin.defaultState = (inputState) => {
    return {
        label: 'Zip Code',
        tooltip: '☑',
        validator: (value) => validators_1.isValidZipCode(value),
    };
};
ZipCodePlugin = tslib_1.__decorate([
    mobx_react_1.observer
], ZipCodePlugin);
exports.ZipCodePlugin = ZipCodePlugin;
exports.default = ZipCodePlugin;
//# sourceMappingURL=ZipCodePlugin.js.map