import { observer } from 'xmobx/mobx-react'
import { action, observable } from 'xmobx/mobx'
import { isFunction } from 'exotic'

class ShippingAddressFormState {
  @observable
  shippingAddress = {}

  @action
  setShippingAddressForm(form) {
    this.shippingAddress = form
    console.log('[Shipping Address] setShippingAddressForm()', this)
  }

  @action.bound
  handleShippingAddressFormBlur = (textstate) => {
    console.log('test_blur_state', textstate)
    const { validateForm, state, props } = this.shippingAddress
    const { onFormBlur, hasBlurValidation } = props

    if (hasBlurValidation === true) {
      const isValidForm = validateForm(textstate)
      if (isValidForm === true && isFunction(onFormBlur)) {
        console.log(
          '[Shipping Address] onBlur serialized data',
          state.toSerialized()
        )
        onFormBlur({ props, state })
      }
    }
  }
}

// Object Creation
const shippingAddressFormState = new ShippingAddressFormState()

export { shippingAddressFormState }
export default shippingAddressFormState