@gamepark/react-game 6.15.5 → 6.17.0

package/dist/components/tutorial/MaterialTutorial.js

@@ -1,12 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isLocationFocus = exports.isLocationBuilder = exports.isStaticItemFocus = exports.isStaticItem = exports.countTutorialFocusRefs = exports.isMaterialFocus = exports.isItemFocus = exports.isMaterialTutorial = exports.TutorialStepType = exports.MaterialTutorial = void 0;
+exports.isMaterialTutorial = exports.TutorialStepType = exports.MaterialTutorial = void 0;
 var rules_api_1 = require("@gamepark/rules-api");
-var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
-var sumBy_1 = __importDefault(require("lodash/sumBy"));
 var MaterialTutorial = (function () {
     function MaterialTutorial() {
     }
@@ -44,58 +39,4 @@ function isMaterialTutorial(tutorialDescription) {
     return !!tutorialDescription && typeof tutorialDescription.material === 'function';
 }
 exports.isMaterialTutorial = isMaterialTutorial;
-function isItemFocus(itemType, itemIndex, focus) {
-    if (Array.isArray(focus)) {
-        return focus.some(function (focus) { return isItemFocus(itemType, itemIndex, focus); });
-    }
-    return isMaterialFocus(focus) && focus.type === itemType && focus.getIndexes().includes(itemIndex);
-}
-exports.isItemFocus = isItemFocus;
-function isMaterialFocus(focus) {
-    return typeof focus === 'object' && focus.entries !== undefined;
-}
-exports.isMaterialFocus = isMaterialFocus;
-function countTutorialFocusRefs(focus) {
-    var _a;
-    if (!focus)
-        return 0;
-    if (Array.isArray(focus)) {
-        return (0, sumBy_1.default)(focus, function (focus) { return countTutorialFocusRefs(focus); });
-    }
-    if (isMaterialFocus(focus)) {
-        return (0, sumBy_1.default)(focus.getItems(), function (item) { var _a; return (_a = item.quantity) !== null && _a !== void 0 ? _a : 1; });
-    }
-    else if (isStaticItem(focus)) {
-        return (_a = focus.item.quantity) !== null && _a !== void 0 ? _a : 1;
-    }
-    else if (isLocationBuilder(focus)) {
-        return 1;
-    }
-    else {
-        return 0;
-    }
-}
-exports.countTutorialFocusRefs = countTutorialFocusRefs;
-function isStaticItem(focus) {
-    return typeof focus === 'object' && typeof focus.type === 'number' && typeof focus.item === 'object';
-}
-exports.isStaticItem = isStaticItem;
-function isStaticItemFocus(itemType, item, focus) {
-    if (Array.isArray(focus)) {
-        return focus.some(function (focus) { return isStaticItemFocus(itemType, item, focus); });
-    }
-    return isStaticItem(focus) && focus.type === itemType && (0, fast_deep_equal_1.default)(focus.item, item);
-}
-exports.isStaticItemFocus = isStaticItemFocus;
-function isLocationBuilder(focus) {
-    return typeof focus === 'object' && typeof focus.location === 'object';
-}
-exports.isLocationBuilder = isLocationBuilder;
-function isLocationFocus(location, focus) {
-    if (Array.isArray(focus)) {
-        return focus.some(function (focus) { return isLocationFocus(location, focus); });
-    }
-    return isLocationBuilder(focus) && (0, fast_deep_equal_1.default)(focus.location, location);
-}
-exports.isLocationFocus = isLocationFocus;
 //# sourceMappingURL=MaterialTutorial.js.map

package/dist/components/tutorial/MaterialTutorial.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialTutorial.js","sourceRoot":"","sources":["../../../src/components/tutorial/MaterialTutorial.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MaterialTutorial.js","sourceRoot":"","sources":["../../../src/components/tutorial/MaterialTutorial.ts"],"names":[],"mappings":";;;AACA,iDAS4B;AAK5B;IAAA;IA8BA,CAAC;IAvBC,mCAAQ,GAAR,UAAS,IAA2B,EAAE,IAAO;;QAC3C,OAAO,IAAI,oBAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAvB,CAAuB,CAAC,CAAC,CAAA;IACrH,CAAC;IAED,mCAAQ,GAAR,UAAS,IAAO;QACd,OAAO,IAAI,2BAAe,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;IACtC,CAAC;IAED,wCAAa,GAAb;QACE,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3C,IAAI,CAAC,YAAY,GAAG,CAAC,CAAA;QACrB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IAC7B,CAAC;IAED,sCAAW,GAAX,UAAY,KAA6B;QACvC,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACxF,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;YAChD,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBAAE,OAAM;YACtG,IAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YACnD,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;SACvD;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IACH,uBAAC;AAAD,CAAC,AA9BD,IA8BC;AA9BqB,4CAAgB;AAgCtC,IAAY,gBAEX;AAFD,WAAY,gBAAgB;IAC1B,yDAAS,CAAA;IAAE,uDAAI,CAAA;AACjB,CAAC,EAFW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAE3B;AAoBD,SAAgB,kBAAkB,CAChC,mBAAwD;IAExD,OAAO,CAAC,CAAC,mBAAmB,IAAI,OAAQ,mBAAwC,CAAC,QAAQ,KAAK,UAAU,CAAA;AAC1G,CAAC;AAJD,gDAIC"}

package/dist/components/tutorial/MaterialTutorialDisplay.js

@@ -20,52 +20,67 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaterialTutorialDisplay = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var dialogs_1 = require("../dialogs");
-var hooks_1 = require("../../hooks");
-var rules_api_1 = require("@gamepark/rules-api");
-var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
-var react_2 = require("@emotion/react");
-var buttons_1 = require("../buttons");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var faForwardFast_1 = require("@fortawesome/free-solid-svg-icons/faForwardFast");
-var css_1 = require("../../css");
-var minBy_1 = __importDefault(require("lodash/minBy"));
-var maxBy_1 = __importDefault(require("lodash/maxBy"));
+var react_1 = require("@emotion/react");
 var faBackward_1 = require("@fortawesome/free-solid-svg-icons/faBackward");
 var faForward_1 = require("@fortawesome/free-solid-svg-icons/faForward");
-var useTutorialStep_1 = require("../../hooks/useTutorialStep");
+var faForwardFast_1 = require("@fortawesome/free-solid-svg-icons/faForwardFast");
 var faPlay_1 = require("@fortawesome/free-solid-svg-icons/faPlay");
-var react_redux_1 = require("react-redux");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 var react_client_1 = require("@gamepark/react-client");
+var rules_api_1 = require("@gamepark/rules-api");
+var maxBy_1 = __importDefault(require("lodash/maxBy"));
+var minBy_1 = __importDefault(require("lodash/minBy"));
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var react_redux_1 = require("react-redux");
+var css_1 = require("../../css");
+var hooks_1 = require("../../hooks");
+var useTutorialStep_1 = require("../../hooks/useTutorialStep");
+var buttons_1 = require("../buttons");
+var dialogs_1 = require("../dialogs");
+var material_1 = require("../material");
 var MaterialTutorialDisplay = function () {
     var t = (0, react_i18next_1.useTranslation)().t;
     var game = (0, hooks_1.useGame)();
     var tutorialStep = (0, useTutorialStep_1.useTutorialStep)();
     var tutorialMoves = (0, hooks_1.useLegalMoves)(rules_api_1.isSetTutorialStep);
+    var closeTutorialPopup = (0, hooks_1.useLegalMove)(rules_api_1.isCloseTutorialPopup);
     var popup = tutorialStep === null || tutorialStep === void 0 ? void 0 : tutorialStep.popup;
     var dispatch = (0, react_redux_1.useDispatch)();
-    (0, react_1.useEffect)(function () {
+    (0, react_2.useEffect)(function () {
         dispatch((0, react_client_1.playTutorialMovesAction)(Infinity));
     }, []);
     var nextStepMove = (0, minBy_1.default)(tutorialMoves, function (move) { return move.step; });
     var passMove = (0, maxBy_1.default)(tutorialMoves, function (move) { return move.step; });
     var _a = (0, hooks_1.useUndo)(), undo = _a[0], canUndo = _a[1];
     var canUndoLastMove = canUndo();
+    var setFocus = (0, material_1.useFocusContext)().setFocus;
+    (0, react_2.useEffect)(function () {
+        if (game && !game.tutorialPopupClosed) {
+            if ((tutorialStep === null || tutorialStep === void 0 ? void 0 : tutorialStep.popup) && tutorialStep.focus) {
+                setFocus(__assign({ materials: [], staticItems: [], locations: [] }, tutorialStep.focus(game)));
+            }
+            else {
+                setFocus(undefined);
+            }
+        }
+        else {
+            setFocus(undefined, false);
+        }
+    }, [tutorialStep, game === null || game === void 0 ? void 0 : game.tutorialPopupClosed]);
     return ((0, jsx_runtime_1.jsx)(dialogs_1.Dialog, __assign({ open: popup !== undefined && !(game === null || game === void 0 ? void 0 : game.tutorialPopupClosed), css: [
             tutorialDialogCss,
             (popup === null || popup === void 0 ? void 0 : popup.position) && (0, css_1.transformCss)("translate(".concat(popup.position.x, "em, ").concat(popup.position.y, "em)"))
         ], backdropCss: backdropCss }, { children: popup &&
-            (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: rules }, { children: [passMove && (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: passMove, css: passButton }, { children: [t('Pass'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faForwardFast_1.faForwardFast })] })), (0, jsx_runtime_1.jsx)("p", { children: popup.text(t) }), (0, jsx_runtime_1.jsxs)("p", __assign({ css: buttonsLine }, { children: [(0, jsx_runtime_1.jsxs)(buttons_1.ThemeButton, __assign({ disabled: !canUndoLastMove, onClick: function () { return undo(); } }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faBackward_1.faBackward }), "\u00A0", t('Previous')] })), nextStepMove ?
-                                    (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: nextStepMove, disabled: !nextStepMove }, { children: [t('Next'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faForward_1.faForward })] }))
-                                    : (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: closeTutorialPopup }, { children: [t('OK'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faPlay_1.faPlay })] }))] }))] })) })) })));
+            (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: rules }, { children: [passMove && (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: passMove, css: passButton }, { children: [t('Pass'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faForwardFast_1.faForwardFast })] })), (0, jsx_runtime_1.jsx)("p", { children: popup.text(t) }), (0, jsx_runtime_1.jsxs)("p", __assign({ css: buttonsLine }, { children: [(0, jsx_runtime_1.jsxs)(buttons_1.ThemeButton, __assign({ disabled: !canUndoLastMove, onClick: function () { return undo(); } }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faBackward_1.faBackward }), "\u00A0", t('Previous')] })), closeTutorialPopup ?
+                                    (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: closeTutorialPopup }, { children: [t('OK'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faPlay_1.faPlay })] }))
+                                    : (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: nextStepMove, disabled: !nextStepMove }, { children: [t('Next'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faForward_1.faForward })] }))] }))] })) })) })));
 };
 exports.MaterialTutorialDisplay = MaterialTutorialDisplay;
-var rules = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n  padding-top: 1em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n  padding-top: 1em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"])));
-var backdropCss = (0, react_2.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  pointer-events: none;\n  z-index: 900;\n"], ["\n  background: none;\n  pointer-events: none;\n  z-index: 900;\n"])));
-var passButton = (0, react_2.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  font-size: 0.7em;\n  top: 1em;\n  right: 1.8em;\n"], ["\n  position: absolute;\n  font-size: 0.7em;\n  top: 1em;\n  right: 1.8em;\n"])));
-var buttonsLine = (0, react_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
-var tutorialDialogCss = (0, react_2.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 80em;\n  pointer-events: auto;\n  transition: transform 0.1s ease-in-out;\n"], ["\n  width: 80em;\n  pointer-events: auto;\n  transition: transform 0.1s ease-in-out;\n"])));
-var closeTutorialPopup = { kind: rules_api_1.MoveKind.LocalMove, type: rules_api_1.LocalMoveType.CloseTutorialPopup };
+var rules = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n  padding-top: 1em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n  padding-top: 1em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"])));
+var backdropCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  pointer-events: none;\n  z-index: 900;\n"], ["\n  background: none;\n  pointer-events: none;\n  z-index: 900;\n"])));
+var passButton = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  font-size: 0.7em;\n  top: 1em;\n  right: 1.8em;\n"], ["\n  position: absolute;\n  font-size: 0.7em;\n  top: 1em;\n  right: 1.8em;\n"])));
+var buttonsLine = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
+var tutorialDialogCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 80em;\n  pointer-events: auto;\n  transition: transform 0.1s ease-in-out;\n"], ["\n  width: 80em;\n  pointer-events: auto;\n  transition: transform 0.1s ease-in-out;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=MaterialTutorialDisplay.js.map

package/dist/components/tutorial/MaterialTutorialDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialTutorialDisplay.js","sourceRoot":"","sources":["../../../src/components/tutorial/MaterialTutorialDisplay.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MaterialTutorialDisplay.js","sourceRoot":"","sources":["../../../src/components/tutorial/MaterialTutorialDisplay.tsx"],"names":[],"mappings":"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"}

package/dist/components/tutorial/TutorialRulesWrapper.js

@@ -20,7 +20,7 @@ function wrapRulesWithTutorial(tutorial, Rules) {
         return playerId === ((_b = (_a = tutorialStep.move) === null || _a === void 0 ? void 0 : _a.player) !== null && _b !== void 0 ? _b : this.game.players[0]);
     };
     Rules.prototype.getLegalMoves = function (playerId) {
-        var _a;
+        var _a, _b;
         var game = this.game;
         if (game.tutorialStep === undefined || game.tutorialStep >= tutorial.steps.length) {
             return getLegalMoves.bind(this)(playerId);
@@ -31,6 +31,9 @@ function wrapRulesWithTutorial(tutorial, Rules) {
             if (playerId !== player)
                 return [];
             var legalMoves = getLegalMoves.bind(this)(playerId);
+            if ((_b = game.tutorialInterrupt) === null || _b === void 0 ? void 0 : _b.length) {
+                legalMoves = [];
+            }
             var filter_1 = tutorialStep.move.filter;
             if (filter_1) {
                 legalMoves = legalMoves.filter(function (move) { return filter_1(move, game); });
@@ -52,12 +55,29 @@ function wrapRulesWithTutorial(tutorial, Rules) {
     };
     var play = Rules.prototype.play;
     Rules.prototype.play = function (move) {
+        var _a;
         var game = this.game;
-        var step = game.tutorialStep;
-        if (move.kind !== rules_api_1.MoveKind.LocalMove && step !== undefined && step < tutorial.steps.length && tutorial.steps[step].move) {
-            game.tutorialStepComplete = true;
+        var stepIndex = game.tutorialStep;
+        var consequences = play.bind(this)(move);
+        if (move.kind !== rules_api_1.MoveKind.LocalMove && stepIndex !== undefined && stepIndex < tutorial.steps.length) {
+            var step = tutorial.steps[stepIndex];
+            if (step.move) {
+                game.tutorialStepComplete = true;
+                if (step.move.interrupt) {
+                    var interruptIndex = consequences.findIndex(step.move.interrupt);
+                    if (interruptIndex !== -1) {
+                        this.game.tutorialInterrupt = consequences.slice(interruptIndex);
+                        consequences.splice(interruptIndex, consequences.length - interruptIndex);
+                    }
+                }
+            }
+        }
+        else if (move.kind === rules_api_1.MoveKind.LocalMove && move.type === rules_api_1.LocalMoveType.CloseTutorialPopup) {
+            var moves = (_a = this.game.tutorialInterrupt) !== null && _a !== void 0 ? _a : [];
+            delete this.game.tutorialInterrupt;
+            return moves;
         }
-        return play.bind(this)(move);
+        return consequences;
     };
     var getAutomaticMoves = Rules.prototype.getAutomaticMoves;
     Rules.prototype.getAutomaticMoves = function () {

package/dist/components/tutorial/TutorialRulesWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TutorialRulesWrapper.js","sourceRoot":"","sources":["../../../src/components/tutorial/TutorialRulesWrapper.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TutorialRulesWrapper.js","sourceRoot":"","sources":["../../../src/components/tutorial/TutorialRulesWrapper.ts"],"names":[],"mappings":"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"}

package/dist/css/GameTheme.d.ts

@@ -3,6 +3,10 @@ export interface GameTheme {
     root: RootTheme;
     dialog: DialogTheme;
     buttons?: Interpolation<GameTheme>;
+    dropArea?: DropAreaTheme;
+}
+export interface DropAreaTheme {
+    backgroundColor: string;
 }
 export interface RootTheme {
     fontFamily: string;

package/dist/css/GameTheme.js

@@ -14,6 +14,9 @@ exports.defaultTheme = {
     dialog: {
         backgroundColor: '#f0fbfc',
         color: '#002448'
+    },
+    dropArea: {
+        backgroundColor: 'rgba(0, 255, 0, 0.5)'
     }
 };
 //# sourceMappingURL=GameTheme.js.map

package/dist/css/GameTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"GameTheme.js","sourceRoot":"","sources":["../../src/css/GameTheme.ts"],"names":[],"mappings":";;;AACA,uDAAqD;AAErD,IAAA,mCAAgB,EAAC,wHAAwH,CAAC,CAAA;AAuB7H,QAAA,YAAY,GAAc;IACrC,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE;YACV,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,iBAAiB;YACjD,OAAO,EAAE,oBAAoB;SAC9B;KACF;IACD,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA"}
+{"version":3,"file":"GameTheme.js","sourceRoot":"","sources":["../../src/css/GameTheme.ts"],"names":[],"mappings":";;;AACA,uDAAqD;AAErD,IAAA,mCAAgB,EAAC,wHAAwH,CAAC,CAAA;AA4B7H,QAAA,YAAY,GAAc;IACrC,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE;YACV,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,iBAAiB;YACjD,OAAO,EAAE,oBAAoB;SAC9B;KACF;IACD,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;KACjB;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,sBAAsB;KACxC;CACF,CAAA"}

package/dist/hooks/index.d.ts

@@ -7,7 +7,6 @@ export * from './useGiveUp';
 export * from './useItemLocator';
 export * from './useKeyDown';
 export * from './useLegalMoves';
-export * from './useMaterialAnimations';
 export * from './useMaterialContext';
 export * from './useMaterialDescription';
 export * from './useNow';
@@ -18,6 +17,7 @@ export * from './usePlayerId';
 export * from './usePlayerName';
 export * from './usePlayers';
 export * from './usePlayerTime';
+export * from './useRankedPlayers';
 export * from './useResultText';
 export * from './useRules';
 export * from './useRulesStep';

package/dist/hooks/index.js

@@ -23,7 +23,6 @@ __exportStar(require("./useGiveUp"), exports);
 __exportStar(require("./useItemLocator"), exports);
 __exportStar(require("./useKeyDown"), exports);
 __exportStar(require("./useLegalMoves"), exports);
-__exportStar(require("./useMaterialAnimations"), exports);
 __exportStar(require("./useMaterialContext"), exports);
 __exportStar(require("./useMaterialDescription"), exports);
 __exportStar(require("./useNow"), exports);
@@ -34,6 +33,7 @@ __exportStar(require("./usePlayerId"), exports);
 __exportStar(require("./usePlayerName"), exports);
 __exportStar(require("./usePlayers"), exports);
 __exportStar(require("./usePlayerTime"), exports);
+__exportStar(require("./useRankedPlayers"), exports);
 __exportStar(require("./useResultText"), exports);
 __exportStar(require("./useRules"), exports);
 __exportStar(require("./useRulesStep"), exports);

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,kDAA+B;AAC/B,gDAA6B;AAC7B,kDAA+B;AAC/B,4CAAyB;AACzB,8CAA2B;AAC3B,mDAAgC;AAChC,+CAA4B;AAC5B,kDAA+B;AAC/B,0DAAuC;AACvC,uDAAoC;AACpC,2DAAwC;AACxC,2CAAwB;AACxB,uDAAoC;AACpC,2DAAwC;AACxC,4CAAyB;AACzB,gDAA6B;AAC7B,kDAA+B;AAC/B,+CAA4B;AAC5B,kDAA+B;AAC/B,kDAA+B;AAC/B,6CAA0B;AAC1B,iDAA8B;AAC9B,6CAA0B;AAC1B,4CAAyB;AACzB,4CAAyB;AACzB,sDAAmC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,kDAA+B;AAC/B,gDAA6B;AAC7B,kDAA+B;AAC/B,4CAAyB;AACzB,8CAA2B;AAC3B,mDAAgC;AAChC,+CAA4B;AAC5B,kDAA+B;AAC/B,uDAAoC;AACpC,2DAAwC;AACxC,2CAAwB;AACxB,uDAAoC;AACpC,2DAAwC;AACxC,4CAAyB;AACzB,gDAA6B;AAC7B,kDAA+B;AAC/B,+CAA4B;AAC5B,kDAA+B;AAC/B,qDAAkC;AAClC,kDAA+B;AAC/B,6CAA0B;AAC1B,iDAA8B;AAC9B,6CAA0B;AAC1B,4CAAyB;AACzB,4CAAyB;AACzB,sDAAmC"}

package/dist/hooks/useHistory.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export type Histories = Map<string, ReactElement[] | undefined>;
+export declare const useHistory: () => {
+    histories: Histories;
+    size: number;
+};

package/dist/hooks/useHistory.js

@@ -0,0 +1,73 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHistory = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var keyBy_1 = __importDefault(require("lodash/keyBy"));
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var components_1 = require("../components");
+var useActions_1 = require("./useActions");
+var useHistory = function () {
+    var _a, _b;
+    var context = (0, react_1.useContext)(components_1.gameContext);
+    var setup = (_a = (0, react_redux_1.useSelector)(function (state) { return state.setup; })) !== null && _a !== void 0 ? _a : {};
+    var actions = (_b = (0, useActions_1.useActions)()) !== null && _b !== void 0 ? _b : [];
+    var filteredActions = (0, react_1.useMemo)(function () { return (actions !== null && actions !== void 0 ? actions : []).filter(function (a) { return !a.pending && a.id !== undefined; }); }, [actions]);
+    var historyRef = (0, react_1.useRef)(new Map());
+    var _c = (0, react_1.useState)(0), historySize = _c[0], setHistorySize = _c[1];
+    var rules = (0, react_1.useMemo)(function () { return new context.Rules(JSON.parse(JSON.stringify(setup))); }, [setup]);
+    var MaterialHistory = context.MaterialHistory;
+    var getMoveEntry = (0, react_1.useCallback)(function (action, move, consequenceIndex, rules) {
+        var historyContext = {
+            consequenceIndex: consequenceIndex,
+            action: action,
+            game: JSON.parse(JSON.stringify(rules.game))
+        };
+        return (0, jsx_runtime_1.jsx)(MaterialHistory, { move: move, context: historyContext });
+    }, [context]);
+    var addActionEntries = (0, react_1.useCallback)(function (histories, action) {
+        histories.set(action.id, []);
+        var actionEntry = getMoveEntry(action, action.move, undefined, rules);
+        rules.play(action.move);
+        histories.get(action.id).push(actionEntry);
+        for (var index = 0; index < action.consequences.length; index++) {
+            var consequence = action.consequences[index];
+            var consequenceEntry = getMoveEntry(action, consequence, index, rules);
+            rules.play(consequence);
+            histories.get(action.id).push(consequenceEntry);
+        }
+    }, [rules]);
+    (0, react_1.useEffect)(function () {
+        var histories = historyRef.current;
+        var actualSize = histories.size;
+        if (actualSize < filteredActions.length) {
+            for (var _i = 0, filteredActions_1 = filteredActions; _i < filteredActions_1.length; _i++) {
+                var action = filteredActions_1[_i];
+                if (histories.has(action.id))
+                    continue;
+                addActionEntries(histories, action);
+            }
+            setHistorySize(histories.size);
+            historyRef.current = histories;
+        }
+        else if (actualSize > filteredActions.length) {
+            var actionsById = (0, keyBy_1.default)(filteredActions, function (a) { return a.id; });
+            for (var _a = 0, _b = Array.from(histories.keys()); _a < _b.length; _a++) {
+                var key = _b[_a];
+                if (!(key in actionsById))
+                    histories.delete(key);
+            }
+            setHistorySize(histories.size);
+            historyRef.current = histories;
+        }
+    }, [filteredActions.length]);
+    return {
+        histories: historyRef.current,
+        size: historySize
+    };
+};
+exports.useHistory = useHistory;
+//# sourceMappingURL=useHistory.js.map

package/dist/hooks/useHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHistory.js","sourceRoot":"","sources":["../../src/hooks/useHistory.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/useLegalMoves.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLegalMove = exports.useLegalMoves = void 0;
 var react_1 = require("react");
 var react_redux_1 = require("react-redux");
+var useIsAnimatingPlayerAction_1 = require("../components/material/utils/useIsAnimatingPlayerAction");
 var usePlayerId_1 = require("./usePlayerId");
 var useRules_1 = require("./useRules");
 var cache = {
@@ -13,15 +14,16 @@ function useLegalMoves(predicate) {
     var rules = (0, useRules_1.useRules)();
     var playerId = (0, usePlayerId_1.usePlayerId)();
     var gameOver = (0, react_redux_1.useSelector)(function (state) { return state.gameOver; });
-    if (rules && playerId !== undefined && cache.game !== rules.game) {
+    var isAnimatingPlayerAction = (0, useIsAnimatingPlayerAction_1.useIsAnimatingPlayerAction)();
+    if (rules && playerId !== undefined && cache.game !== rules.game && !isAnimatingPlayerAction) {
         cache.game = rules.game;
         cache.moves = rules.getLegalMoves(playerId);
     }
     return (0, react_1.useMemo)(function () {
-        if (gameOver)
+        if (gameOver || isAnimatingPlayerAction)
             return [];
         return predicate ? cache.moves.filter(predicate) : cache.moves;
-    }, [cache.moves, predicate, gameOver]);
+    }, [cache.moves, predicate, gameOver, isAnimatingPlayerAction]);
 }
 exports.useLegalMoves = useLegalMoves;
 function useLegalMove(predicate) {

package/dist/hooks/useLegalMoves.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLegalMoves.js","sourceRoot":"","sources":["../../src/hooks/useLegalMoves.ts"],"names":[],"mappings":";;;AACA,+BAA+B;AAC/B,2CAAyC;AACzC,6CAA2C;AAC3C,uCAAqC;AAOrC,IAAM,KAAK,GAAU;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CACV,CAAA;AAED,SAAgB,aAAa,CAAa,SAAmC;IAC3E,IAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAA;IAC9B,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,CAAC,CAAA;IACtE,IAAI,KAAK,IAAI,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,EAAE;QAChE,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;QACvB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;KAC5C;IACD,OAAO,IAAA,eAAO,EAAC;QACX,IAAI,QAAQ;YAAE,OAAO,EAAE,CAAA;QACvB,OAAO,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAChE,CAAC,EACD,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;AACvC,CAAC;AAbD,sCAaC;AAED,SAAgB,YAAY,CAAa,SAAmC;IAC1E,IAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAChD,CAAC;AAHD,oCAGC"}
+{"version":3,"file":"useLegalMoves.js","sourceRoot":"","sources":["../../src/hooks/useLegalMoves.ts"],"names":[],"mappings":";;;AACA,+BAA+B;AAC/B,2CAAyC;AACzC,sGAAoG;AACpG,6CAA2C;AAC3C,uCAAqC;AAOrC,IAAM,KAAK,GAAU;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CACV,CAAA;AAED,SAAgB,aAAa,CAAa,SAAmC;IAC3E,IAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAA;IAC9B,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,CAAC,CAAA;IACtE,IAAM,uBAAuB,GAAG,IAAA,uDAA0B,GAAE,CAAA;IAC5D,IAAI,KAAK,IAAI,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,uBAAuB,EAAE;QAC5F,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;QACvB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;KAC5C;IACD,OAAO,IAAA,eAAO,EAAC;QACX,IAAI,QAAQ,IAAI,uBAAuB;YAAE,OAAO,EAAE,CAAA;QAClD,OAAO,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAChE,CAAC,EACD,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB,CAAC,CAAC,CAAA;AAChE,CAAC;AAdD,sCAcC;AAED,SAAgB,YAAY,CAAa,SAAmC;IAC1E,IAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAChD,CAAC;AAHD,oCAGC"}

package/dist/hooks/useRankedPlayers.d.ts

@@ -0,0 +1,5 @@
+export declare const useRankedPlayers: <PlayerId = any>() => {
+    id: PlayerId;
+    rank: number;
+    quit: boolean;
+}[];

package/dist/hooks/useRankedPlayers.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRankedPlayers = void 0;
+var rules_api_1 = require("@gamepark/rules-api");
+var react_redux_1 = require("react-redux");
+var usePlayerId_1 = require("./usePlayerId");
+var useRules_1 = require("./useRules");
+var useRankedPlayers = function () {
+    var rules = (0, useRules_1.useRules)();
+    var playerIds = (0, usePlayerId_1.usePlayerIds)();
+    var ejectedPlayers = (0, react_redux_1.useSelector)(function (state) {
+        return state.players.filter(function (p) { return p.quit; }).map(function (p) { return p.id; });
+    }, react_redux_1.shallowEqual);
+    var rankedPlayers = playerIds.map(function (id) { return ({ id: id, rank: 1, quit: ejectedPlayers.includes(id) }); });
+    if (rules && (0, rules_api_1.isCompetitive)(rules)) {
+        rankedPlayers.sort(function (playerA, playerB) {
+            if (playerA.quit || playerB.quit) {
+                return playerA.quit ? playerB.quit ? 0 : 1 : -1;
+            }
+            return (0, rules_api_1.rankPlayers)(rules, playerA.id, playerB.id);
+        });
+        for (var i = 1; i < rankedPlayers.length; i++) {
+            if (rankedPlayers[i - 1].quit) {
+                rankedPlayers[i].rank = rankedPlayers[i - 1].rank;
+            }
+            else if (rankedPlayers[i].quit) {
+                rankedPlayers[i].rank = rankedPlayers[i - 1].rank + 1;
+            }
+            else {
+                var rank = (0, rules_api_1.rankPlayers)(rules, rankedPlayers[i - 1].id, rankedPlayers[i].id);
+                rankedPlayers[i].rank = rank === 0 ? rankedPlayers[i - 1].rank : rankedPlayers[i - 1].rank + 1;
+            }
+        }
+    }
+    return rankedPlayers;
+};
+exports.useRankedPlayers = useRankedPlayers;
+//# sourceMappingURL=useRankedPlayers.js.map

package/dist/hooks/useRankedPlayers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRankedPlayers.js","sourceRoot":"","sources":["../../src/hooks/useRankedPlayers.ts"],"names":[],"mappings":";;;AACA,iDAAgE;AAChE,2CAAuD;AACvD,6CAA4C;AAC5C,uCAAqC;AAE9B,IAAM,gBAAgB,GAAG;IAC9B,IAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,IAAM,SAAS,GAAG,IAAA,0BAAY,GAAE,CAAA;IAChC,IAAM,cAAc,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAwC;QAC1E,OAAA,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,EAAJ,CAAI,CAAC;IAAhD,CAAgD,EAAE,0BAAY,CAAC,CAAA;IACjE,IAAM,aAAa,GAAG,SAAS,CAAC,GAAG,CAAC,UAAA,EAAE,IAAI,OAAA,CAAC,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAApD,CAAoD,CAAC,CAAA;IAC/F,IAAI,KAAK,IAAI,IAAA,yBAAa,EAAC,KAAK,CAAC,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,UAAC,OAAO,EAAE,OAAO;YAClC,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;gBAChC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;aAChD;YACD,OAAO,IAAA,uBAAW,EAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC,CAAA;QACnD,CAAC,CAAC,CAAA;QACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC7C,IAAI,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE;gBAC7B,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA;aAClD;iBAAM,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;gBAChC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAA;aACtD;iBAAM;gBACL,IAAM,IAAI,GAAG,IAAA,uBAAW,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;gBAC7E,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAA;aAC/F;SACF;KACF;IACD,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA;AAzBY,QAAA,gBAAgB,oBAyB5B"}

package/dist/hooks/useUndo.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUndo = void 0;
 var react_client_1 = require("@gamepark/react-client");
 var rules_api_1 = require("@gamepark/rules-api");
+var findLastIndex_1 = __importDefault(require("lodash/findLastIndex"));
 var react_1 = require("react");
 var react_redux_1 = require("react-redux");
-var findLastIndex_1 = __importDefault(require("lodash/findLastIndex"));
 var components_1 = require("../components");
 var useUndo = function () {
     var _a;
     var actions = (0, react_redux_1.useSelector)(function (state) { return state.actions; });
-    var setup = (0, react_redux_1.useSelector)(function (state) { return state.setup; });
+    var game = (0, react_redux_1.useSelector)(function (state) { return state.state; });
     var playerId = (0, react_redux_1.useSelector)(function (state) { return state.playerId; });
     var dispatch = (0, react_redux_1.useDispatch)();
     var Rules = (_a = (0, react_1.useContext)(components_1.gameContext)) === null || _a === void 0 ? void 0 : _a.Rules;
@@ -41,21 +41,26 @@ var useUndo = function () {
         }
     }, [actions, playerId, dispatch]);
     var canUndo = (0, react_1.useCallback)(function (movePredicate) {
-        if (!setup || !actions)
+        if (!game || !actions)
+            return false;
+        if (actions.some(function (action) {
+            return action.playerId === playerId && ((0, react_client_1.isActionToAnimate)(action) || action.animation !== undefined);
+        }))
             return false;
-        var index = (0, findLastIndex_1.default)(actions, function (action) { return action.playerId === playerId && !action.cancelled && (!movePredicate || movePredicate(action.move)); });
+        var index = (0, findLastIndex_1.default)(actions, function (action) {
+            return action.playerId === playerId && !action.cancelled && (!movePredicate || movePredicate(action.move));
+        });
         if (index === -1)
             return false;
         var action = actions[index];
         if (action.pending)
             return false;
         var consecutiveActions = actions.slice(index + 1).filter(function (action) { return !action.cancelled; });
-        var rules = new Rules(JSON.parse(JSON.stringify(setup)), { player: playerId });
+        var rules = new Rules(game, { player: playerId });
         if (!(0, rules_api_1.hasUndo)(rules))
             return false;
-        (0, rules_api_1.replayActions)(rules, actions.filter(function (action) { return !action.delayed && !action.cancelled; }));
         return rules.canUndo(action, consecutiveActions);
-    }, [setup, actions, playerId, Rules]);
+    }, [game, actions, playerId, Rules]);
     return [undo, canUndo];
 };
 exports.useUndo = useUndo;

package/dist/hooks/useUndo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUndo.js","sourceRoot":"","sources":["../../src/hooks/useUndo.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useUndo.js","sourceRoot":"","sources":["../../src/hooks/useUndo.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useZoomToElements.d.ts

@@ -1,2 +1,10 @@
+import { Margin } from '../components';
 import { animations } from '../utilities/animations.constants';
-export declare function useZoomToElements(): (elements: HTMLElement[], scale?: number, animationTime?: number, animationType?: keyof typeof animations) => void;
+export declare function useZoomToElements(): (elements: HTMLElement[], options?: ZoomToElementsOptions) => void;
+type ZoomToElementsOptions = {
+    scale?: number;
+    animationTime?: number;
+    animationType?: keyof typeof animations;
+    margin?: Margin;
+};
+export {};