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 fetchMachine = Machine({
  initial: 'loadingSettings',
  context: { notifications: {} },
  invoke: {
    id: 'requests',
    src: 'requestManager',
  },
  states: {
    loadingSettings: {
      invoke: {
        src: 'loadSettings',
        onDone: 'settingsLoaded',
      },
    },
    settingsLoaded: {
      entry: ['assignNotifications'],
      initial: 'idle',
      states: {
        idle: {
          on: {
            SAVE: {
              cond: 'notAlreadyUpdating',
              target: 'sendingUpdate',
            },
            UPDATE: { actions: ['updateNotification'] },
          },
        },
        sendingUpdate: {
          entry: ['setActive', 'sendRequest'],
          always: 'idle',
        },
      },
    },
  },
}, {
  guards: {
    notAlreadyUpdating: (ctx, event) => !ctx.notifications[1]
  },
  actions: {
    assignNotifications: assign({notifications: (_, event)=> event.data}),
    setActive: assign({notifications: (ctx, evt) => ({...ctx.notifications, 1: true})})
  },
  services: {
    loadSettings: () => Promise.resolve({1: false, 2: false}),
  }
});