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 fetchMachine = Machine({
  initial: "closed",
  states: {
    closed: {
      on: {
        OPEN: "opening"
      }
    },
    opening: {
      invoke: {
        src: "openMenu",
        onDone: { target: "open" }
      },
      on: {
        CLOSE: "closing"
      }
    },
    open: {
      on: {
        CLOSE: "closing"
      }
    },
    closing: {
      invoke: {
        src: "closeMenu",
        onDone: { target: "closed" }
      },
      on: {
        OPEN: "opening"
      }
    }
  }
});