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 sm = Machine({
  id: "stepper",
  initial: "idle",
  context: {
    year: "",
    make: false,
    model: false,
    bodystyles: false
  },
  reset: "#stepper.idle",
  states: {
    idle: {
      on: {
        year: [
          {
            target: "make",
            cond: "yearsStep"
          },
          {
            target: "idle"
          }
        ]
      }
    },
    year: {
      on: {
        year: [
          {
            target: "make",
            cond: "yearsStep"
          },
          {
            target: "idle"
          }
        ],
        make: "make"
      }
    },
    make: {
      on: {
        make: [
          {
            target: "make",
            cond: "makesStep"
          },
          {
            target: "year"
          }
        ],
        year: [
          {
            target: "make",
            cond: "yearsStep"
          },
          {
            target: "idle"
          }
        ]
      }
    },
    model: {
      on: {
        year: [
          {
            target: "make",
            cond: "yearsStep"
          },
          {
            target: "idle"
          }
        ]
      }
    }
  }
});