import { injectable } from '@servicetitan/react-ioc';
import { FieldState, FormState } from 'formstate';
import { computed, makeObservable, observable } from 'mobx';

@injectable()
export class ChatInputStore {
    @observable
    formState = new FormState({
        message: new FieldState('')
            .validators((text: string) =>
                text.length > 6000 ? 'Message character max is 6000.' : false
            )
            .disableAutoValidation(),
    });

    @computed
    get isEmpty() {
        return !this.formState.$.message.value;
    }

    constructor() {
        makeObservable(this);
    }
}