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: "categoriesMachine",
    initial: "entry",
    context: {
      categoryMap: {},
      categoryId: "",
      actor: undefined,
      actorMap: {},
      level: 0,
      result: {}
    },
    states: {
      entry: {
        initial: "init",
        states: {
          init: {
            on: {
              "": [{ target: "new", cond: "hasNoResult" }, { target: "edit" }]
            }
          },
          new: {
            entry: ["onLoadRoot"],
            after: {
              TIMEOUT: "#categoriesMachine.nextLevelLoaded"
            }
          },
          edit: {
            entry: ["setPartialCategoryMap"]
          }
        }
      },
      nextLevelLoaded: {},
      selected: {
        on: {
          LOAD_NEXT_LEVEL: {
            actions: "onUpdateCategoryMap"
          }
        },
        after: {
          TIMEOUT: "nextLevelLoaded"
        }
      }
    },
    on: {
      SELECT: {
        target: "selected",
        actions: "onSelect"
      },
      RESET: {
        target: "entry.new"
      }
    }
  },
  {
    guards: {
      hasNoResult: () => false
    },
    delays: {
      TIMEOUT: 2000
    }
  }
);