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 fetchMachine = Machine({
    id: 'infoChunk',
    initial: 'loading',
    states: {
        loading: {
            on: {
                MARKED_FOR_DELETION: 'pendingDeletion',
                MARKED_FOR_EDIT: 'pendingEdit',
                RECEIVE_DATA: 'idle'
            }
        },
        pendingDeletion: {
            on: {
                SELECT: 'reviewDeletion'
            }
        },
        reviewDeletion: {
            on: {
                DELETE: 'complete',
                KEEP: 'complete',
                CANCEL: 'pendingDeletion'
            }
        },
        pendingEdit: {
            on: {
                SELECT: 'reviewEdit'
            }
        },
        reviewEdit: {
            on: {
                ACCEPT: 'complete',
                REJECT: 'complete',
                CANCEL: 'pendingEdit'
            }
        },
        idle: {
            on: {
                SELECT: 'edit'
            }
        },
        edit: {
            on: {
                UPDATE: 'complete',
                DELETE: 'confirmDeletion',
                CANCEL: 'idle'
            }
        },
        confirmDeletion: {
            on: {
                DELETE: 'complete',
                CANCEL: 'edit'
            }
        },
        complete: {
            type: 'final'
        }
    }
  });