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

machine.js

  const cartsMachine = Machine({
    id: 'carts',
    initial: 'initial',
    context: {},
    states: {
      initial: {
        on: {
          'HYDRATE': {
            target: 'idle',
            actions: ['hydrateContext']
          }
        }
      },
      loading: {
        invoke: {
          src: 'getCartsData',
          onDone: 'idle',
          onError: 'idle'
        }
      },
      idle: {
        on: {
          FETCH: 'loading',
          SET_ACTIVE: {
            actions: ['setActive']
          }
        }
      },
    }
  }, {
    actions: {
      setActive: (context, event) => null,
      hydrateContext: assign((_, event) => event.data)
    }
  });