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: 'ticket',
  initial: 'blank',
  context: {
    payment_type: 'cash'
  },
  states: {
    blank: {
      on: {
        POST_TICKET: 'ticket'
      }
    },
    ticket: {
      id: 'ticket',
      on: {
        POST_TICKET: 'ticket',
        CHECKOUT: [
          {
            target: 'checkout.payment.cash', cond: 'isCash'
          },
          {
            target: 'checkout.payment.aps', cond: 'isAps'
          },
          {
            target: 'checkout.payment.mobile_aps', cond: 'isMobileAps'
          },
          {
            target: 'checkout.payment.seven_eleven', cond: 'isSevenEleven'
          },
          {
            target: 'checkout.payment.seven_eleven_mmk', cond: 'isSevenElevenMMK'
          },
          {
            target: 'checkout.payment.family_mart', cond: 'isFamilyMart'
          },
          {
            target: 'checkout.payment.family_mart_mmk', cond: 'isFamilyMartMMK'
          }
        ]
      }
    },
    checkout: {
      initial: 'payment',
      entry: [
        'getPricing',
        'getDiscount'
      ],
      states: {
        payment: {
          id: 'payment',
          states: {

            cash: {

            },
            aps: {

            },
            mobile_aps: {

            },
            seven_eleven: {

            },
            seven_eleven_mmk: {

            },
            family_mart: {

            },
            family_mart_mmk: {

            }
          },
          on: {
            SUCCESS: '#success',
            REJECT: '#ticket'
          },
        },
      }

    },
    success: {
      id: 'success',
      type: 'final'
    }

  }
}, {
  guards: {
    isCash: (context, event, { cond }) => {
      if (context.payment_type === 'cash') {
        return true
      }
      return false
    },
    isAps: (context, event, { cond }) => {
      if (context.payment_type === 'aps') {
        return true
      }
      return false
    },
    isMobileAps: (context, event, { cond }) => {
      if (context.payment_type === 'mobile_aps') {
        return true
      }
      return false
    },
    isSevenEleven: (context, event, { cond }) => {
      if (context.payment_type === 'seven_eleven') {
        return true
      }
      return false
    },
    isSevenElevenMMK: (context, event, { cond }) => {
      if (context.payment_type === 'seven_eleven_mmk') {
        return true
      }
      return false
    },
    isFamilyMart: (context, event, { cond }) => {
      if (context.payment_type === 'family_mart') {
        return true
      }
      return false
    },
    isFamilyMartMMK: (context, event, { cond }) => {
      if (context.payment_type === 'family_mart_mmk') {
        return true
      }
      return false
    },
  }
});