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: "scanner",
    initial: "readOnlyView",
    context: {
      retries: 0
    },
    states: {
      readOnlyView: {
        on: {
          START: "readyToScan",
          SCAN: "scanFinished"
        }
      },
      readyToScan: {
        on: {
          SCAN: "scanFinished",
          "": [{ target: "complete", cond: "isComplete" }]
        }
      },
      scanFinished: {
        on: {
          "": [
            { target: "itemScanned", cond: "isItemCode" },
            { target: "unknownItem", cond: "alwaysTrue" }
          ]
        }
      },
      unknownItem: {
        on: {
          SCAN: "scanFinished",
          CLOSE: "readyToScan"
        }
      },
      itemScanned: {
        on: {
          "": [
            { target: "itemCounter", cond: "needMoreItems" },
            { target: "itemComplete", cond: "isItemComplete" },
            { target: "itemBadCount", cond: "hasBadCount" }
          ]
        }
      },
      itemCounter: {
        on: {
          PLUS: "itemCounter",
          MINUS: "itemCounter"
        }
      },
      itemComplete: {
        on: {
          SKIP_DELAY: "readyToScan"
        },
        after: {
          1000: "readyToScan"
        }
      },
      itemBadCount: {
        on: {
          CLOSE: "readyToScan"
        }
      },
      complete: {
        type: "final"
      }
    }
  },
  {
    guards: {
      isComplete: (context, event) => false,
      isItemCode: (context, event) => true,
      alwaysTrue: () => true,
      
      needMoreItems: (context, event) => false,
      isItemComplete: (context, event) => true,
      hasBadCount: (context, event) => false
    }
  }
);