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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const reportMachine = Machine({
    id: 'reportGallery',
    context: {
      tab: 'gallery'
    },
    initial: 'idle',
    states: {
      idle: {
        on: {
          '': [
            { cond: (ctx) => ctx.tab === 'gallery', target: 'gallery' },
            { cond: (ctx) => ctx.tab === 'favorites', target: 'favorites' },
          ],
        },
      },
      gallery: {
        initial: 'view',
        states: {
          view: {
            on: {
              FAVORITE: 'favorite',
            },
          },
          favorite: {
            invoke: {
              id: 'favoriteReport',
              src: 'favoriteReport',
              onDone: 'notifySuccess',
              onError: 'notifyError',
            },
          },
          notifySuccess: {
            invoke: {
              id: 'notifyFavoriteSuccess',
              src: 'notifyFavoriteSuccess',
              onDone: { target: 'view' },
            },
          },
          notifyError: {
            invoke: {
              id: 'notifyFavoriteError',
              src: 'notifyFavoriteError',
              onDone: { target: 'view' },
            },
          },
        },
      },
      favorites: {
        initial: 'view',
        states: {
          view: {},
          remove: {},
          edit: {},
        },
      },
    },
  }, {
    services: {
      favoriteReport: async () => {},
      notifyFavoriteSuccess: async (message) => {
        // need dynamic message to call notify function
        console.log('Notify')
        
      }
    }
  })