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

machine.js

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