lazyPromiseMachine.js

// To see the diagram copy this code and paste in https://statecharts.github.io/xstate-viz/

const lazyPromiseMachine = Machine({
  id: "lazyPromise",
  initial: "idle",
  context: {
    exec: () => Promise.resolve()
  },
  states: {
    idle: {
      on: {
        RUN: "resolving"
      }
    },
    resolving: {
      invoke: {
        src: context => context.exec(),
        onDone: "fulfilled",
        onError: "rejected"
      },
      on: {
        CANCEL: "canceled"
      }
    },
    canceled: {
      on: {
        RERUN: "resolving"
      }
    },
    fulfilled: {
      type: "final"
    },
    rejected: {
      type: "final"
    }
  }
});