Generated by XState Viz: https://xstate.js.org/viz

machine.js

const inputMachine = Machine({
  id: "inputMachine_v2",
  type: "parallel",

  states: {
    enabled: {
      initial: "enabled",
      states: {
        disabled: {
          on: {
            ENABLE: { target: "enabled" }
          }
        },
        enabled: {
          on: {
            DISABLE: { target: "disabled" }
          }
        }
      }
    },
    changed: {
      initial: "unchanged",
      states: {
        unchanged: {
          on: {
            CHANGE: { target: "changed" },
          },
        },
        changed:  {
      initial: "valid",
      states: {
        invalid: {
          on: {
            VALIDATE: { target: "valid" },
          },
        },
        valid: {
          on: {
            INVALIDATE: { target: "invalid" },
          },
        },
      },
    }
      },
    },
  },
});