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

machine.js

const xeroOrgMachine = Machine({
  id: 'xeroOrg',
  
  initial: 'noOrg',
  
  states: {
    noOrg: {
      invoke: {
        src: "requestAuthUrl",
        onDone: "exchangingToken",
        onError: "error.requestAuthUrl",
      },
    },
    
    exchangingToken: {
      invoke: {
        src: "exchangeToken",
        onDone: "orgFound",
        onError: [
          {
            cond: "noAssociatedOrg",
            target: "gettingOrgs",
          },
          {
            target: "error.tokenExchange"
          },
        ],
      },
    },
    
    gettingOrgs: {
      invoke: {
        src: "getOrgs",
        onDone: "selectOrg",
        onError: "error.getOrgs",
      },
    },
    
    selectOrg: {
      on: {
        ORG_SELECTED: {
          target: "exchangingToken"
        },
        CREATE_ORG: {
          target: "creatingOrg",
        }
      }
    },
    
    creatingOrg: {
      invoke: {
        src: "createOrg",
        onDone: "exchangingToken",
        onError: "error.createOrg"
      }
    },
    
    error: {
      states: {
        tokenExchange: {
          on: {
            RETRY: {
              target: "#xeroOrg.exchangingToken",
            },
          },
        },
        createOrg: {
          on: {
            RETRY: {
              target: "#xeroOrg.creatingOrg"
            },
          },
        },
        getOrgs: {
          on: {
            RETRY: {
              target: "#xeroOrg.gettingOrgs"
            },
          },
        },
        requestAuthUrl: {
          on: {
            RETRY: {
              target: "#xeroOrg.noOrg"
            }
          }
        },
      },
    },
    
    orgFound: {
      type: "final",
    },
  }
}, {
  guards: {
    noAssociatedOrg: () => Math.random() > .5
  }
});