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

machine.js

  const ordersTooltipExperienceMachine = Machine({
    id: "ordersTooltipExperienceV1",
    initial: "init",
    context: {
      flowName: "ordersTooltipExperience",
    },
    states: {
      init: {
        exit: () => console.log('exiting'),
        on: {
          START_IF_ELIGIBLE: {
            target: "determineEligibility",
          },
        }
      },
      determineEligibility: {
        on: {
          '': [
            { target: 'startedFlow', cond: 'canShow' },
            { target: 'init' },
          ],
        }
      },
      startedFlow: {
        initial: "seeMoreOrders",
        states: {
          seeMoreOrders: {
            entry: ['onShow'],
            on: {
              DISMISS_TOOLTIP: {
                target: "ordersMenuItem"
              }
            }
          },
          ordersMenuItem: {
            on: {
              DISMISS_TOOLTIP: {
                target: "#ordersTooltipExperienceV1.completed"
              }
            }
          },
        },
      },
      completed: {
        entry: ['onClose'],
      },
    }
  }, {
    actions: {
      onClose: () => console.log('on close'),
      onShow: () => console.log('on show'),
    },
    guards: {
      canShow: () => true,
    }
  });