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

machine.js

  const machine = Machine({
    id: 'categoryList',
    initial: 'loading',
    context: {
    },
    states: {
      loading: {
        invoke: {
          src: "loadData",
          onDone: "categoryList"
        }
      },
      categoryList: {
        on: {
          "NEW_CATEGORY": {
            target: "categoryEdit",
            actions: "createDraftCategory"
          },
        }
      },
      categoryEdit: {
        on: {
          "SAVE": {
            target: "categoryList",
            actions: "saveDraftCategory"
          },
          "CANCEL": {
            actions: "resetDraftCategory"
          }
        }
      },
      // activityList: {
      //   on: {
      //     "EDIT_CATEGORY": {
      //       target: "categoryEdit",
      //       actions: "copyAsDraftCategory"
      //     }
      //   }
      // },
    }
  });