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

machine.js

const fetchMachine = Machine({
  id: "root",
  context: {
    authorizationCode: "123"
  },
  initial: "INIT",
  states: {
    "NOT AUTHORIZED": {
      on: {
        LOGIN: "AUTHORIZING"
      }
    },

    FAILURE: {},
    INIT: {
      on: {
        "*": [
          {
            target: "CALLBACK.MAYBE AUTHORIZED",
            cond: "hasAuthorizationCode"
          },
          { target: "NOT AUTHORIZED" }
        ]
      }
    },

    AUTHORIZING: {
      entry: "redirectToProvider"
    },

    CALLBACK: {
      initial: "MAYBE AUTHORIZED",
      states: {
        "MAYBE AUTHORIZED": {
          on: {
            "*": [
              {
                target: "REQUESTING ACCESS TOKEN",
                cond: "hasAuthorizationCode"
              },
              { target: "#root.NOT AUTHORIZED" }
            ]
          }
        },
        "REQUESTING ACCESS TOKEN": {
          entry: "exchangeAuthCodeForAccessToken",
          on: {
            SUCC: "REQUESTING SESSION",
            FAIL: "#root.FAILURE"
          }
        },
        "REQUESTING SESSION": {
          on: {
            SUCC: "AUTHORIZED",
            FAIL: "#root.FAILURE"
          }
        },
        AUTHORIZED: {
          // on:
        }
      }
    }
  }
},{
  guards: {
    "hasAuthorizationCode": ctx => typeof ctx.authorizationCode !== 'undefined'
  }
});