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

machine.js

const lit = {
  on: {
    BREAK: "broken",
    TOGGLE: "unlit"
  }
};

const unlit = {
  on: {
    BREAK: {
      target: "broken",
      actions: ['logBroken']
    },
    TOGGLE: "lit"
  }
};

const broken = {
  type: "final"
};

const states = { unlit,lit,  broken };

const initial = "unlit";

const config = {
  id: "lightBulb",
  initial,
  states,
  strict: true
};

const lightBulbMachine = Machine(config, {
  actions: {
    logBroken: () => console.log('I am broken')
  }
});