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({
  id: 'filter',
  initial: 'filtering',
  context: {
    filters: {
      category: '',
      item: '',
      location: '',
      date: '',
      type: '',
    },
    pricelist: [],
    items: [],
  },
  states: {
    filtering: {
      on: {
        category: {
          target: 'fetchStart',
          actions: assign({
            filters: ({filters}, event) => ({
              ...filters,
              category: event.category,
            }),
          }),
        },
        type: {
          target: 'fetchStart',
          actions: assign({
            filters: ({filters}, event) => ({...filters, category: event.type}),
          }),
        },
        location: {
          target: 'fetchStart',
          actions: assign({
            filters: ({filters}, event) => ({
              ...filters,
              category: event.location,
            }),
          }),
        },
        item: {
          target: 'fetchStart',
          actions: assign({
            filters: ({filters}, event) => ({...filters, category: event.item}),
          }),
        },
        date: {
          target: 'fetchStart',
          actions: assign({
            filters: ({filters}, event) => ({...filters, category: event.date}),
          }),
        },
      },
    },
    fetchStart: {
      on: {
        DONE: 'filtering',
        FAILED: 'failed'
      }
    },
    failed: {
      on: {
        RETRY: 'filtering'
      }
    },
  },
});