// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState (all XState exports)

// STATES
// loading
// hasError
// loaded
// -
// EVENTS

const smartRecomendations = Machine({
  id: 'recomendations',
  initial: 'loading',
  context: {
    highlighted: null,
    recomendations: [],
  },
  states: {
    loading: {
      invoke: {
        src: () => setTimeout(() => Promise.resolve(), 500),
        onDone: 'loaded',
        onError: 'hasError',
      },
    },
    loaded: {
      entry: ['saveRecomendations', 'setHighlighted'],
      type: 'parallel',
      states: {
        ui: {
          initial: 'ready',
          states: {
            ready: {
              on: {
                OMIT_RECOMENDATION: {
                  actions: [
                    send('SEND_REQUEST_OMIT'),
                    'findNextHighlighted',
                  ],
                },
              },
            },
            omitHasError: {},
          },
        },
        background: {
          initial: 'waiting',
          states: {
            waiting: {
              on: {
                SEND_REQUEST_OMIT: 'omiting',
              },
            },
            omiting: {
              invoke: {
                src: setTimeout(() => Promise.resolve(), 500),
                onDone: 'updatingRecomendations',
                // onError: 'waiting'
              },
            },
            updatingRecomendations: {
              invoke: {
                src: setTimeout(() => Promise.resolve(), 500),
                onDone: {
                  target: 'waiting',
                  actions: ['updateRecomendationsContext']
                },
                // onError: 'waiting'
              }
            },
          },
        },
      },
    },
    hasError: {
      type: 'final',
    },
  },
});