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

machine.js

const machine = Machine({
  id: 'ATM',
  initial: 'idle',
  states: {
    idle: {
      on: {
        INSERT_CARD: 'authenticating',
      }
    },
    authenticating: {
      on: {
        CANCEL: 'ejectingCard',
        ERROR: 'ejectingCard'
      },
      initial: 'readingCard',
      states: {
        readingCard: {
          on: {
            ACCEPT_CARD: 'askingForPIN',
            REJECT_CARD: {
              actions: raise('ERROR')
            },
          }
        },
        askingForPIN: {
          on: {
            ENTER_PIN: 'checkingPIN'
          }
        },
        checkingPIN: {
          on: {
            ACCEPT_PIN: '#ATM.banking',
            REJECT_PIN: 'askingForPIN',
          }
        },
      },      
    },
    banking: {
      on: {
        CANCEL: 'ejectingCard',  
      },
      initial: 'choosingTransaction',
      states: {
        choosingTransaction: {
          on: {
            CONFIRM_TRANSACTION: 'performingTransaction',
          }
        },
        performingTransaction: {
          after: {
            2000: 'choosingTransaction',
          }
        },
      },
    },
    ejectingCard: {
      after: {
        2000: '#ATM.idle',
      }
    },
  },
});