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

machine.js

const machine = Machine({
  id: "menu",
  initial: "initialize",
  states: {
    initialize : {
        on : {
            CONNECTION : [{
                cond : (ctx, { lan }) => lan,
                target : "lan",
            }, {
                target : "booting"
            }]
        }
    },

    booting : {
        initial : "booting",

        on : {
            LOBBY : "lobby",
        },

        states : {
            booting : {
                on : {
                    BOOTED : [{
                        cond : (ctx, { ftue }) => ftue,
                        target : "ftue"
                    }, {
                        cond : (ctx, { banned }) => banned,
                        target : "banned",
                    }, {
                        target : "continue",
                    }]
                }
            },

            ftue : {},

            banned : {},

            continue : {
                on : {
                    CLICK : {
                        actions : raise("LOBBY"),
                    },
                },
            },
        },
    },

    lan : {

    },

    lobby : {

    }
  }
});