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: "productSearch",
  initial: "idle",
  context: {
    products: []
  },
  states: {
    idle: {
      on: { SEARCH: "searching" }
    },
    searching: {
      invoke: {
        src: () => {},
        onDone: {
          target: "idle",
          actions: assign({ products: (_, event) => event.data.data })
        },
        onError: {
          target: "failed"
        }
      },
      on: { SUCCESS: "idle", FAIL: "failed" }
    },
    failed: {
      on: {
        SEARCH: "searching"
      }
    }
  }
});