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

machine.js

const yapsMachine = Machine({
  id: 'yaps',
  initial: 'loading',
  context: {
    User: {},
    yaps: null,
    Yap: null,
  },
  states: {
    loading: {
      invoke: {
        id: 'fetch-yaps',
        src: 'invokeFetchYaps',
        onDone: {
          target: 'idle',
          actions: 'assignYapsFetchResult',
        },
        onError: 'failure',
      },
    },
    failure: {
      on: {
        RETRY: 'loading',
      },
    },
    idle: {
      entry: ['initConversationSystem'],
    },
    selected: {},
  },
  on: {
    SELECT: {
      target: '.selected',
      actions: 'spawnYapMachine',
    },
  }
});