import * as React from 'react';
import { oneRouter } from '@skava/router';
import { application } from '@skava/state';
import { OneFormState } from '@skava/packages/features/Forms';
import { StyledForm, OrderLookupButton } from './styled';
import { wording } from './fixture';
const validation = {
    onSubmit(args) {
        console.log('Handle Submit for orderLookupWidget', args.state.toJSON());
        const orderDetails = {
            orderDetail: JSON.stringify(args.state.toJSON())
        };
        oneRouter.update(orderDetails);
    }
};
const renderButtonGroup = (props) => (React.createElement(OrderLookupButton, Object.assign({}, props)));
class LookupOrderForm extends React.PureComponent {
    constructor() {
        super(...arguments);
        this.observableFormState = new OneFormState().setInputsList([
            {
                propertyName: 'orderNumber',
                type: 'text',
                maxLength: 50,
                labelText: application.isDesktop ? wording.orderNumber : wording.orderMobNumber,
            },
            {
                propertyName: 'lastName',
                type: 'lastName',
            },
            {
                propertyName: 'postalCode',
                type: 'zip',
            }
        ]);
    }
    render() {
        return (React.createElement(StyledForm, { validation: validation, state: this.observableFormState, renderButtonGroup: renderButtonGroup }));
    }
}
export { LookupOrderForm };
//# sourceMappingURL=Form.js.map