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(
    {
      strict: true,
      initial: "initializing",
      context: {
        market: "B2C",
        count: 0,
        elements: [],
      },
      states: {
        initializing: {
          invoke: {
            src: "fetchItems",
            onDone: { target: "ready" },
          },
        },
        ready: {
          type: "parallel",
          states: {
            adding: {
              initial: "idle",
              states: {
                idle: {
                  on: {
                    ADD_ITEM: {
                      target: "active",
                    },
                  },
                },
                active: {
                  invoke: {
                    src: "addItem",
                    onDone: { target: "idle" },
                    onError: { target: "idle" },
                  },
                },
              },
            },
            removing: {
              initial: "idle",
              states: {
                idle: {
                  on: {
                    REMOVE_ITEM: {
                      target: "active",
                    },
                  },
                },
                active: {
                  invoke: {
                    src: "removeItem",
                    onDone: { target: "idle" },
                    onError: { target: "idle" },
                  },
                },
              },
            },
            refreshing: {
              initial: "idle",
              states: {
                idle: {
                  on: {
                    REFRESH_ITEMS: {
                      target: "active",
                    },
                  },
                },
                active: {
                  invoke: {
                    src: "fetchItems",
                    onDone: { target: "idle" },
                    onError: { target: "idle" },
                  },
                },
              },
            },
          },
        },
      },
    },
    {
      services: {
        addItem: () => Promise.resolve({}),
        removeItem: () => Promise.resolve({}),
        fetchItems: () => Promise.resolve({}),
      },
    }
  )