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

machine.js

const firstStep = {
  initial: 'BREAK_UP',
  states: {
    BREAK_UP: {
      on: {
        START: 'START_PROPELLERS'
      }
    },
    START_PROPELLERS: {
      on: {
        TURN: 'START_ENGINES'
      }
    },
    START_ENGINES: {
      on: {
        SPREAD_WINGS: 'LAND'
      }
    },
    LAND: {
      type: 'final'
    }
  }
};
  
  const spaceMachine = Machine({
  id: "crewDragon",
  initial: "active",
  states: {
    active: {
      on: {
        LAUNCH: "FIRST_MODULE"
      }
    },
    FIRST_MODULE: {
      on: {
        TRANSPORT: "COUPLING"
      },
      ...firstStep,
    },
    COUPLING: {
      type: "final"
    }
  }
});