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({
  id: "opener",
  initial: "closed",
  context: {},
  states: {
    closed: {
      id: "closed",
      on: {
        OPEN: "opened",
        TOGGLE: "opened",
      },
    },
    opened: {
      initial: "idle",
      states: {
        idle: {
          on: {
            AUTOCLOSE: "closing",
          },
        },
        closing: {
          on: {
            CANCEL: "idle",
          },
          after: {
            0: "close",
          },
        },
        close: {
          type: "final",
        },
      },
      on: {
        CLOSE: "closed",
        TOGGLE: "closed",
      },
      onDone: "closed",
    },
  },
});