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: 'balanceDataActor',
    type: 'parallel',
    context: {
      balance: 0,
      dining: 0
    },
    states: {
      gettingData: {
        initial: 'fetching',
        states: {
          fetching: {
            invoke: {
              id: 'getBalance',
              src: (context, event) =>
                new Promise((resolve, reject) => {
                  setTimeout(function () {
                    resolve({ balance: 10, dining: 0 });
                  }, 2000);
                }),
              onDone: {
                target: 'waiting',
                actions: ['updateBalance']
              },
              onError: {
                target: 'failure',
                actions: assign({ error: (context, event) => event.data })
              }
            }
          },
          waiting: {
            on: {
              UPDATE_BALANCE: {
                target: 'fetching',
                actions: ['updateBalance']
              }
            }
          },
          failure: {
            TRY_AGAIN: 'fetching'
          }
        }
      },
      gettingStorageData: {
        initial: 'getStorageBalance',
        states: {
          getStorageBalance: {
            invoke: {
              id: 'getStorageBalance',
              src: (context, event) =>
                new Promise((resolve, reject) => {
                  setTimeout(function () {
                    resolve({ balance: 10, dining: 0 });
                  }, 100);
                }),
              onDone: {
                target: '',
                actions: ['updateBalance']
              }
            }
          }
        }
      }
    }
  },
  {
    actions: {
      updateBalance: assign((_, event) => {
        return event.data;
      })
    }
  }
);