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

machine.js

const initialActions = {
  bad: "bad",
  fearful: "fearful",
  angry: "angry",
  disgusted: "disgusted",
  sad: "sad",
  happy: "happy",
  surprised: "surprised"
};

const boredStateMachine = {
  initial: "init",
  states: {
    init: { on: { indifferent: "indifferent", apathetic: "apathetic" } },
    indifferent: {},
    apathetic: {}
  }
}
const busyStateMachine = {
  initial: "init",
  states: {
    init: { on: { pressured: "pressured", rushed: "rushed" } },
    pressured: {},
    rushed: {}
  }
}

const badStateMachine = {
  on: { cancel: "init" },
  initial: "init",
  states: {
    init: { on: { bored: "bored" } },
    bored: boredStateMachine,
    busy: busyStateMachine
  }
};

const emotionStateMachine = Machine({
  id: "Emotion Wheel",
  initial: "init",
  states: {
    init: { on: initialActions },
    bad: badStateMachine,
    fearful: {},
    angry: {},
    disgusted: {},
    sad: {},
    happy: {},
    surprised: {}
  }
});