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

sliderMachine.js

const sliderMachine = new Machine({
  id: 'sliderMachine',
  initial: 'idle',
  context: {},
  states: {
    idle:{
      on: {
        CLICK_RIGHT: {
          target: 'nextSlide'
        },
        CLICK_LEFT: {
          target: 'prevSlide'
        },
        COMPLETE: 'idle',
      }
    },
    nextSlide: {
      invoke: {
        src: "handleSlideFn",
        onDone: { target: 'idle'},
      }
    },
    prevSlide: {
      invoke: {
        src: "handleSlideFn",
        onDone: { target: 'idle'},
      }
    }
  }
})