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: 'input-number',
  initial: 'idle',
  context: {
    selectedNumber: -1,
    enteredValue: '',
  },
  states: {
    idle: {
      initial: 'empty',
      states: {
        empty: {},
        invalid: {},
        valid: {},
      },
      on: {
        CHANGE_ENTERED_VALUE: [
          {
            actions: assign((context, event) => ({
              enteredValue: event.text,
            })),
          },
          {
            target: '.empty',
            cond(context) {
              return !context.enteredValue;
            },
          },
          {
            target: '.invalid',
            cond(context) {
              return !/\d+/.test(context.enteredValue);
            },
          },
          '.valid',
        ],
      },
    },
    confirm: {
      initial: 'ask',
      states: {
        ask: {},
        revert: {},
        confirm: {},
      },
    },
    done: {},
  },
});