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

machine.js

const activeTripMachine = Machine({
  id: 'activeTrip',
  initial: 'init',
  context: {
    trip: null,
    lastTrip: null,
    pollInterval: 15000,
  },
  states: {
    init: {
      exit: ['hasActiveTrip'],
      on: {
        NEXT: 'idle',
      },
    },
    idle: {
      on: {
        START_TRIP: 'starting',
        RESTART: 'active',
        SERVER_STOP: 'stoppedByServer',
      },
    },
    starting: {
      invoke: {
        id: 'startingTrip',
        src: 'startTrip',
        onDone: {
          target: 'active',
          actions: assign({
            trip: (_, event) => event.data,
          }),
        },
        onError: 'idle',
      },
    },
    stopping: {
      invoke: {
        id: 'stoppingTrip',
        src: 'stopTrip',
        onDone: 'ended',
        onError: 'active',
      },
    },
    stoppedByServer: {
      onEntry: assign({
        lastTrip: (_, { lastTrip }) => lastTrip,
      }),
      on: {
        NEXT: 'ended',
      },
    },
    ended: {
      onEntry: assign({
        trip: () => null,
      }),
      on: {
        NEXT: 'idle',
      },
    },
    active: {
      activities: ['polling'],
      on: {
        END_TRIP: 'stopping',
        SERVER_STOP: 'stoppedByServer',
        STOP_POLLING: 'init',
      },
    },
  },
});