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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const fetchMachine = Machine({
    id: 'login',
    initial: 'waitForData',
    context: {
      retries: 0
    },
    states: {
      waitForData: {
        onEntry: 'restartEphemeralConnection',
        on: {
          // after typing it all in
          SUBMIT: 'processLogin',
          // after selecting a file?
          UPLOAD: 'uploadFile',
          // triggered by connection class
          RECEIVE_OR_SYN: 'qrScanned',
        }
      },
  
      qrScanned: { 
        on: {
          IMPORT: 'importData',
          CANCEL: 'waitForData',
          ERROR: 'error',
        },
      },

      uploadFile: {
        invoke: {
          id: 'handle-file',
          src: 'handleFile',
          onDone: 'importData',
          onError: 'error',
        }
      },

      importData: {
        // shows progress
        on: {
          DONE: 'success',
          ERROR: 'error',
        }
      },
      
      error: {
        on: { RETRY: '#login' },
      },
      
        
      processLogin: {
        invoke: {
          id: 'handle-login',
          src: 'handleLogin',
          onDone: 'success',
          onError: 'error',
        }
      },
      
      success: {
        onEntry: ['teardownConnection', 'toChats'],
        type: 'final',
      },

    }
  });