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

machine.js

  const myMachine = Machine({
      id: "machine",
      initial: "idle",
      context: {
        id: null,
        revision: 0,
        isOwner: false,
        isAuthenticated: true
      },
      states: {
        idle: {
          on: {
            CHANGE: "pendingChanges",
            LOAD: "loading",
          },
        },
        pendingChanges: {
          on: {
            CHANGE: { target: "pendingChanges", internal: true },
            SAVE: [
              {
                target: 'saving',
                cond: "isOwner",
                actions: "createRevision"
              },
              {
                target: 'choosingPod',
                cond: "isAuthenticated"
              },
              {target: 'saving'}
            ]
          },
        },
        saving: {
          invoke: {
            id: 'saving',
            src: "save",
            onDone: {
              target: 'idle',
              actions: assign({ isOwner: (context, event) => true })
            },
            onError: {
              target: 'error'
            }
          }
        },
        loading: {
          invoke: {
            id: 'loading',
            src: "load",
            onDone: {
              target: 'idle',
              actions: assign({ isOwner: (context, event) => true })
            },
            onError: {
              target: 'error'
            }
          }
        },
        choosingPod: {
          on: {
            CHOOSE: "saving",
          }
        },
        
        error: {}
      },
    }, {
      guards: {
        isAuthenticated: (context, event) => context.isAuthenticated,
        isOwner: (context, event) => context.isOwner,
      },
      actions: {
        
      },
      services: {
        save: () => true,
      }
    });