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 expenseMachine = Machine({
    id: 'expense',
    initial: 'pending_approve',
    context: {
      paymentMethod: 'CASH',
    },
    states: {
      pending_approve: {
        on: {
          APPROVE: 'ready_to_pay',
          REJECT: 'cancelled',
        }
      },
      ready_to_pay: {
        on: {
          PAY: [
            {
              target: 'awaiting_customer_process',
              cond: 'isCheque',
            },
            {
              target: 'completed',
              cond: 'isCash'
            }
          ],
          CANCEL: 'cancelled',
        }
      },
      awaiting_customer_process: {
        on: {
          CUSTOMER_RECEIVE_MONEY: 'completed',
        }
      },
      completed: {
        type: 'final'
      },
      cancelled: {
        type: 'final'
      }
    }
  }, {
  guards: {
    isCash: (context) => (context.paymentMethod === 'CASH') ? true : false,
    isCheque: (context) => (context.paymentMethod === 'CHEQUE') ? true : false,
  }
});