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 bankIdAuthenticateAndOrderMachine = Machine({
  id: 'bankidauth',
  initial: 'idle',
  context: {
    authenticated: false,
    paymentMethod: null,
    order: null
  },
  states: {
    idle: {
      on: {
        AUTH: 'authenticating'
      }
    },
    authenticating: {
      on: {
        SUCCESS: {
          target: 'status',
          actions: assign({
            authenticated: () => true,
          })
        },
        ERROR: 'authenticationFailure'
      }
    },
    status: {
      on: {
        SUCCESS: 'addingPaymentMethod',
        ERROR: 'error'
      }
    },
    addingPaymentMethod: {
      on: {
        SUCCESS: {
          target: 'addingOrder',
          actions: assign({
            paymentMethod: () => ({paymentMethod: 'visa'}),
          })
        }
      }
    },
    addingOrder: {
      on: {
        SUCCESS: {
          target: 'success', 
          actions: assign({
            order: () => ({ order: '1' }),
          })
        }
      }
    },
    success: {
      type: 'final'
    },
    error: {
      type: 'final'
    },
    authenticationFailure: {
      on: {
        RETRY: {
          target: 'authenticating',
          actions: assign({
            authenticated: () => false,
          })
        }
      }
    }
  }
});