Generated by XState Viz: https://xstate.js.org/viz

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
const languageSelectionMachine = Machine({
  id: 'fetch',
  initial: 'appStart',
  context: {
    targetLang: {
      language: '',
      voice: '',
    },
    baseLang: {
      language: '',
      voice: '',
    },
  },
  states: {
    appStart: {
      on: {
        FETCH: 'loadAppData',
      },
    },
    loadAppData: {
      on: {
        SUCCESS: 'flashcard',
        EMPTY: 'langSelection',
      },
    },
    langSelection: {
      on: {
        SUBMIT: 'voiceSelection',
      },
    },
    voiceSelection: {
      on: {
        SUBMIT: 'flashcard',
      },
    },
    flashcard: {
      type: 'final',
    },
  },
})