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

machine.js

const editStates = {
  initial: 'saved',
  states: {
    open: {
      on: {
        SAVE: 'saved'
      }
    },
    saved: {
      on: {
        NEW_VERSION_EDIT: 'open',
        SET_FOR_APPROVAL: 'pendingApproval'
      }
    },
    pendingApproval: {
      on: {
        APPROVE: 'approved',
        UNSET: 'saved'
      }
    },
    approved: {
      on: {
        PUBLISH: 'published'
      }
    },
    published: {}
  }
};

const versionStates = Machine({
  key: 'version',
  initial: 'open',
  states: {
    saved: {
      on: {
        COPY: 'open',
        SET_FOR_APPROVAL: 'pendingApproval'
      }
    },
    open: {
      on: {
        SAVE: 'saved'
      }
    },
    pendingApproval: {
      on: {
        APPROVE: 'approved',
        UNSET: 'saved'
      }
    },
    approved: {
      on: {
        PUBLISH: 'published.saved'
      }
    },
    published: {
      ...editStates
    }
  }
});