Submit Form via xhr using state values from onion

app.correct.ts

// sampleCombine will emit when source stream emits only
// this is correct
function intent (sources$: Sources) {
  return sources$.DOM.select('form')
    .events('submit', { preventDefault : true })
    .compose(sampleCombine(sources$.onion.state$))
    .map(([ event, state ]) => ({
      url: '/api/endpoint',
      category: 'Form',
      method: 'POST',
      type: 'application/json',
      send: {
        animal : state.animal.value,
        noise : state.noise.value
      }
    }))
}

app.wrong.ts

// combine will emit on form submit or on state change
// this is incorrect
function intent (sources$: Sources) {
  return xs.combine(sources$.onion.state$, sources$.DOM.select('form').events('submit', { preventDefault : true }))
    .map(([ state, event ]) => ({
      url: '/api/endpoint',
      category: 'Form',
      method: 'POST',
      type: 'application/json',
      send: {
        animal : state.animal.value,
        noise : state.noise.value
      }
    }))
}