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

machine.js

const priceCalculatorMachine = Machine({
  id: 'priceCalculatorMachine',
  initial: 'active',
  context: {
    flag: false,
  },
  states: {
    active: {
      on: {
        TOGGLE: {
          actions: assign({
            flag: context => !context.flag,
          }),
        },
      },
    },
  },
})

const stepperMachine = Machine({
  id: 'stepperMachine',
  initial: 'priceCalculator',
  states: {
    priceCalculator: {
      invoke: {
        id: 'priceCalculatorMachine',
        src: priceCalculatorMachine,
        onDone: {
          actions: assign((context) => {
            console.log('DONE!')
            return context
          }),
        },
      },
    },
  },
})