@xstate/react 4.0.0-alpha.1 → 4.0.0-alpha.2

package/fsm/dist/xstate-react-fsm.esm.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, u as useConstant } from '../../dist/useConstant-94bfdbb5.esm.js';
+import { _ as _slicedToArray, u as useConstant } from '../../dist/useConstant-0013a606.esm.js';
 import { interpret, createMachine, InterpreterStatus } from '@xstate/fsm';
 import { useRef, useState, useEffect, useCallback } from 'react';
 import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
@@ -7,7 +7,6 @@ import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/w
 function identity(a) {
   return a;
 }
-
 var getServiceState = function getServiceState(service) {
   var currentValue;
   service.subscribe(function (state) {
@@ -15,42 +14,35 @@ var getServiceState = function getServiceState(service) {
   }).unsubscribe();
   return currentValue;
 };
-
 function useMachine(stateMachine, options) {
   var persistedStateRef = useRef();
-
   if (process.env.NODE_ENV !== 'production') {
     var _useState = useState(stateMachine),
-        _useState2 = _slicedToArray(_useState, 1),
-        initialMachine = _useState2[0];
-
+      _useState2 = _slicedToArray(_useState, 1),
+      initialMachine = _useState2[0];
     if (stateMachine !== initialMachine) {
       console.warn('Machine given to `useMachine` has changed between renders. This is not supported and might lead to unexpected results.\n' + 'Please make sure that you pass the same Machine as argument each time.');
     }
   }
-
   var _useConstant = useConstant(function () {
-    var queue = [];
-    var service = interpret(createMachine(stateMachine.config, options ? options : stateMachine._options));
-    var send = service.send;
-
-    service.send = function (event) {
-      if (service.status === InterpreterStatus.NotStarted) {
-        queue.push(event);
-        return;
-      }
-
-      send(event);
-      persistedStateRef.current = service.state;
-    };
-
-    return [service, queue];
-  }),
-      _useConstant2 = _slicedToArray(_useConstant, 2),
-      service = _useConstant2[0],
-      queue = _useConstant2[1]; // TODO: consider using `useInsertionEffect` if available
-
+      var queue = [];
+      var service = interpret(createMachine(stateMachine.config, options ? options : stateMachine._options));
+      var send = service.send;
+      service.send = function (event) {
+        if (service.status === InterpreterStatus.NotStarted) {
+          queue.push(event);
+          return;
+        }
+        send(event);
+        persistedStateRef.current = service.state;
+      };
+      return [service, queue];
+    }),
+    _useConstant2 = _slicedToArray(_useConstant, 2),
+    service = _useConstant2[0],
+    queue = _useConstant2[1];
 
+  // TODO: consider using `useInsertionEffect` if available
   useIsomorphicLayoutEffect(function () {
     if (options) {
       service._machine._options = options;
@@ -67,19 +59,16 @@ function useMachine(stateMachine, options) {
   }, []);
   return useServiceResult;
 }
-
 var isEqual = function isEqual(_prevState, nextState) {
   return nextState.changed === false;
 };
-
 function useService(service) {
   var getSnapshot = useCallback(function () {
     return getServiceState(service);
   }, [service]);
   var subscribe = useCallback(function (handleStoreChange) {
     var _service$subscribe = service.subscribe(handleStoreChange),
-        unsubscribe = _service$subscribe.unsubscribe;
-
+      unsubscribe = _service$subscribe.unsubscribe;
     return unsubscribe;
   }, [service]);
   var storeSnapshot = useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xstate/react",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.2",
   "description": "XState tools for React",
   "keywords": [
     "state",
@@ -45,7 +45,7 @@
   "peerDependencies": {
     "@xstate/fsm": "^3.0.0-alpha.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "xstate": "^5.0.0-alpha.1"
+    "xstate": "^5.0.0-alpha.3"
   },
   "peerDependenciesMeta": {
     "@xstate/fsm": {
@@ -60,7 +60,7 @@
     "use-sync-external-store": "^1.0.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^13.0.0",
+    "@testing-library/react": "^13.4.0",
     "@types/jsdom": "^12.2.3",
     "@types/react": "^17.0.43",
     "@types/react-dom": "^17.0.14",
@@ -70,7 +70,7 @@
     "jsdom-global": "^3.0.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "xstate": "5.0.0-alpha.1"
+    "xstate": "5.0.0-alpha.3"
   },
   "preconstruct": {
     "entrypoints": [