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

machine.js

 const kegbotMachine = new Machine(
    {
      id: "kegbot",
      initial: "unauthenicated",
      context: {
        userID: null,
        pourAmount: 0,
        pourSelection: 0
      },
      states: {
        unauthenicated: {
          entry: ["reset"],
          on: {
            AUTH: "authenicated"
          }
        },
        authenicated: {
          on: {
            POUR: "pouring"
          }
        },
        pouring: {
          entry: ["tick", "pourTimeout"],
          exit: ["cancelPourTimeout"],
          on: {
            "": {
              target: "finished",
              cond: "pourLimit"
            },
            POUR: "pouring",
            FINISH: "finished"
          }
        },
        finished: {
          on: {
            UNAUTH: "unauthenicated"
          }
        }
      }
    },
    {
      actions: {
        pourTimeout: actions.send("FINISH", { delay: 2000, id: "pourTimeout" }),
        cancelPourTimeout: actions.cancel("pourTimeout"),
        tick: assign({ pourAmount: ctx => ctx.pourAmount + 1 }),
        reset: assign({ userID: null, pourAmount: 0, pourSelection: 0 })
      },
      guards: {
        pourLimit: ctx => ctx.pourAmount >= 3
      }
    }
  );