FlightSelection xState config

machine.js

const wizardStates = {
  initial: "date",
  states: {
    date: {
      on: {
        NEXT: "flight"
      }
    },
    flight: {
      on: {
        NEXT: {target: "loading", actions: "placeOrder"},
        EDIT_DATE: "date"
      }
    },
    loading: {
      on: {
        PLACE_ORDER_ERROR: "flight",
        PLACE_ORDER_SUCCESS: "#flightSelection.success"
      }
    }
  }
};

const flightSelectionMachine = Machine({
  key: "flightSelection",
  initial: "wizard",
  states: {
    wizard: {
      ...wizardStates
    },
    success: {
      final: true
    }
  }
});