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

machine.js

const machine = Machine({
  id: 'save-button',
  initial: 'hiding',
  states: {
    hiding: {
      on: {
        SHOW: 'waiting',
      },
    },
    waiting: {
      // while waiting we can jump straight to the confirmation
      on: {
        SAVED: 'showing-confirmation',
      },
      after: {
        // using this approach for the timer as it works nicer with the xstate visualizer devtool
        2000: 'showing-invitation',
      },
    },
    'showing-invitation': {
      on: {
        SAVED: 'showing-confirmation',
      },
    },
    'showing-confirmation': {},
  },
  on: {
    HIDE: 'hiding',
  },
});