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

machine.js

const typeMarriageMachine = Machine({
  id: 'typeMarriageMachine',
  initial: 'prepareQuestion',
  context: {
    data: {},
  },
  states: {
    prepareQuestion: {
      entry: ['prepareQuestion'],
      on: {
        '': 'sendQuestion'
      }
    },
    sendQuestion: {
      entry: (_, event) => {
        return event
      },
      on: {
        '': 'waitingAnswer',
      },
    },
    waitingAnswer: {
      on: {
        'front.message': 'validating',
      },
    },
    validating: {
      entry: ['validatingAnswer'],
      on: {
        '': 'saveContext'
      }
    },
    saveContext: {
      entry: assign((ctx, event) => {
        ctx.data.marriageType = event.data
      }),
      on: {
        '': 'success'
      }
    },
    success: {
      type: 'final'
    }
  }
}, {
  actions: {
    prepareQuestion: (ctx, event) => {
      return {
        msg: 'Qual tipo de casamento desejado?',
        typeMarriage: {
          civil: 'civil',
          religious: 'religious',
        },
        ctx: console.log(ctx),
        event: console.log(event)
      }
    },
    validatingAnswer: (ctx, event) => {
      return {
        msg: 'Estamos avaliando sua resposta.'
      }
    }
  }
});