itsAMachine.js

const whatMachine = Machine({
    id: 'whatDoIDo?',
    initial: 'loading',
    context: {
      retries: 0
    },
    states: {
      loading: {
        on: {
          SUCCESS: "loaded",
          FAILURE: "error"
        }
      },
      loaded: {
        on: {
          PUBLISHED: "published",
          DRAFT: "draft"
        }
      },
      changes: {
        on: {
          // ACCEPT to which state should the state machine transaction to when this trigger is triggered.
          // CLOSE to which state should the state machine transaction to when this trigger is triggered.
           // RESET to which state should the state machine transaction to when this trigger is triggered.
        }
      },
      editing: {
        on: {
          CHANGES: "changes",
          SAVE: "draft"
        }
      },
      draft: {
        on: {
          EDIT: "editing"
          // WHAT OTHER TRIGGERS TO STATES GO HERE ?? 
        }
      },
      published: {
        on: {
          EDIT: "editing",
          DRAFT: "draft",
          CHANGES: "changes"
        }
      },
      error: {
        // How can the this retry if there's and error
      }
    }
  });