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 EnumStatesType = {
  closing: '@state/closing',
  done: '@state/done',
  error: '@state/error',
  idle: '@state/idle',
  loading: '@state/loading',
  opened: '@state/opened',
  opening: '@state/opening',
  preview: '@state/preview',
  resetting: '@state/resetting',

  reloadSuccess: '@state/reloadSuccess',
}

  const FETCH = '@action/FETCH';
  
  const fetchMachine = Machine({
    id: 'fetch',
    initial: EnumStatesType.idle,
    context: {
      retries: 0
    },
    states: {
      [EnumStatesType.idle]: {
        on: {
          [FETCH]: EnumStatesType.loading
        }
      },
      [EnumStatesType.loading]: {
        on: {
          RESOLVE: EnumStatesType.success,
          REJECT: EnumStatesType.error
        }
      },
      [EnumStatesType.success]: {
        type: 'final'
      },
      [EnumStatesType.error]: {
        on: {
          RETRY: {
            target: EnumStatesType.loading,
            actions: assign({
              retries: (context, event) => context.retries + 1
            })
          }
        }
      }
    }
  });