@xstate/react 4.0.0-alpha.2 → 4.0.0-beta.4

package/fsm/dist/xstate-react-fsm.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useConstant = require('../../dist/useConstant-ff65b597.cjs.dev.js');
+var useConstant = require('../../dist/useConstant-23e96eea.cjs.dev.js');
 var fsm = require('@xstate/fsm');
 var React = require('react');
 var useIsomorphicLayoutEffect = require('use-isomorphic-layout-effect');
@@ -15,13 +15,6 @@ var useIsomorphicLayoutEffect__default = /*#__PURE__*/_interopDefault(useIsomorp
 function identity(a) {
   return a;
 }
-var getServiceState = function getServiceState(service) {
-  var currentValue;
-  service.subscribe(function (state) {
-    currentValue = state;
-  }).unsubscribe();
-  return currentValue;
-};
 function useMachine(stateMachine, options) {
   var persistedStateRef = React.useRef();
   if (process.env.NODE_ENV !== 'production') {
@@ -51,7 +44,7 @@ function useMachine(stateMachine, options) {
     queue = _useConstant2[1];
 
   // TODO: consider using `useInsertionEffect` if available
-  useIsomorphicLayoutEffect__default['default'](function () {
+  useIsomorphicLayoutEffect__default["default"](function () {
     if (options) {
       service._machine._options = options;
     }
@@ -72,7 +65,7 @@ var isEqual = function isEqual(_prevState, nextState) {
 };
 function useService(service) {
   var getSnapshot = React.useCallback(function () {
-    return getServiceState(service);
+    return service.state;
   }, [service]);
   var subscribe = React.useCallback(function (handleStoreChange) {
     var _service$subscribe = service.subscribe(handleStoreChange),

package/fsm/dist/xstate-react-fsm.cjs.mjs

@@ -0,0 +1,4 @@
+export {
+  useMachine,
+  useService
+} from "./xstate-react-fsm.cjs.js";

package/fsm/dist/xstate-react-fsm.cjs.prod.js

@@ -6,7 +6,7 @@ var fsm = require('@xstate/fsm');
 var React = require('react');
 var useIsomorphicLayoutEffect = require('use-isomorphic-layout-effect');
 var withSelector = require('use-sync-external-store/shim/with-selector');
-var useConstant = require('../../dist/useConstant-c09b427a.cjs.prod.js');
+var useConstant = require('../../dist/useConstant-720f1662.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -70,13 +70,6 @@ function _slicedToArray(arr, i) {
 function identity(a) {
   return a;
 }
-var getServiceState = function getServiceState(service) {
-  var currentValue;
-  service.subscribe(function (state) {
-    currentValue = state;
-  }).unsubscribe();
-  return currentValue;
-};
 function useMachine(stateMachine, options) {
   var persistedStateRef = React.useRef();
   var _useConstant = useConstant.useConstant(function () {
@@ -98,7 +91,7 @@ function useMachine(stateMachine, options) {
     queue = _useConstant2[1];
 
   // TODO: consider using `useInsertionEffect` if available
-  useIsomorphicLayoutEffect__default['default'](function () {
+  useIsomorphicLayoutEffect__default["default"](function () {
     if (options) {
       service._machine._options = options;
     }
@@ -119,7 +112,7 @@ var isEqual = function isEqual(_prevState, nextState) {
 };
 function useService(service) {
   var getSnapshot = React.useCallback(function () {
-    return getServiceState(service);
+    return service.state;
   }, [service]);
   var subscribe = React.useCallback(function (handleStoreChange) {
     var _service$subscribe = service.subscribe(handleStoreChange),

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

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, u as useConstant } from '../../dist/useConstant-0013a606.esm.js';
+import { _ as _slicedToArray, u as useConstant } from '../../dist/useConstant-9bbaf12a.esm.js';
 import { interpret, createMachine, InterpreterStatus } from '@xstate/fsm';
 import { useRef, useState, useEffect, useCallback } from 'react';
 import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
@@ -7,13 +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) {
-    currentValue = state;
-  }).unsubscribe();
-  return currentValue;
-};
 function useMachine(stateMachine, options) {
   var persistedStateRef = useRef();
   if (process.env.NODE_ENV !== 'production') {
@@ -64,7 +57,7 @@ var isEqual = function isEqual(_prevState, nextState) {
 };
 function useService(service) {
   var getSnapshot = useCallback(function () {
-    return getServiceState(service);
+    return service.state;
   }, [service]);
   var subscribe = useCallback(function (handleStoreChange) {
     var _service$subscribe = service.subscribe(handleStoreChange),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xstate/react",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-beta.4",
   "description": "XState tools for React",
   "keywords": [
     "state",
@@ -20,10 +20,12 @@
   "exports": {
     "./fsm": {
       "module": "./fsm/dist/xstate-react-fsm.esm.js",
+      "import": "./fsm/dist/xstate-react-fsm.cjs.mjs",
       "default": "./fsm/dist/xstate-react-fsm.cjs.js"
     },
     ".": {
       "module": "./dist/xstate-react.esm.js",
+      "import": "./dist/xstate-react.cjs.mjs",
       "default": "./dist/xstate-react.cjs.js"
     },
     "./package.json": "./package.json"
@@ -43,9 +45,9 @@
     "url": "https://github.com/statelyai/xstate/issues"
   },
   "peerDependencies": {
-    "@xstate/fsm": "^3.0.0-alpha.0",
+    "@xstate/fsm": "^3.0.0-beta.2",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "xstate": "^5.0.0-alpha.3"
+    "xstate": "^5.0.0-beta.10"
   },
   "peerDependenciesMeta": {
     "@xstate/fsm": {
@@ -56,7 +58,7 @@
     }
   },
   "dependencies": {
-    "use-isomorphic-layout-effect": "^1.0.0",
+    "use-isomorphic-layout-effect": "^1.1.2",
     "use-sync-external-store": "^1.0.0"
   },
   "devDependencies": {
@@ -65,12 +67,12 @@
     "@types/react": "^17.0.43",
     "@types/react-dom": "^17.0.14",
     "@types/use-sync-external-store": "^0.0.3",
-    "@xstate/fsm": "3.0.0-alpha.0",
+    "@xstate/fsm": "3.0.0-beta.2",
     "jsdom": "^14.0.0",
     "jsdom-global": "^3.0.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "xstate": "5.0.0-alpha.3"
+    "xstate": "5.0.0-beta.10"
   },
   "preconstruct": {
     "entrypoints": [

package/dist/declarations/src/types.d.ts

@@ -1,15 +0,0 @@
-import { EventObject, MachineContext, StateConfig } from 'xstate';
-export type MaybeLazy<T> = T | (() => T);
-export type NoInfer<T> = [T][T extends any ? 0 : any];
-export type Prop<T, K> = K extends keyof T ? T[K] : never;
-export interface UseMachineOptions<TContext extends MachineContext, TEvent extends EventObject> {
-    /**
-     * If provided, will be merged with machine's `context`.
-     */
-    context?: Partial<TContext>;
-    /**
-     * The state to rehydrate the machine to. The machine will
-     * start at this state instead of its `initialState`.
-     */
-    state?: StateConfig<TContext, TEvent>;
-}

package/dist/declarations/src/useInterpret.d.ts

@@ -1,12 +0,0 @@
-import { AnyInterpreter, AnyStateMachine, AreAllImplementationsAssumedToBeProvided, InternalMachineImplementations, InterpreterFrom, InterpreterOptions, MachineImplementations, Observer, StateFrom } from 'xstate';
-import { MaybeLazy } from './types.ts';
-export declare function useIdleInterpreter(getMachine: MaybeLazy<AnyStateMachine>, options: Partial<InterpreterOptions<AnyStateMachine>> & Partial<MachineImplementations<any, never>>): AnyInterpreter;
-type RestParams<TMachine extends AnyStateMachine> = AreAllImplementationsAssumedToBeProvided<TMachine['__TResolvedTypesMeta']> extends false ? [
-    options: InterpreterOptions<TMachine> & InternalMachineImplementations<TMachine['__TContext'], TMachine['__TEvent'], TMachine['__TResolvedTypesMeta'], true>,
-    observerOrListener?: Observer<StateFrom<TMachine>> | ((value: StateFrom<TMachine>) => void)
-] : [
-    options?: InterpreterOptions<TMachine> & InternalMachineImplementations<TMachine['__TContext'], TMachine['__TEvent'], TMachine['__TResolvedTypesMeta']>,
-    observerOrListener?: Observer<StateFrom<TMachine>> | ((value: StateFrom<TMachine>) => void)
-];
-export declare function useInterpret<TMachine extends AnyStateMachine>(getMachine: MaybeLazy<TMachine>, ...[options, observerOrListener]: RestParams<TMachine>): InterpreterFrom<TMachine>;
-export {};

package/dist/declarations/src/useSpawn.d.ts

@@ -1,9 +0,0 @@
-import { ActorRef, ActorBehavior, EventObject } from 'xstate';
-/**
- * React hook that spawns an `ActorRef` with the specified `behavior`.
- * The returned `ActorRef` can be used with the `useActor(actorRef)` hook.
- *
- * @param behavior The actor behavior to spawn
- * @returns An ActorRef with the specified `behavior`
- */
-export declare function useSpawn<TState, TEvent extends EventObject>(behavior: ActorBehavior<TEvent, TState>): ActorRef<TEvent, TState>;

package/dist/useConstant-c09b427a.cjs.prod.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function useConstant(fn) {
-  var ref = React.useRef();
-  if (!ref.current) {
-    ref.current = {
-      v: fn()
-    };
-  }
-  return ref.current.v;
-}
-
-exports.useConstant = useConstant;