@xstate/react 3.0.1 → 4.0.0-alpha.1

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

@@ -0,0 +1,144 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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-eeb49d3f.cjs.prod.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var useIsomorphicLayoutEffect__default = /*#__PURE__*/_interopDefault(useIsomorphicLayoutEffect);
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+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 () {
+    var queue = [];
+    var service = fsm.interpret(fsm.createMachine(stateMachine.config, options ? options : stateMachine._options));
+    var send = service.send;
+
+    service.send = function (event) {
+      if (service.status === fsm.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__default['default'](function () {
+    if (options) {
+      service._machine._options = options;
+    }
+  });
+  var useServiceResult = useService(service);
+  React.useEffect(function () {
+    service.start(persistedStateRef.current);
+    queue.forEach(service.send);
+    persistedStateRef.current = service.state;
+    return function () {
+      service.stop();
+    };
+  }, []);
+  return useServiceResult;
+}
+
+var isEqual = function isEqual(_prevState, nextState) {
+  return nextState.changed === false;
+};
+
+function useService(service) {
+  var getSnapshot = React.useCallback(function () {
+    return getServiceState(service);
+  }, [service]);
+  var subscribe = React.useCallback(function (handleStoreChange) {
+    var _service$subscribe = service.subscribe(handleStoreChange),
+        unsubscribe = _service$subscribe.unsubscribe;
+
+    return unsubscribe;
+  }, [service]);
+  var storeSnapshot = withSelector.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
+  return [storeSnapshot, service.send, service];
+}
+
+exports.useMachine = useMachine;
+exports.useService = useService;

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

@@ -0,0 +1,89 @@
+import { _ as _slicedToArray, u as useConstant } from '../../dist/useConstant-94bfdbb5.esm.js';
+import { interpret, createMachine, InterpreterStatus } from '@xstate/fsm';
+import { useRef, useState, useEffect, useCallback } from 'react';
+import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
+import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
+
+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') {
+    var _useState = useState(stateMachine),
+        _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
+
+
+  useIsomorphicLayoutEffect(function () {
+    if (options) {
+      service._machine._options = options;
+    }
+  });
+  var useServiceResult = useService(service);
+  useEffect(function () {
+    service.start(persistedStateRef.current);
+    queue.forEach(service.send);
+    persistedStateRef.current = service.state;
+    return function () {
+      service.stop();
+    };
+  }, []);
+  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;
+
+    return unsubscribe;
+  }, [service]);
+  var storeSnapshot = useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
+  return [storeSnapshot, service.send, service];
+}
+
+export { useMachine, useService };

package/fsm/package.json

@@ -1,6 +1,4 @@
 {
-  "private": true,
-  "main": "../lib/fsm.js",
-  "module": "../es/fsm.js",
-  "types": "../lib/fsm.d.ts"
-}
+  "main": "dist/xstate-react-fsm.cjs.js",
+  "module": "dist/xstate-react-fsm.esm.js"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xstate/react",
-  "version": "3.0.1",
+  "version": "4.0.0-alpha.1",
   "description": "XState tools for React",
   "keywords": [
     "state",
@@ -15,46 +15,37 @@
   "author": "David Khourshid <davidkpiano@gmail.com>",
   "homepage": "https://github.com/statelyai/xstate/tree/main/packages/xstate-react#readme",
   "license": "MIT",
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "types": "lib/index.d.ts",
-  "typesVersions": {
-    "<4.0": {
-      "lib/index.d.ts": [
-        "index.v3.d.ts"
-      ]
-    }
+  "main": "dist/xstate-react.cjs.js",
+  "module": "dist/xstate-react.esm.js",
+  "exports": {
+    "./fsm": {
+      "module": "./fsm/dist/xstate-react-fsm.esm.js",
+      "default": "./fsm/dist/xstate-react-fsm.cjs.js"
+    },
+    ".": {
+      "module": "./dist/xstate-react.esm.js",
+      "default": "./dist/xstate-react.cjs.js"
+    },
+    "./package.json": "./package.json"
   },
+  "types": "dist/xstate-react.cjs.d.ts",
   "sideEffects": false,
-  "directories": {
-    "lib": "lib",
-    "test": "test"
-  },
   "files": [
-    "lib/**/*.js",
-    "lib/**/*.d.ts",
-    "dist/**/*.js",
-    "es/**/*.js",
-    "es/**/*.d.ts",
-    "fsm/package.json"
+    "dist",
+    "fsm"
   ],
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/statelyai/xstate.git"
   },
-  "scripts": {
-    "clean": "rm -rf dist lib tsconfig.tsbuildinfo",
-    "build": "tsc && tsc --outDir es --module es2015 && rollup -c",
-    "test": "jest",
-    "prepare": "npm run build"
-  },
+  "scripts": {},
   "bugs": {
     "url": "https://github.com/statelyai/xstate/issues"
   },
   "peerDependencies": {
-    "@xstate/fsm": "^2.0.0",
+    "@xstate/fsm": "^3.0.0-alpha.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "xstate": "^4.33.0"
+    "xstate": "^5.0.0-alpha.1"
   },
   "peerDependenciesMeta": {
     "@xstate/fsm": {
@@ -69,26 +60,22 @@
     "use-sync-external-store": "^1.0.0"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^17.0.0",
-    "@rollup/plugin-node-resolve": "^11.0.1",
     "@testing-library/react": "^13.0.0",
     "@types/jsdom": "^12.2.3",
     "@types/react": "^17.0.43",
     "@types/react-dom": "^17.0.14",
     "@types/use-sync-external-store": "^0.0.3",
-    "@xstate/fsm": "*",
-    "jest": "^26.6.3",
+    "@xstate/fsm": "3.0.0-alpha.0",
     "jsdom": "^14.0.0",
     "jsdom-global": "^3.0.2",
-    "lerna-alias": "3.0.3-0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "rollup": "^2.69.0",
-    "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-terser": "^5.1.2",
-    "rollup-plugin-typescript2": "^0.30.0",
-    "ts-jest": "^26.5.6",
-    "typescript": "^4.5.2",
-    "xstate": "*"
+    "xstate": "5.0.0-alpha.1"
+  },
+  "preconstruct": {
+    "entrypoints": [
+      "./index.ts",
+      "./fsm.ts"
+    ]
   }
 }

package/dist/xstate-react-fsm.umd.min.js

@@ -1,54 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@xstate/fsm"),require("react")):"function"==typeof define&&define.amd?define(["exports","@xstate/fsm","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).XStateReactFSM={},e.XStateFSM,e.React)}(this,(function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=r(n),c=u(n);var a=n.useLayoutEffect;function f(e){var t={exports:{}};return e(t,t.exports),t.exports
-/**
-     * @license React
-     * use-sync-external-store-shim.production.min.js
-     *
-     * Copyright (c) Facebook, Inc. and its affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */}var i="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},s=o.default.useState,l=o.default.useEffect,d=o.default.useLayoutEffect,v=o.default.useDebugValue;function p(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!i(e,n)}catch(e){return!0}}var b="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),r=s({inst:{value:n,getSnapshot:t}}),u=r[0].inst,o=r[1];return d((function(){u.value=n,u.getSnapshot=t,p(u)&&o({inst:u})}),[e,n,t]),l((function(){return p(u)&&o({inst:u}),e((function(){p(u)&&o({inst:u})}))}),[e]),v(n),n},y={useSyncExternalStore:void 0!==o.default.useSyncExternalStore?o.default.useSyncExternalStore:b};
-/**
-     * @license React
-     * use-sync-external-store-shim.development.js
-     *
-     * Copyright (c) Facebook, Inc. and its affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */
-f((function(e,t){}));var S=f((function(e){e.exports=y}));
-/**
-     * @license React
-     * use-sync-external-store-shim/with-selector.production.min.js
-     *
-     * Copyright (c) Facebook, Inc. and its affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */var h="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},x=S.useSyncExternalStore,E=o.default.useRef,g=o.default.useEffect,j=o.default.useMemo,m=o.default.useDebugValue,O={useSyncExternalStoreWithSelector:function(e,t,n,r,u){var o=E(null);if(null===o.current){var c={hasValue:!1,value:null};o.current=c}else c=o.current;o=j((function(){function e(e){if(!f){if(f=!0,o=e,e=r(e),void 0!==u&&c.hasValue){var t=c.value;if(u(t,e))return a=t}return a=e}if(t=a,h(o,e))return t;var n=r(e);return void 0!==u&&u(t,n)?t:(o=e,a=n)}var o,a,f=!1,i=void 0===n?null:n;return[function(){return e(t())},null===i?void 0:function(){return e(i())}]}),[t,n,r,u]);var a=x(e,o[0],o[1]);return g((function(){c.hasValue=!0,c.value=a}),[a]),m(a),a}};
-/**
-     * @license React
-     * use-sync-external-store-shim/with-selector.development.js
-     *
-     * Copyright (c) Facebook, Inc. and its affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */
-f((function(e,t){}));var w=f((function(e){e.exports=O}));function M(e){return e}var _=function(e,t){return!1===t.changed};function R(e){var t=n.useCallback((function(){return function(e){var t;return e.subscribe((function(e){t=e})).unsubscribe(),t}(e)}),[e]),r=n.useCallback((function(t){return e.subscribe(t).unsubscribe}),[e]);return[w.useSyncExternalStoreWithSelector(r,t,t,M,_),e.send,e]}e.useMachine=function(e,r){var u,o,f=n.useRef(),i=
-/*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,u,o=n.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)c.push(r.value)}catch(e){u={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(u)throw u.error}}return c}((u=function(){var n=[],u=t.interpret(t.createMachine(e.config,r||e._options)),o=u.send;return u.send=function(e){u.status!==t.InterpreterStatus.NotStarted?(o(e),f.current=u.state):n.push(e)},[u,n]},(o=c.useRef()).current||(o.current={v:u()}),o.current.v),2),s=i[0],l=i[1];a((function(){r&&(s._machine._options=r)}));var d=R(s);return n.useEffect((function(){return s.start(f.current),l.forEach(s.send),f.current=s.state,function(){s.stop()}}),[]),d},e.useService=R,Object.defineProperty(e,"__esModule",{value:!0})}));

package/dist/xstate-react.umd.min.js

@@ -1,39 +0,0 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("xstate")):"function"==typeof define&&define.amd?define(["exports","react","xstate"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).XStateReact={},t.React,t.XState)}(this,(function(t,e,n){"use strict";function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var a=r(e),o=u(e),i=function(){return(i=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var u in e=arguments[n])Object.prototype.hasOwnProperty.call(e,u)&&(t[u]=e[u]);return t}).apply(this,arguments)};function c(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,u,a=n.call(t),o=[];try{for(;(void 0===e||e-- >0)&&!(r=a.next()).done;)o.push(r.value)}catch(t){u={error:t}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(u)throw u.error}}return o}function s(t){var e={exports:{}};return t(e,e.exports),e.exports
-/**
-     * @license React
-     * use-sync-external-store-shim.production.min.js
-     *
-     * Copyright (c) Facebook, Inc. and its affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */}var f="function"==typeof Object.is?Object.is:function(t,e){return t===e&&(0!==t||1/t==1/e)||t!=t&&e!=e},l=a.default.useState,v=a.default.useEffect,d=a.default.useLayoutEffect,p=a.default.useDebugValue;function b(t){var e=t.getSnapshot;t=t.value;try{var n=e();return!f(t,n)}catch(t){return!0}}var y="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(t,e){return e()}:function(t,e){var n=e(),r=l({inst:{value:n,getSnapshot:e}}),u=r[0].inst,a=r[1];return d((function(){u.value=n,u.getSnapshot=e,b(u)&&a({inst:u})}),[t,n,e]),v((function(){return b(u)&&a({inst:u}),t((function(){b(u)&&a({inst:u})}))}),[t]),p(n),n},h={useSyncExternalStore:void 0!==a.default.useSyncExternalStore?a.default.useSyncExternalStore:y};
-/**
-     * @license React
-     * use-sync-external-store-shim.development.js
-     *
-     * Copyright (c) Facebook, Inc. and its affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */
-s((function(t,e){}));var S=s((function(t){t.exports=h}));
-/**
-     * @license React
-     * use-sync-external-store-shim/with-selector.production.min.js
-     *
-     * Copyright (c) Facebook, Inc. and its affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */var g="function"==typeof Object.is?Object.is:function(t,e){return t===e&&(0!==t||1/t==1/e)||t!=t&&e!=e},O=S.useSyncExternalStore,j=a.default.useRef,x=a.default.useEffect,m=a.default.useMemo,E=a.default.useDebugValue,w={useSyncExternalStoreWithSelector:function(t,e,n,r,u){var a=j(null);if(null===a.current){var o={hasValue:!1,value:null};a.current=o}else o=a.current;a=m((function(){function t(t){if(!c){if(c=!0,a=t,t=r(t),void 0!==u&&o.hasValue){var e=o.value;if(u(e,t))return i=e}return i=t}if(e=i,g(a,t))return e;var n=r(t);return void 0!==u&&u(e,n)?e:(a=t,i=n)}var a,i,c=!1,s=void 0===n?null:n;return[function(){return t(e())},null===s?void 0:function(){return t(s())}]}),[e,n,r,u]);var i=O(t,a[0],a[1]);return x((function(){o.hasValue=!0,o.value=i}),[i]),E(i),i}};
-/**
-     * @license React
-     * use-sync-external-store-shim/with-selector.development.js
-     *
-     * Copyright (c) Facebook, Inc. and its affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */
-s((function(t,e){}));var k=s((function(t){t.exports=w})),C=e.useLayoutEffect;function P(t){var e=o.useRef();return e.current||(e.current={v:t()}),e.current.v}function R(t,e){var r=P((function(){return"function"==typeof t?t():t})),u=e.context,a=e.guards,o=e.actions,c=e.activities,s=e.services,f=e.delays;e.state;var l=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var u=0;for(r=Object.getOwnPropertySymbols(t);u<r.length;u++)e.indexOf(r[u])<0&&Object.prototype.propertyIsEnumerable.call(t,r[u])&&(n[r[u]]=t[r[u]])}return n}(e,["context","guards","actions","activities","services","delays","state"]),v=P((function(){var t={context:u,guards:a,actions:o,activities:c,services:s,delays:f},e=r.withConfig(t,(function(){return i(i({},r.context),u)}));return n.interpret(e,l)}));return C((function(){Object.assign(v.machine.options.actions,o),Object.assign(v.machine.options.guards,a),Object.assign(v.machine.options.activities,c),Object.assign(v.machine.options.services,s),Object.assign(v.machine.options.delays,f)}),[o,a,c,s,f]),v}function I(t){return t}function V(t){return"state"in t}function M(t){return"deferred"in t}function N(t){return"getSnapshot"in t?t.getSnapshot():V(t)?t.state:void 0}function _(t,e){return t===e?0!==t||0!==e||1/t==1/e:t!=t&&e!=e}var q=function(t,e){return t===e};t.shallowEqual=function(t,e){if(_(t,e))return!0;if("object"!=typeof t||null===t||"object"!=typeof e||null===e)return!1;var n=Object.keys(t),r=Object.keys(e);if(n.length!==r.length)return!1;for(var u=0;u<n.length;u++)if(!Object.prototype.hasOwnProperty.call(e,n[u])||!_(t[n[u]],e[n[u]]))return!1;return!0},t.useActor=function(t,n){void 0===n&&(n=N);var r=e.useRef(t),u=e.useRef([]),a=e.useCallback((function(e){return t.subscribe(e).unsubscribe}),[t]),o=e.useCallback((function(){return n(t)}),[t,n]),i=S.useSyncExternalStore(a,o,o),c=P((function(){return function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];var n=t[0],a=r.current;M(a)&&a.deferred?u.current.push(n):a.send(n)}}));return C((function(){for(r.current=t;u.current.length>0;){var e=u.current.shift();t.send(e)}}),[t]),[i,c]},t.useInterpret=function(t){for(var r=[],u=1;u<arguments.length;u++)r[u-1]=arguments[u];var a=c(r,2),o=a[0],i=void 0===o?{}:o,s=a[1],f=R(t,i);return e.useEffect((function(){if(s){var t=f.subscribe(n.toObserver(s));return function(){t.unsubscribe()}}}),[s]),e.useEffect((function(){var t=i.state;return f.start(t?n.State.create(t):void 0),function(){f.stop(),f.status=n.InterpreterStatus.NotStarted}}),[]),f},t.useMachine=function(t){for(var r=[],u=1;u<arguments.length;u++)r[u-1]=arguments[u];var a=c(r,1),o=a[0],i=void 0===o?{}:o,s=R(t,i),f=e.useCallback((function(){return s.status===n.InterpreterStatus.NotStarted?i.state?n.State.create(i.state):s.machine.initialState:s.state}),[s]),l=e.useCallback((function(t,e){if(s.status===n.InterpreterStatus.NotStarted)return!0;var r=void 0===e.changed&&(Object.keys(e.children).length>0||"boolean"==typeof t.changed);return!(e.changed||r)}),[s]),v=e.useCallback((function(t){return s.subscribe(t).unsubscribe}),[s]),d=k.useSyncExternalStoreWithSelector(v,f,f,I,l);return e.useEffect((function(){var t=i.state;return s.start(t?n.State.create(t):void 0),function(){s.stop(),s.status=n.InterpreterStatus.NotStarted}}),[]),[d,s.send,s]},t.useSelector=function(t,n,r,u){void 0===r&&(r=q);var a=e.useRef(null),o=e.useCallback((function(e){return t.subscribe(e).unsubscribe}),[t]),i=e.useCallback((function(){return u?u(t):function(t,e){if("state"in(u=t)&&"machine"in u){if(0===t.status&&e.current)return e.current;var n=0!==(r=t).status?r.state:r.machine.initialState;return e.current=0===t.status?n:null,n}var r,u;return V(t)?t.state:void 0}(t,a)}),[t,u]);return k.useSyncExternalStoreWithSelector(o,i,i,n,r)},t.useSpawn=function(t){return P((function(){return n.spawnBehavior(t)}))},Object.defineProperty(t,"__esModule",{value:!0})}));

package/es/fsm.d.ts

@@ -1,4 +0,0 @@
-import { MachineImplementationsFrom, ServiceFrom, StateFrom, StateMachine } from '@xstate/fsm';
-export declare function useMachine<TMachine extends StateMachine.AnyMachine>(stateMachine: TMachine, options?: MachineImplementationsFrom<TMachine>): [StateFrom<TMachine>, ServiceFrom<TMachine>['send'], ServiceFrom<TMachine>];
-export declare function useService<TService extends StateMachine.AnyService>(service: TService): [StateFrom<TService>, TService['send'], TService];
-//# sourceMappingURL=fsm.d.ts.map

package/es/fsm.js

@@ -1,82 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { createMachine, interpret, InterpreterStatus } from '@xstate/fsm';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
-import useConstant from './useConstant';
-function identity(a) {
-    return a;
-}
-var getServiceState = function (service) {
-    var currentValue;
-    service
-        .subscribe(function (state) {
-        currentValue = state;
-    })
-        .unsubscribe();
-    return currentValue;
-};
-export function useMachine(stateMachine, options) {
-    var persistedStateRef = useRef();
-    if (process.env.NODE_ENV !== 'production') {
-        var _a = __read(useState(stateMachine), 1), initialMachine = _a[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 _b = __read(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];
-    }), 2), service = _b[0], queue = _b[1];
-    useIsomorphicLayoutEffect(function () {
-        if (options) {
-            service._machine._options = options;
-        }
-    });
-    var useServiceResult = useService(service);
-    useEffect(function () {
-        service.start(persistedStateRef.current);
-        queue.forEach(service.send);
-        persistedStateRef.current = service.state;
-        return function () {
-            service.stop();
-        };
-    }, []);
-    return useServiceResult;
-}
-var isEqual = function (_prevState, nextState) { return nextState.changed === false; };
-export function useService(service) {
-    var getSnapshot = useCallback(function () { return getServiceState(service); }, [service]);
-    var subscribe = useCallback(function (handleStoreChange) {
-        var unsubscribe = service.subscribe(handleStoreChange).unsubscribe;
-        return unsubscribe;
-    }, [service]);
-    var storeSnapshot = useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-    return [storeSnapshot, service.send, service];
-}

package/es/index.d.ts

@@ -1,7 +0,0 @@
-export { useMachine } from './useMachine';
-export { useActor } from './useActor';
-export { useInterpret } from './useInterpret';
-export { useSelector } from './useSelector';
-export { useSpawn } from './useSpawn';
-export { shallowEqual } from './utils';
-//# sourceMappingURL=index.d.ts.map

package/es/types.js

@@ -1 +0,0 @@
-export {};

package/es/useActor.d.ts

@@ -1,9 +0,0 @@
-import { ActorRef, EventObject, Sender } from 'xstate';
-export declare function isActorWithState<T extends ActorRef<any>>(actorRef: T): actorRef is T & {
-    state: any;
-};
-declare type EmittedFromActorRef<TActor extends ActorRef<any, any>> = TActor extends ActorRef<any, infer TEmitted> ? TEmitted : never;
-export declare function useActor<TActor extends ActorRef<any, any>>(actorRef: TActor, getSnapshot?: (actor: TActor) => EmittedFromActorRef<TActor>): [EmittedFromActorRef<TActor>, TActor['send']];
-export declare function useActor<TEvent extends EventObject, TEmitted>(actorRef: ActorRef<TEvent, TEmitted>, getSnapshot?: (actor: ActorRef<TEvent, TEmitted>) => TEmitted): [TEmitted, Sender<TEvent>];
-export {};
-//# sourceMappingURL=useActor.d.ts.map

package/es/useActor.js

@@ -1,60 +0,0 @@
-import { useRef, useCallback } from 'react';
-import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
-import useConstant from './useConstant';
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
-export function isActorWithState(actorRef) {
-    return 'state' in actorRef;
-}
-function isDeferredActor(actorRef) {
-    return 'deferred' in actorRef;
-}
-function defaultGetSnapshot(actorRef) {
-    return 'getSnapshot' in actorRef
-        ? actorRef.getSnapshot()
-        : isActorWithState(actorRef)
-            ? actorRef.state
-            : undefined;
-}
-export function useActor(actorRef, getSnapshot) {
-    if (getSnapshot === void 0) { getSnapshot = defaultGetSnapshot; }
-    var actorRefRef = useRef(actorRef);
-    var deferredEventsRef = useRef([]);
-    var subscribe = useCallback(function (handleStoreChange) {
-        var unsubscribe = actorRef.subscribe(handleStoreChange).unsubscribe;
-        return unsubscribe;
-    }, [actorRef]);
-    var boundGetSnapshot = useCallback(function () { return getSnapshot(actorRef); }, [
-        actorRef,
-        getSnapshot
-    ]);
-    var storeSnapshot = useSyncExternalStore(subscribe, boundGetSnapshot, boundGetSnapshot);
-    var send = useConstant(function () { return function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        var event = args[0];
-        if (process.env.NODE_ENV !== 'production' && args.length > 1) {
-            console.warn("Unexpected payload: ".concat(JSON.stringify(args[1]), ". Only a single event object can be sent to actor send() functions."));
-        }
-        var currentActorRef = actorRefRef.current;
-        // If the previous actor is a deferred actor,
-        // queue the events so that they can be replayed
-        // on the non-deferred actor.
-        if (isDeferredActor(currentActorRef) && currentActorRef.deferred) {
-            deferredEventsRef.current.push(event);
-        }
-        else {
-            currentActorRef.send(event);
-        }
-    }; });
-    useIsomorphicLayoutEffect(function () {
-        actorRefRef.current = actorRef;
-        // Dequeue deferred events from the previous deferred actorRef
-        while (deferredEventsRef.current.length > 0) {
-            var deferredEvent = deferredEventsRef.current.shift();
-            actorRef.send(deferredEvent);
-        }
-    }, [actorRef]);
-    return [storeSnapshot, send];
-}

package/es/useConstant.js

@@ -1,8 +0,0 @@
-import * as React from 'react';
-export default function useConstant(fn) {
-    var ref = React.useRef();
-    if (!ref.current) {
-        ref.current = { v: fn() };
-    }
-    return ref.current.v;
-}