xstate 5.0.0-beta.10 → 5.0.0-beta.12

package/dist/xstate.esm.js

@@ -1,10 +1,9 @@
-import { _ as _createClass, f as formatTransitions, t as toTransitionConfigArray, N as NULL_EVENT, a as formatTransition, m as mapValues, b as memo, c as _createForOfIteratorHelper, e as evaluateGuard, d as _toConsumableArray, g as flatten, h as _classCallCheck, i as _defineProperty, j as toActionObjects, k as toArray, l as createInvokeId, n as toInvokeConfig, o as _objectSpread2, p as invoke, q as _objectWithoutProperties, r as getDelayedTransitions, s as formatInitialTransition, u as getCandidates, v as isString, w as createSpawner, x as getConfiguration, y as getStateNodes, z as resolveStateValue, A as isInFinalState, S as State, B as isErrorEvent, C as macrostep, D as transitionNode, E as _slicedToArray, F as getInitialConfiguration, G as createInitEvent, H as resolveActionsAndContext, I as microstep, J as error, K as isStateId, L as getStateNodeByPath, M as getPersistedState, O as resolveReferencedActor, P as interpret, Q as STATE_DELIMITER, R as initEvent, T as matchesState } from './actions-67f1d04e.esm.js';
-export { ah as ActionTypes, X as Interpreter, Y as InterpreterStatus, ai as SpecialTargets, S as State, af as and, $ as assign, a0 as cancel, a1 as choose, Z as doneInvoke, W as forwardTo, aa as fromCallback, ab as fromEventObservable, a9 as fromObservable, a8 as fromPromise, ac as fromTransition, y as getStateNodes, P as interpret, a2 as log, T as matchesState, ae as not, ag as or, a6 as pathToStateValue, a3 as pure, a4 as raise, V as sendParent, U as sendTo, ad as stateIn, a5 as stop, a7 as toObserver } from './actions-67f1d04e.esm.js';
-import './index-50bd0aff.esm.js';
+import { m as mapValues, t as toActionObjects, a as toArray, f as formatTransitions, b as toTransitionConfigArray, N as NULL_EVENT, c as formatTransition, d as memo, e as evaluateGuard, g as flatten, h as createInvokeId, i as isString, j as invoke, k as getDelayedTransitions, l as formatInitialTransition, n as getCandidates, o as toInvokeConfig, p as createSpawner, S as STATE_DELIMITER, q as getConfiguration, r as getStateNodes, s as resolveStateValue, u as isInFinalState, v as State, w as isErrorEvent, x as macrostep, y as transitionNode, z as getInitialConfiguration, A as createInitEvent, B as resolveActionsAndContext, C as microstep, D as error, E as isStateId, F as getStateNodeByPath, G as getPersistedState, H as resolveReferencedActor, I as interpret, J as initEvent, K as matchesState } from './actions-b34f6ce7.esm.js';
+export { a9 as ActionTypes, P as Interpreter, Q as InterpreterStatus, aa as SpecialTargets, v as State, a7 as and, T as assign, U as cancel, V as choose, R as doneInvoke, O as forwardTo, a2 as fromCallback, a3 as fromEventObservable, a1 as fromObservable, a0 as fromPromise, a4 as fromTransition, r as getStateNodes, I as interpret, W as log, K as matchesState, a6 as not, a8 as or, _ as pathToStateValue, X as pure, Y as raise, M as sendParent, L as sendTo, a5 as stateIn, Z as stop, $ as toObserver } from './actions-b34f6ce7.esm.js';
+import '../dev/dist/xstate-dev.esm.js';
 
-var _excluded = ["onDone", "onError"];
-var EMPTY_OBJECT = {};
-var StateNode = /*#__PURE__*/function () {
+const EMPTY_OBJECT = {};
+class StateNode {
   /**
    * The relative key of the state node, which represents its location in the overall state value.
    */
@@ -66,50 +65,48 @@ var StateNode = /*#__PURE__*/function () {
    * The order this state node appears. Corresponds to the implicit document order.
    */
 
-  function StateNode(
+  constructor(
   /**
    * The raw config used to create the machine.
    */
   config, options) {
-    var _this = this;
-    _classCallCheck(this, StateNode);
     this.config = config;
-    _defineProperty(this, "key", void 0);
-    _defineProperty(this, "id", void 0);
-    _defineProperty(this, "type", void 0);
-    _defineProperty(this, "path", void 0);
-    _defineProperty(this, "states", void 0);
-    _defineProperty(this, "history", void 0);
-    _defineProperty(this, "entry", void 0);
-    _defineProperty(this, "exit", void 0);
-    _defineProperty(this, "parent", void 0);
-    _defineProperty(this, "machine", void 0);
-    _defineProperty(this, "meta", void 0);
-    _defineProperty(this, "output", void 0);
-    _defineProperty(this, "order", -1);
-    _defineProperty(this, "description", void 0);
-    _defineProperty(this, "tags", []);
-    _defineProperty(this, "transitions", void 0);
-    _defineProperty(this, "always", void 0);
+    this.key = void 0;
+    this.id = void 0;
+    this.type = void 0;
+    this.path = void 0;
+    this.states = void 0;
+    this.history = void 0;
+    this.entry = void 0;
+    this.exit = void 0;
+    this.parent = void 0;
+    this.machine = void 0;
+    this.meta = void 0;
+    this.output = void 0;
+    this.order = -1;
+    this.description = void 0;
+    this.tags = [];
+    this.transitions = void 0;
+    this.always = void 0;
     this.parent = options._parent;
     this.key = options._key;
     this.machine = options._machine;
     this.path = this.parent ? this.parent.path.concat(this.key) : [];
-    this.id = this.config.id || [this.machine.id].concat(_toConsumableArray(this.path)).join(this.machine.delimiter);
+    this.id = this.config.id || [this.machine.id, ...this.path].join(this.machine.delimiter);
     this.type = this.config.type || (this.config.states && Object.keys(this.config.states).length ? 'compound' : this.config.history ? 'history' : 'atomic');
     this.description = this.config.description;
     this.order = this.machine.idMap.size;
     this.machine.idMap.set(this.id, this);
-    this.states = this.config.states ? mapValues(this.config.states, function (stateConfig, key) {
-      var stateNode = new StateNode(stateConfig, {
-        _parent: _this,
+    this.states = this.config.states ? mapValues(this.config.states, (stateConfig, key) => {
+      const stateNode = new StateNode(stateConfig, {
+        _parent: this,
         _key: key,
-        _machine: _this.machine
+        _machine: this.machine
       });
       return stateNode;
     }) : EMPTY_OBJECT;
     if (this.type === 'compound' && !this.config.initial) {
-      throw new Error("No initial state specified for compound state node \"#".concat(this.id, "\". Try adding { initial: \"").concat(Object.keys(this.states)[0], "\" } to the state config."));
+      throw new Error(`No initial state specified for compound state node "#${this.id}". Try adding { initial: "${Object.keys(this.states)[0]}" } to the state config.`);
     }
 
     // History config
@@ -120,261 +117,204 @@ var StateNode = /*#__PURE__*/function () {
     this.output = this.type === 'final' ? this.config.output : undefined;
     this.tags = toArray(config.tags);
   }
-  _createClass(StateNode, [{
-    key: "_initialize",
-    value: function _initialize() {
-      var _this2 = this;
-      this.transitions = formatTransitions(this);
-      if (this.config.always) {
-        this.always = toTransitionConfigArray(NULL_EVENT, this.config.always).map(function (t) {
-          return formatTransition(_this2, t);
-        });
-      }
-      Object.keys(this.states).forEach(function (key) {
-        _this2.states[key]._initialize();
-      });
+  _initialize() {
+    this.transitions = formatTransitions(this);
+    if (this.config.always) {
+      this.always = toTransitionConfigArray(NULL_EVENT, this.config.always).map(t => formatTransition(this, t));
     }
+    Object.keys(this.states).forEach(key => {
+      this.states[key]._initialize();
+    });
+  }
 
-    /**
-     * The well-structured state node definition.
-     */
-  }, {
-    key: "definition",
-    get: function get() {
-      var _this3 = this;
-      return {
-        id: this.id,
-        key: this.key,
-        version: this.machine.version,
-        type: this.type,
-        initial: this.initial ? {
-          target: this.initial.target,
-          source: this,
+  /**
+   * The well-structured state node definition.
+   */
+  get definition() {
+    return {
+      id: this.id,
+      key: this.key,
+      version: this.machine.version,
+      type: this.type,
+      initial: this.initial ? {
+        target: this.initial.target,
+        source: this,
+        actions: this.initial.actions,
+        eventType: null,
+        reenter: false,
+        toJSON: () => ({
+          target: this.initial.target.map(t => `#${t.id}`),
+          source: `#${this.id}`,
           actions: this.initial.actions,
-          eventType: null,
-          reenter: false,
-          toJSON: function toJSON() {
-            return {
-              target: _this3.initial.target.map(function (t) {
-                return "#".concat(t.id);
-              }),
-              source: "#".concat(_this3.id),
-              actions: _this3.initial.actions,
-              eventType: null
-            };
-          }
-        } : undefined,
-        history: this.history,
-        states: mapValues(this.states, function (state) {
-          return state.definition;
-        }),
-        on: this.on,
-        transitions: this.transitions,
-        entry: this.entry,
-        exit: this.exit,
-        meta: this.meta,
-        order: this.order || -1,
-        output: this.output,
-        invoke: this.invoke,
-        description: this.description,
-        tags: this.tags
-      };
-    }
-  }, {
-    key: "toJSON",
-    value: function toJSON() {
-      return this.definition;
-    }
+          eventType: null
+        })
+      } : undefined,
+      history: this.history,
+      states: mapValues(this.states, state => {
+        return state.definition;
+      }),
+      on: this.on,
+      transitions: this.transitions,
+      entry: this.entry,
+      exit: this.exit,
+      meta: this.meta,
+      order: this.order || -1,
+      output: this.output,
+      invoke: this.invoke,
+      description: this.description,
+      tags: this.tags
+    };
+  }
+  toJSON() {
+    return this.definition;
+  }
 
-    /**
-     * The behaviors invoked as actors by this state node.
-     */
-  }, {
-    key: "invoke",
-    get: function get() {
-      var _this4 = this;
-      return memo(this, 'invoke', function () {
-        return toArray(_this4.config.invoke).map(function (invocable, i) {
-          var generatedId = createInvokeId(_this4.id, i);
-          var invokeConfig = toInvokeConfig(invocable, generatedId);
-          var resolvedId = invokeConfig.id || generatedId;
-          var src = invokeConfig.src,
-            systemId = invokeConfig.systemId;
-          var resolvedSrc = isString(src) ? src : !('type' in src) ? resolvedId : src;
-          if (!_this4.machine.options.actors[resolvedId] && typeof src !== 'string' && !('type' in src)) {
-            _this4.machine.options.actors = _objectSpread2(_objectSpread2({}, _this4.machine.options.actors), {}, _defineProperty({}, resolvedId, src));
-          }
-          return _objectSpread2(_objectSpread2({
-            type: invoke
-          }, invokeConfig), {}, {
+  /**
+   * The behaviors invoked as actors by this state node.
+   */
+  get invoke() {
+    return memo(this, 'invoke', () => toArray(this.config.invoke).map((invocable, i) => {
+      const generatedId = createInvokeId(this.id, i);
+      const invokeConfig = toInvokeConfig(invocable, generatedId);
+      const resolvedId = invokeConfig.id || generatedId;
+      const {
+        src,
+        systemId
+      } = invokeConfig;
+      const resolvedSrc = isString(src) ? src : !('type' in src) ? resolvedId : src;
+      if (!this.machine.options.actors[resolvedId] && typeof src !== 'string' && !('type' in src)) {
+        this.machine.options.actors = {
+          ...this.machine.options.actors,
+          // TODO: this should accept `src` as-is
+          [resolvedId]: src
+        };
+      }
+      return {
+        type: invoke,
+        ...invokeConfig,
+        src: resolvedSrc,
+        id: resolvedId,
+        systemId: systemId,
+        toJSON() {
+          const {
+            onDone,
+            onError,
+            ...invokeDefValues
+          } = invokeConfig;
+          return {
+            ...invokeDefValues,
+            type: invoke,
             src: resolvedSrc,
-            id: resolvedId,
-            systemId: systemId,
-            toJSON: function toJSON() {
-              invokeConfig.onDone;
-                invokeConfig.onError;
-                var invokeDefValues = _objectWithoutProperties(invokeConfig, _excluded);
-              return _objectSpread2(_objectSpread2({}, invokeDefValues), {}, {
-                type: invoke,
-                src: resolvedSrc,
-                id: resolvedId
-              });
-            }
-          });
-        });
-      });
-    }
+            id: resolvedId
+          };
+        }
+      };
+    }));
+  }
 
-    /**
-     * The mapping of events to transitions.
-     */
-  }, {
-    key: "on",
-    get: function get() {
-      var _this5 = this;
-      return memo(this, 'on', function () {
-        var transitions = _this5.transitions;
-        return transitions.reduce(function (map, transition) {
-          map[transition.eventType] = map[transition.eventType] || [];
-          map[transition.eventType].push(transition);
-          return map;
-        }, {});
-      });
-    }
-  }, {
-    key: "after",
-    get: function get() {
-      var _this6 = this;
-      return memo(this, 'delayedTransitions', function () {
-        return getDelayedTransitions(_this6);
-      });
-    }
-  }, {
-    key: "initial",
-    get: function get() {
-      var _this7 = this;
-      return memo(this, 'initial', function () {
-        return formatInitialTransition(_this7, _this7.config.initial || []);
-      });
-    }
-  }, {
-    key: "next",
-    value: function next(state, event) {
-      var _this8 = this;
-      var eventType = event.type;
-      var actions = [];
-      var selectedTransition;
-      var candidates = memo(this, "candidates-".concat(eventType), function () {
-        return getCandidates(_this8, eventType);
-      });
-      var _iterator = _createForOfIteratorHelper(candidates),
-        _step;
+  /**
+   * The mapping of events to transitions.
+   */
+  get on() {
+    return memo(this, 'on', () => {
+      const transitions = this.transitions;
+      return transitions.reduce((map, transition) => {
+        map[transition.eventType] = map[transition.eventType] || [];
+        map[transition.eventType].push(transition);
+        return map;
+      }, {});
+    });
+  }
+  get after() {
+    return memo(this, 'delayedTransitions', () => getDelayedTransitions(this));
+  }
+  get initial() {
+    return memo(this, 'initial', () => formatInitialTransition(this, this.config.initial || []));
+  }
+  next(state, event) {
+    const eventType = event.type;
+    const actions = [];
+    let selectedTransition;
+    const candidates = memo(this, `candidates-${eventType}`, () => getCandidates(this, eventType));
+    for (const candidate of candidates) {
+      const {
+        guard
+      } = candidate;
+      const resolvedContext = state.context;
+      let guardPassed = false;
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var candidate = _step.value;
-          var guard = candidate.guard;
-          var resolvedContext = state.context;
-          var guardPassed = false;
-          try {
-            guardPassed = !guard || evaluateGuard(guard, resolvedContext, event, state);
-          } catch (err) {
-            throw new Error("Unable to evaluate guard '".concat(guard.type, "' in transition for event '").concat(eventType, "' in state node '").concat(this.id, "':\n").concat(err.message));
-          }
-          if (guardPassed) {
-            actions.push.apply(actions, _toConsumableArray(candidate.actions));
-            selectedTransition = candidate;
-            break;
-          }
-        }
+        guardPassed = !guard || evaluateGuard(guard, resolvedContext, event, state);
       } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+        throw new Error(`Unable to evaluate guard '${guard.type}' in transition for event '${eventType}' in state node '${this.id}':\n${err.message}`);
       }
-      return selectedTransition ? [selectedTransition] : undefined;
-    }
-
-    /**
-     * The target state value of the history state node, if it exists. This represents the
-     * default state value to transition to if no history value exists yet.
-     */
-  }, {
-    key: "target",
-    get: function get() {
-      if (this.type === 'history') {
-        var historyConfig = this.config;
-        return historyConfig.target;
+      if (guardPassed) {
+        actions.push(...candidate.actions);
+        selectedTransition = candidate;
+        break;
       }
-      return undefined;
     }
+    return selectedTransition ? [selectedTransition] : undefined;
+  }
 
-    /**
-     * All the state node IDs of this state node and its descendant state nodes.
-     */
-  }, {
-    key: "stateIds",
-    get: function get() {
-      var _this9 = this;
-      var childStateIds = flatten(Object.keys(this.states).map(function (stateKey) {
-        return _this9.states[stateKey].stateIds;
-      }));
-      return [this.id].concat(childStateIds);
+  /**
+   * The target state value of the history state node, if it exists. This represents the
+   * default state value to transition to if no history value exists yet.
+   */
+  get target() {
+    if (this.type === 'history') {
+      const historyConfig = this.config;
+      return historyConfig.target;
     }
+    return undefined;
+  }
+
+  /**
+   * All the state node IDs of this state node and its descendant state nodes.
+   */
+  get stateIds() {
+    const childStateIds = flatten(Object.keys(this.states).map(stateKey => {
+      return this.states[stateKey].stateIds;
+    }));
+    return [this.id].concat(childStateIds);
+  }
 
-    /**
-     * All the event types accepted by this state node and its descendants.
-     */
-  }, {
-    key: "events",
-    get: function get() {
-      var _this10 = this;
-      return memo(this, 'events', function () {
-        var states = _this10.states;
-        var events = new Set(_this10.ownEvents);
-        if (states) {
-          for (var _i = 0, _Object$keys = Object.keys(states); _i < _Object$keys.length; _i++) {
-            var stateId = _Object$keys[_i];
-            var state = states[stateId];
-            if (state.states) {
-              var _iterator2 = _createForOfIteratorHelper(state.events),
-                _step2;
-              try {
-                for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                  var event = _step2.value;
-                  events.add("".concat(event));
-                }
-              } catch (err) {
-                _iterator2.e(err);
-              } finally {
-                _iterator2.f();
-              }
+  /**
+   * All the event types accepted by this state node and its descendants.
+   */
+  get events() {
+    return memo(this, 'events', () => {
+      const {
+        states
+      } = this;
+      const events = new Set(this.ownEvents);
+      if (states) {
+        for (const stateId of Object.keys(states)) {
+          const state = states[stateId];
+          if (state.states) {
+            for (const event of state.events) {
+              events.add(`${event}`);
             }
           }
         }
-        return Array.from(events);
-      });
-    }
-
-    /**
-     * All the events that have transitions directly from this state node.
-     *
-     * Excludes any inert events.
-     */
-  }, {
-    key: "ownEvents",
-    get: function get() {
-      var events = new Set(this.transitions.filter(function (transition) {
-        return !(!transition.target && !transition.actions.length && !transition.reenter);
-      }).map(function (transition) {
-        return transition.eventType;
-      }));
+      }
       return Array.from(events);
-    }
-  }]);
-  return StateNode;
-}();
+    });
+  }
+
+  /**
+   * All the events that have transitions directly from this state node.
+   *
+   * Excludes any inert events.
+   */
+  get ownEvents() {
+    const events = new Set(this.transitions.filter(transition => {
+      return !(!transition.target && !transition.actions.length && !transition.reenter);
+    }).map(transition => transition.eventType));
+    return Array.from(events);
+  }
+}
 
-var STATE_IDENTIFIER = '#';
+const STATE_IDENTIFIER = '#';
 function createDefaultOptions() {
   return {
     actions: {},
@@ -384,35 +324,54 @@ function createDefaultOptions() {
     context: {}
   };
 }
-var StateMachine = /*#__PURE__*/function () {
-  function StateMachine(
+class StateMachine {
+  // TODO: this getter should be removed
+  getContext(input) {
+    return this.getContextAndActions(undefined, input)[0];
+  }
+  getContextAndActions(actorCtx, input) {
+    const actions = [];
+    const {
+      context
+    } = this.config;
+    const resolvedContext = typeof context === 'function' ? context({
+      spawn: createSpawner(actorCtx?.self, this, undefined,
+      // TODO: this requires `| undefined` for all referenced dynamic inputs that are spawnable in the context factory,
+      createInitEvent(input), actions),
+      input
+    }) : context;
+    return [resolvedContext || {}, actions];
+  }
+  /**
+   * The machine's own version.
+   */
+
+  constructor(
   /**
    * The raw config used to create the machine.
    */
   config, options) {
-    var _this$config$types;
-    _classCallCheck(this, StateMachine);
     this.config = config;
-    _defineProperty(this, "version", void 0);
-    _defineProperty(this, "delimiter", void 0);
-    _defineProperty(this, "options", void 0);
-    _defineProperty(this, "types", void 0);
-    _defineProperty(this, "__xstatenode", true);
-    _defineProperty(this, "idMap", new Map());
-    _defineProperty(this, "root", void 0);
-    _defineProperty(this, "id", void 0);
-    _defineProperty(this, "states", void 0);
-    _defineProperty(this, "events", void 0);
-    _defineProperty(this, "__TContext", void 0);
-    _defineProperty(this, "__TEvent", void 0);
-    _defineProperty(this, "__TAction", void 0);
-    _defineProperty(this, "__TActorMap", void 0);
-    _defineProperty(this, "__TResolvedTypesMeta", void 0);
+    this.version = void 0;
+    this.delimiter = void 0;
+    this.options = void 0;
+    this.types = void 0;
+    this.__xstatenode = true;
+    this.idMap = new Map();
+    this.root = void 0;
+    this.id = void 0;
+    this.states = void 0;
+    this.events = void 0;
+    this.__TContext = void 0;
+    this.__TEvent = void 0;
+    this.__TAction = void 0;
+    this.__TActorMap = void 0;
+    this.__TResolvedTypesMeta = void 0;
     this.id = config.id || '(machine)';
     this.options = Object.assign(createDefaultOptions(), options);
     this.delimiter = this.config.delimiter || STATE_DELIMITER;
     this.version = this.config.version;
-    this.types = (_this$config$types = this.config.types) !== null && _this$config$types !== void 0 ? _this$config$types : {};
+    this.types = this.config.types ?? {};
     this.transition = this.transition.bind(this);
     this.root = new StateNode(config, {
       _key: this.id,
@@ -432,307 +391,252 @@ var StateMachine = /*#__PURE__*/function () {
    *
    * @returns A new `StateMachine` instance with the provided implementations.
    */
-  _createClass(StateMachine, [{
-    key: "getContext",
-    value:
-    // TODO: this getter should be removed
-    function getContext(input) {
-      return this.getContextAndActions(undefined, input)[0];
-    }
-  }, {
-    key: "getContextAndActions",
-    value: function getContextAndActions(actorCtx, input) {
-      var actions = [];
-      var context = this.config.context;
-      var resolvedContext = typeof context === 'function' ? context({
-        spawn: createSpawner(actorCtx === null || actorCtx === void 0 ? void 0 : actorCtx.self, this, undefined,
-        // TODO: this requires `| undefined` for all referenced dynamic inputs that are spawnable in the context factory,
-        createInitEvent(input), actions),
-        input: input
-      }) : context;
-      return [resolvedContext || {}, actions];
-    }
-    /**
-     * The machine's own version.
-     */
-  }, {
-    key: "provide",
-    value: function provide(implementations) {
-      var _this$options = this.options,
-        actions = _this$options.actions,
-        guards = _this$options.guards,
-        actors = _this$options.actors,
-        delays = _this$options.delays;
-      return new StateMachine(this.config, {
-        actions: _objectSpread2(_objectSpread2({}, actions), implementations.actions),
-        guards: _objectSpread2(_objectSpread2({}, guards), implementations.guards),
-        actors: _objectSpread2(_objectSpread2({}, actors), implementations.actors),
-        delays: _objectSpread2(_objectSpread2({}, delays), implementations.delays)
-      });
-    }
+  provide(implementations) {
+    const {
+      actions,
+      guards,
+      actors,
+      delays
+    } = this.options;
+    return new StateMachine(this.config, {
+      actions: {
+        ...actions,
+        ...implementations.actions
+      },
+      guards: {
+        ...guards,
+        ...implementations.guards
+      },
+      actors: {
+        ...actors,
+        ...implementations.actors
+      },
+      delays: {
+        ...delays,
+        ...implementations.delays
+      }
+    });
+  }
 
-    /**
-     * Resolves the given `state` to a new `State` instance relative to this machine.
-     *
-     * This ensures that `.nextEvents` represent the correct values.
-     *
-     * @param state The state to resolve
-     */
-  }, {
-    key: "resolveState",
-    value: function resolveState(state) {
-      var configurationSet = getConfiguration(getStateNodes(this.root, state.value));
-      var configuration = Array.from(configurationSet);
-      return this.createState(_objectSpread2(_objectSpread2({}, state), {}, {
-        value: resolveStateValue(this.root, state.value),
-        configuration: configuration,
-        done: isInFinalState(configuration)
-      }));
-    }
-  }, {
-    key: "resolveStateValue",
-    value: function resolveStateValue$1(stateValue) {
-      var resolvedStateValue = resolveStateValue(this.root, stateValue);
-      var resolvedContext = this.getContext();
-      return this.resolveState(State.from(resolvedStateValue, resolvedContext, this));
-    }
+  /**
+   * Resolves the given `state` to a new `State` instance relative to this machine.
+   *
+   * This ensures that `.nextEvents` represent the correct values.
+   *
+   * @param state The state to resolve
+   */
+  resolveState(state) {
+    const configurationSet = getConfiguration(getStateNodes(this.root, state.value));
+    const configuration = Array.from(configurationSet);
+    return this.createState({
+      ...state,
+      value: resolveStateValue(this.root, state.value),
+      configuration,
+      done: isInFinalState(configuration)
+    });
+  }
+  resolveStateValue(stateValue) {
+    const resolvedStateValue = resolveStateValue(this.root, stateValue);
+    const resolvedContext = this.getContext();
+    return this.resolveState(State.from(resolvedStateValue, resolvedContext, this));
+  }
 
-    /**
-     * Determines the next state given the current `state` and received `event`.
-     * Calculates a full macrostep from all microsteps.
-     *
-     * @param state The current State instance or state value
-     * @param event The received event
-     */
-  }, {
-    key: "transition",
-    value: function transition() {
-      var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.initialState;
-      var event = arguments.length > 1 ? arguments[1] : undefined;
-      var actorCtx = arguments.length > 2 ? arguments[2] : undefined;
-      var currentState = state instanceof State ? state : this.resolveStateValue(state);
-      // TODO: handle error events in a better way
-      if (isErrorEvent(event) && !currentState.nextEvents.some(function (nextEvent) {
-        return nextEvent === event.type;
-      })) {
-        throw event.data;
-      }
-      var _macrostep = macrostep(currentState, event, actorCtx),
-        nextState = _macrostep.state;
-      return nextState;
-    }
+  /**
+   * Determines the next state given the current `state` and received `event`.
+   * Calculates a full macrostep from all microsteps.
+   *
+   * @param state The current State instance or state value
+   * @param event The received event
+   */
+  transition(state = this.initialState, event, actorCtx) {
+    const currentState = state instanceof State ? state : this.resolveStateValue(state);
+    // TODO: handle error events in a better way
+    if (isErrorEvent(event) && !currentState.nextEvents.some(nextEvent => nextEvent === event.type)) {
+      throw event.data;
+    }
+    const {
+      state: nextState
+    } = macrostep(currentState, event, actorCtx);
+    return nextState;
+  }
 
-    /**
-     * Determines the next state given the current `state` and `event`.
-     * Calculates a microstep.
-     *
-     * @param state The current state
-     * @param event The received event
-     */
-  }, {
-    key: "microstep",
-    value: function microstep() {
-      var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.initialState;
-      var event = arguments.length > 1 ? arguments[1] : undefined;
-      var actorCtx = arguments.length > 2 ? arguments[2] : undefined;
-      return macrostep(state, event, actorCtx).microstates;
-    }
-  }, {
-    key: "getTransitionData",
-    value: function getTransitionData(state, event) {
-      return transitionNode(this.root, state.value, state, event) || [];
-    }
+  /**
+   * Determines the next state given the current `state` and `event`.
+   * Calculates a microstep.
+   *
+   * @param state The current state
+   * @param event The received event
+   */
+  microstep(state = this.initialState, event, actorCtx) {
+    return macrostep(state, event, actorCtx).microstates;
+  }
+  getTransitionData(state, event) {
+    return transitionNode(this.root, state.value, state, event) || [];
+  }
 
-    /**
-     * The initial state _before_ evaluating any microsteps.
-     * This "pre-initial" state is provided to initial actions executed in the initial state.
-     */
-  }, {
-    key: "getPreInitialState",
-    value: function getPreInitialState(actorCtx, input) {
-      var _preInitial$actions;
-      var _this$getContextAndAc = this.getContextAndActions(actorCtx, input),
-        _this$getContextAndAc2 = _slicedToArray(_this$getContextAndAc, 2),
-        context = _this$getContextAndAc2[0],
-        actions = _this$getContextAndAc2[1];
-      var config = getInitialConfiguration(this.root);
-      var preInitial = this.resolveState(this.createState({
-        value: {},
-        // TODO: this is computed in state constructor
-        context: context,
-        event: createInitEvent({}),
-        actions: [],
-        meta: undefined,
-        configuration: config,
-        transitions: [],
-        children: {}
-      }));
-      preInitial._initial = true;
-      (_preInitial$actions = preInitial.actions).unshift.apply(_preInitial$actions, _toConsumableArray(actions));
-      if (actorCtx) {
-        var _resolveActionsAndCon = resolveActionsAndContext(actions, initEvent, preInitial, actorCtx),
-          nextState = _resolveActionsAndCon.nextState;
-        preInitial.children = nextState.children;
-        preInitial.actions = nextState.actions;
-      }
-      return preInitial;
-    }
+  /**
+   * The initial state _before_ evaluating any microsteps.
+   * This "pre-initial" state is provided to initial actions executed in the initial state.
+   */
+  getPreInitialState(actorCtx, input) {
+    const [context, actions] = this.getContextAndActions(actorCtx, input);
+    const config = getInitialConfiguration(this.root);
+    const preInitial = this.resolveState(this.createState({
+      value: {},
+      // TODO: this is computed in state constructor
+      context,
+      event: createInitEvent({}),
+      actions: [],
+      meta: undefined,
+      configuration: config,
+      transitions: [],
+      children: {}
+    }));
+    preInitial._initial = true;
+    preInitial.actions.unshift(...actions);
+    if (actorCtx) {
+      const {
+        nextState
+      } = resolveActionsAndContext(actions, initEvent, preInitial, actorCtx);
+      preInitial.children = nextState.children;
+      preInitial.actions = nextState.actions;
+    }
+    return preInitial;
+  }
 
-    /**
-     * The initial State instance, which includes all actions to be executed from
-     * entering the initial state.
-     */
-  }, {
-    key: "initialState",
-    get: function get() {
-      return this.getInitialState();
-    }
+  /**
+   * The initial State instance, which includes all actions to be executed from
+   * entering the initial state.
+   */
+  get initialState() {
+    return this.getInitialState();
+  }
 
-    /**
-     * Returns the initial `State` instance, with reference to `self` as an `ActorRef`.
-     */
-  }, {
-    key: "getInitialState",
-    value: function getInitialState(actorCtx, input) {
-      var _nextState$actions;
-      var initEvent = createInitEvent(input); // TODO: fix;
-
-      var preInitialState = this.getPreInitialState(actorCtx, input);
-      var nextState = microstep([], preInitialState, actorCtx, initEvent);
-      (_nextState$actions = nextState.actions).unshift.apply(_nextState$actions, _toConsumableArray(preInitialState.actions));
-      var _macrostep2 = macrostep(nextState, initEvent, actorCtx),
-        macroState = _macrostep2.state;
-      return macroState;
-    }
-  }, {
-    key: "start",
-    value: function start(state, actorCtx) {
-      state.actions.forEach(function (action) {
-        var _action$execute;
-        (_action$execute = action.execute) === null || _action$execute === void 0 ? void 0 : _action$execute.call(action, actorCtx);
-      });
-      Object.values(state.children).forEach(function (child) {
-        if (child.status === 0) {
-          try {
-            var _child$start;
-            (_child$start = child.start) === null || _child$start === void 0 ? void 0 : _child$start.call(child);
-          } catch (err) {
-            // TODO: unify error handling when child starts
-            actorCtx.self.send(error(child.id, err));
-          }
+  /**
+   * Returns the initial `State` instance, with reference to `self` as an `ActorRef`.
+   */
+  getInitialState(actorCtx, input) {
+    const initEvent = createInitEvent(input); // TODO: fix;
+
+    const preInitialState = this.getPreInitialState(actorCtx, input);
+    const nextState = microstep([], preInitialState, actorCtx, initEvent);
+    nextState.actions.unshift(...preInitialState.actions);
+    const {
+      state: macroState
+    } = macrostep(nextState, initEvent, actorCtx);
+    return macroState;
+  }
+  start(state, actorCtx) {
+    state.actions.forEach(action => {
+      action.execute?.(actorCtx);
+    });
+    Object.values(state.children).forEach(child => {
+      if (child.status === 0) {
+        try {
+          child.start?.();
+        } catch (err) {
+          // TODO: unify error handling when child starts
+          actorCtx.self.send(error(child.id, err));
         }
-      });
-    }
-  }, {
-    key: "getStateNodeById",
-    value: function getStateNodeById(stateId) {
-      var fullPath = stateId.split(this.delimiter);
-      var relativePath = fullPath.slice(1);
-      var resolvedStateId = isStateId(fullPath[0]) ? fullPath[0].slice(STATE_IDENTIFIER.length) : fullPath[0];
-      var stateNode = this.idMap.get(resolvedStateId);
-      if (!stateNode) {
-        throw new Error("Child state node '#".concat(resolvedStateId, "' does not exist on machine '").concat(this.id, "'"));
       }
-      return getStateNodeByPath(stateNode, relativePath);
-    }
-  }, {
-    key: "definition",
-    get: function get() {
-      return _objectSpread2({
-        context: this.getContext()
-      }, this.root.definition);
-    }
-  }, {
-    key: "toJSON",
-    value: function toJSON() {
-      return this.definition;
-    }
-  }, {
-    key: "getPersistedState",
-    value: function getPersistedState$1(state) {
-      return getPersistedState(state);
-    }
-  }, {
-    key: "createState",
-    value: function createState(stateConfig) {
-      var state = stateConfig instanceof State ? stateConfig : new State(stateConfig, this);
-      var _resolveActionsAndCon2 = resolveActionsAndContext(state.actions, state.event, state, undefined),
-        resolvedState = _resolveActionsAndCon2.nextState;
-      return resolvedState;
-    }
-  }, {
-    key: "getStatus",
-    value: function getStatus(state) {
-      return state.done ? {
-        status: 'done',
-        data: state.output
-      } : {
-        status: 'active'
-      };
-    }
-  }, {
-    key: "restoreState",
-    value: function restoreState(state, _actorCtx) {
-      var _this = this;
-      var children = {};
-      Object.keys(state.children).forEach(function (actorId) {
-        var _resolveReferencedAct, _behavior$restoreStat;
-        var actorData = state.children[actorId];
-        var childState = actorData.state;
-        var src = actorData.src;
-        var behavior = src ? (_resolveReferencedAct = resolveReferencedActor(_this.options.actors[src])) === null || _resolveReferencedAct === void 0 ? void 0 : _resolveReferencedAct.src : undefined;
-        if (!behavior) {
-          return;
-        }
-        var actorState = (_behavior$restoreStat = behavior.restoreState) === null || _behavior$restoreStat === void 0 ? void 0 : _behavior$restoreStat.call(behavior, childState, _actorCtx);
-        var actorRef = interpret(behavior, {
-          id: actorId,
-          state: actorState
-        });
-        children[actorId] = actorRef;
-      });
-      var restoredState = this.createState(new State(_objectSpread2(_objectSpread2({}, state), {}, {
-        children: children
-      }), this));
-
-      // TODO: DRY this up
-      restoredState.configuration.forEach(function (stateNode) {
-        if (stateNode.invoke) {
-          stateNode.invoke.forEach(function (invokeConfig) {
-            var id = invokeConfig.id,
-              src = invokeConfig.src;
-            if (children[id]) {
-              return;
-            }
-            var referenced = resolveReferencedActor(_this.options.actors[src]);
-            if (referenced) {
-              var actorRef = interpret(referenced.src, {
-                id: id,
-                parent: _actorCtx === null || _actorCtx === void 0 ? void 0 : _actorCtx.self,
-                input: 'input' in invokeConfig ? invokeConfig.input : referenced.input
-              });
-              children[id] = actorRef;
-            }
-          });
-        }
+    });
+  }
+  getStateNodeById(stateId) {
+    const fullPath = stateId.split(this.delimiter);
+    const relativePath = fullPath.slice(1);
+    const resolvedStateId = isStateId(fullPath[0]) ? fullPath[0].slice(STATE_IDENTIFIER.length) : fullPath[0];
+    const stateNode = this.idMap.get(resolvedStateId);
+    if (!stateNode) {
+      throw new Error(`Child state node '#${resolvedStateId}' does not exist on machine '${this.id}'`);
+    }
+    return getStateNodeByPath(stateNode, relativePath);
+  }
+  get definition() {
+    return {
+      context: this.getContext(),
+      ...this.root.definition
+    };
+  }
+  toJSON() {
+    return this.definition;
+  }
+  getPersistedState(state) {
+    return getPersistedState(state);
+  }
+  createState(stateConfig) {
+    const state = stateConfig instanceof State ? stateConfig : new State(stateConfig, this);
+    const {
+      nextState: resolvedState
+    } = resolveActionsAndContext(state.actions, state.event, state, undefined);
+    return resolvedState;
+  }
+  getStatus(state) {
+    return state.done ? {
+      status: 'done',
+      data: state.output
+    } : {
+      status: 'active'
+    };
+  }
+  restoreState(state, _actorCtx) {
+    const children = {};
+    Object.keys(state.children).forEach(actorId => {
+      const actorData = state.children[actorId];
+      const childState = actorData.state;
+      const src = actorData.src;
+      const behavior = src ? resolveReferencedActor(this.options.actors[src])?.src : undefined;
+      if (!behavior) {
+        return;
+      }
+      const actorState = behavior.restoreState?.(childState, _actorCtx);
+      const actorRef = interpret(behavior, {
+        id: actorId,
+        state: actorState
       });
-      restoredState.actions = [];
-      return restoredState;
-    }
+      children[actorId] = actorRef;
+    });
+    const restoredState = this.createState(new State({
+      ...state,
+      children
+    }, this));
+
+    // TODO: DRY this up
+    restoredState.configuration.forEach(stateNode => {
+      if (stateNode.invoke) {
+        stateNode.invoke.forEach(invokeConfig => {
+          const {
+            id,
+            src
+          } = invokeConfig;
+          if (children[id]) {
+            return;
+          }
+          const referenced = resolveReferencedActor(this.options.actors[src]);
+          if (referenced) {
+            const actorRef = interpret(referenced.src, {
+              id,
+              parent: _actorCtx?.self,
+              input: 'input' in invokeConfig ? invokeConfig.input : referenced.input
+            });
+            children[id] = actorRef;
+          }
+        });
+      }
+    });
+    restoredState.actions = [];
+    return restoredState;
+  }
 
-    /**@deprecated an internal property acting as a "phantom" type, not meant to be used at runtime */
-  }]);
-  return StateMachine;
-}();
+  /**@deprecated an internal property acting as a "phantom" type, not meant to be used at runtime */
+}
 
 function createMachine(config, implementations) {
   return new StateMachine(config, implementations);
 }
 
 function mapState(stateMap, stateId) {
-  var foundStateId;
-  for (var _i = 0, _Object$keys = Object.keys(stateMap); _i < _Object$keys.length; _i++) {
-    var mappedStateId = _Object$keys[_i];
+  let foundStateId;
+  for (const mappedStateId of Object.keys(stateMap)) {
     if (matchesState(mappedStateId, stateId) && (!foundStateId || stateId.length > foundStateId.length)) {
       foundStateId = mappedStateId;
     }
@@ -740,84 +644,57 @@ function mapState(stateMap, stateId) {
   return stateMap[foundStateId];
 }
 
-var SimulatedClock = /*#__PURE__*/function () {
-  function SimulatedClock() {
-    _classCallCheck(this, SimulatedClock);
-    _defineProperty(this, "timeouts", new Map());
-    _defineProperty(this, "_now", 0);
-    _defineProperty(this, "_id", 0);
-  }
-  _createClass(SimulatedClock, [{
-    key: "now",
-    value: function now() {
-      return this._now;
-    }
-  }, {
-    key: "getId",
-    value: function getId() {
-      return this._id++;
-    }
-  }, {
-    key: "setTimeout",
-    value: function setTimeout(fn, timeout) {
-      var id = this.getId();
-      this.timeouts.set(id, {
-        start: this.now(),
-        timeout: timeout,
-        fn: fn
-      });
-      return id;
-    }
-  }, {
-    key: "clearTimeout",
-    value: function clearTimeout(id) {
-      this.timeouts["delete"](id);
+class SimulatedClock {
+  constructor() {
+    this.timeouts = new Map();
+    this._now = 0;
+    this._id = 0;
+  }
+  now() {
+    return this._now;
+  }
+  getId() {
+    return this._id++;
+  }
+  setTimeout(fn, timeout) {
+    const id = this.getId();
+    this.timeouts.set(id, {
+      start: this.now(),
+      timeout,
+      fn
+    });
+    return id;
+  }
+  clearTimeout(id) {
+    this.timeouts.delete(id);
+  }
+  set(time) {
+    if (this._now > time) {
+      throw new Error('Unable to travel back in time');
     }
-  }, {
-    key: "set",
-    value: function set(time) {
-      if (this._now > time) {
-        throw new Error('Unable to travel back in time');
+    this._now = time;
+    this.flushTimeouts();
+  }
+  flushTimeouts() {
+    [...this.timeouts].sort(([_idA, timeoutA], [_idB, timeoutB]) => {
+      const endA = timeoutA.start + timeoutA.timeout;
+      const endB = timeoutB.start + timeoutB.timeout;
+      return endB > endA ? -1 : 1;
+    }).forEach(([id, timeout]) => {
+      if (this.now() - timeout.start >= timeout.timeout) {
+        this.timeouts.delete(id);
+        timeout.fn.call(null);
       }
-      this._now = time;
-      this.flushTimeouts();
-    }
-  }, {
-    key: "flushTimeouts",
-    value: function flushTimeouts() {
-      var _this = this;
-      _toConsumableArray(this.timeouts).sort(function (_ref, _ref2) {
-        var _ref3 = _slicedToArray(_ref, 2);
-          _ref3[0];
-          var timeoutA = _ref3[1];
-        var _ref4 = _slicedToArray(_ref2, 2);
-          _ref4[0];
-          var timeoutB = _ref4[1];
-        var endA = timeoutA.start + timeoutA.timeout;
-        var endB = timeoutB.start + timeoutB.timeout;
-        return endB > endA ? -1 : 1;
-      }).forEach(function (_ref5) {
-        var _ref6 = _slicedToArray(_ref5, 2),
-          id = _ref6[0],
-          timeout = _ref6[1];
-        if (_this.now() - timeout.start >= timeout.timeout) {
-          _this.timeouts["delete"](id);
-          timeout.fn.call(null);
-        }
-      });
-    }
-  }, {
-    key: "increment",
-    value: function increment(ms) {
-      this._now += ms;
-      this.flushTimeouts();
-    }
-  }]);
-  return SimulatedClock;
-}();
+    });
+  }
+  increment(ms) {
+    this._now += ms;
+    this.flushTimeouts();
+  }
+}
 
-var defaultWaitForOptions = {
-  timeout: 10000 // 10 seconds
+const defaultWaitForOptions = {
+  timeout: 10_000 // 10 seconds
 };
 
 /**
@@ -842,20 +719,20 @@ var defaultWaitForOptions = {
  * that matches the condition
  */
 function waitFor(actorRef, predicate, options) {
-  var resolvedOptions = _objectSpread2(_objectSpread2({}, defaultWaitForOptions), options);
-  return new Promise(function (res, rej) {
-    var done = false;
-    if (process.env.NODE_ENV !== 'production' && resolvedOptions.timeout < 0) {
-      console.error('`timeout` passed to `waitFor` is negative and it will reject its internal promise immediately.');
-    }
-    var handle = resolvedOptions.timeout === Infinity ? undefined : setTimeout(function () {
+  const resolvedOptions = {
+    ...defaultWaitForOptions,
+    ...options
+  };
+  return new Promise((res, rej) => {
+    let done = false;
+    const handle = resolvedOptions.timeout === Infinity ? undefined : setTimeout(() => {
       sub.unsubscribe();
-      rej(new Error("Timeout of ".concat(resolvedOptions.timeout, " ms exceeded")));
+      rej(new Error(`Timeout of ${resolvedOptions.timeout} ms exceeded`));
     }, resolvedOptions.timeout);
-    var dispose = function dispose() {
+    const dispose = () => {
       clearTimeout(handle);
       done = true;
-      sub === null || sub === void 0 ? void 0 : sub.unsubscribe();
+      sub?.unsubscribe();
     };
     function checkEmitted(emitted) {
       if (predicate(emitted)) {
@@ -863,18 +740,22 @@ function waitFor(actorRef, predicate, options) {
         res(emitted);
       }
     }
+    let sub; // avoid TDZ when disposing synchronously
 
     // See if the current snapshot already matches the predicate
     checkEmitted(actorRef.getSnapshot());
-    var sub = actorRef.subscribe({
+    if (done) {
+      return;
+    }
+    sub = actorRef.subscribe({
       next: checkEmitted,
-      error: function error(err) {
+      error: err => {
         dispose();
         rej(err);
       },
-      complete: function complete() {
+      complete: () => {
         dispose();
-        rej(new Error("Actor terminated without satisfying predicate"));
+        rej(new Error(`Actor terminated without satisfying predicate`));
       }
     });
     if (done) {