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

machine.js

const agreementMachine = Machine({
  id: 'agreement',
  initial: 'unknown',
  context: {
    terms: null, // Terms of use document
    status: null, // 'accepted' or perhaps 'declined'
    timestamp: null
  },
  states: {
    unknown: {
      on: {
        '': [{
          target: 'accepted',
          cond: 'isAccepted'
        },{
          target: 'declined',
          cond: 'isDeclined'
        }, {
          target: 'pending'
        }]
      }
    },
    pending: {
      on: {
        ACCEPT: {
          target: 'accepted',
          actions: 'accept',
        },
        REFUSE: {
          target: 'declined',
          actions: 'decline',
        },
      }
    },
    accepted: {},
    declined: {
      on: {
        REVIEW: 'pending'
      }
    },
  },
},{
  actions: {
    accept: assign({
      status: 'accepted',
      timestamp() {
        return Date.now()
      },
    }),
    decline: assign({
      status: 'declined',
      timestamp() {
        return Date.now()
      }
    }),
  },
  guards: {
    isAccepted(context) {
      return context.status === 'accepted'
    },
    isDeclined(context) {
      return context.status === 'declined'
    }
  }
})

Available variables:

• Machine
• interpret
• assign
• send
• sendParent
• spawn
• raise
• actions
• XState (all XState exports)