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)
  
function wait(ms) {
  return new Promise(
    (resolve) => setTimeout(resolve, ms)
  );
}
  
const fetchMachine = Machine({
  id: 'mastering',
  initial: 'onboarding',
  context: { selectedPresets: [] },
  states: {
    onboarding: {
      on: {
        SKIP: 'selectPresets',
        DONE: 'selectPresets'
      }
    },
    selectPresets: {
      on: {
        PRESETS_SELECTED: {
          target: 'fetchingPreviews'
        }
      }
    },
    fetchingPreviews: {
      invoke: {
        id: 'fetchPreviews',
        src: () => wait(3000),
        onDone: 'previews'
      }
    },
    previews: {
      on: {
        PRESET_SELECTED: 'done',
        CHANGE_PRESETS: "selectPresets"
      }
    },
    done: {
      type: 'final'
    }
  }
});