VATNumber.js

import { computed, observable } from "mobx"

export default class VATNumber {
    @observable valid
    @observable format_valid
    @observable query
    @observable country_code
    @observable vat_number
    @observable company_name
    @observable company_address

    store = null

    constructor(store, data) {
        if ( data != null ) {
            Object.assign(this, { ...data });
        }

        this.store = store
    }

    updateFromServer(data) {
        if ( data != null ) {
            Object.assign(this, { ...data });
        }

        console.log("is valid", this.valid);
    }

    @computed get asJSON() {
        return {
            country_code: this.country_code,
            vat_number: this.query
        }
    }

    @computed get isInvalid() {
        console.log("this.valid", this.valid);
        return (this.valid === false)
    }

    @computed get isValid() {
        console.log("this.valid", this.valid);
        return (this.valid === true)
    }

    validate() {
        this.store.validateVATNum(this.asJSON)
    }
}