@gamepark/react-game 7.0.0-beta.0 → 7.0.0-beta.4

package/dist/components/menus/menuCss.js

@@ -1,20 +1,103 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.displayBackdrop = exports.backdrop = exports.hide = exports.menuBaseCss = exports.menuButtonCss = exports.menuFloatingButtonCss = exports.floatingButtonCss = exports.menuFontSize = exports.menuDialogCss = void 0;
-var react_1 = require("@emotion/react");
-var css_1 = require("../../css");
-exports.menuDialogCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 3.2em;\n\n  h2 {\n    margin: 0 0 0.5em;\n  }\n\n  p {\n    margin: 0.5em 0;\n  }\n"], ["\n  font-size: 3.2em;\n\n  h2 {\n    margin: 0 0 0.5em;\n  }\n\n  p {\n    margin: 0.5em 0;\n  }\n"])));
-exports.menuFontSize = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 4em;\n  @media only screen and (min-width: 960px) {\n    font-size: 3.2em;\n  }\n"], ["\n  font-size: 4em;\n  @media only screen and (min-width: 960px) {\n    font-size: 3.2em;\n  }\n"])));
-exports.floatingButtonCss = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  position: fixed;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 0 0.2em black;\n  z-index: 990;\n"], ["\n  ", ";\n  ", ";\n  position: fixed;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 0 0.2em black;\n  z-index: 990;\n"])), exports.menuFontSize, css_1.buttonResetCss);
-exports.menuFloatingButtonCss = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  top: 0;\n  right: 0;\n  border-bottom-left-radius: 25%;\n"], ["\n  ", ";\n  top: 0;\n  right: 0;\n  border-bottom-left-radius: 25%;\n"])), exports.floatingButtonCss);
-exports.menuButtonCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  display: block;\n  font-size: 1.125em;\n  padding: 0.2em 0.5em;\n  border-radius: 2em;\n  border: 0.05em solid #002448;\n  margin-bottom: 0.5em;\n  color: #002448;\n  background: transparent;\n\n  &:focus, &:hover {\n    background: #c2ebf1;\n  }\n\n  &:active {\n    background: #ade4ec;\n  }\n\n  &:disabled {\n    color: #555555;\n    border-color: #555555;\n    background: transparent;\n    cursor: auto;\n  }\n\n  > svg {\n    margin-right: 0.5em;\n  }\n"], ["\n  ", ";\n  display: block;\n  font-size: 1.125em;\n  padding: 0.2em 0.5em;\n  border-radius: 2em;\n  border: 0.05em solid #002448;\n  margin-bottom: 0.5em;\n  color: #002448;\n  background: transparent;\n\n  &:focus, &:hover {\n    background: #c2ebf1;\n  }\n\n  &:active {\n    background: #ade4ec;\n  }\n\n  &:disabled {\n    color: #555555;\n    border-color: #555555;\n    background: transparent;\n    cursor: auto;\n  }\n\n  > svg {\n    margin-right: 0.5em;\n  }\n"])), css_1.buttonResetCss);
-exports.menuBaseCss = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  max-height: 100vh;\n  max-height: 100dvh;\n  background: #F0FBFC;\n  overflow: hidden;\n  color: #002448;\n  font-family: \"Mulish\", sans-serif;\n  box-shadow: 0 0 1em black;\n  transition: transform 0.5s;\n  will-change: transform;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  z-index: 995;\n"], ["\n  position: absolute;\n  top: 0;\n  max-height: 100vh;\n  max-height: 100dvh;\n  background: #F0FBFC;\n  overflow: hidden;\n  color: #002448;\n  font-family: \"Mulish\", sans-serif;\n  box-shadow: 0 0 1em black;\n  transition: transform 0.5s;\n  will-change: transform;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  z-index: 995;\n"])));
-exports.hide = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  transform: scale(0);\n"], ["\n  transform: scale(0);\n"])));
-exports.backdrop = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: fixed;\n  width: 100vw;\n  width: 100dvw;\n  height: 100vw;\n  height: 100dvw;\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.5s;\n  pointer-events: none;\n  z-index: 950;\n"], ["\n  position: fixed;\n  width: 100vw;\n  width: 100dvw;\n  height: 100vw;\n  height: 100dvw;\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.5s;\n  pointer-events: none;\n  z-index: 950;\n"])));
-exports.displayBackdrop = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  opacity: 1;\n  pointer-events: auto;\n"], ["\n  opacity: 1;\n  pointer-events: auto;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+import { css } from '@emotion/react';
+import { buttonResetCss } from '../../css';
+export const menuDialogCss = css `
+  font-size: 3.2em;
+
+  h2 {
+    margin: 0 0 0.5em;
+  }
+
+  p {
+    margin: 0.5em 0;
+  }
+`;
+export const menuFontSize = css `
+  font-size: 4em;
+  @media only screen and (min-width: 960px) {
+    font-size: 3.2em;
+  }
+`;
+export const floatingButtonCss = css `
+  ${menuFontSize};
+  ${buttonResetCss};
+  position: fixed;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 0 0.2em black;
+  z-index: 990;
+`;
+export const menuFloatingButtonCss = css `
+  ${floatingButtonCss};
+  top: 0;
+  right: 0;
+  border-bottom-left-radius: 25%;
+`;
+export const menuButtonCss = css `
+  ${buttonResetCss};
+  display: block;
+  font-size: 1.125em;
+  padding: 0.2em 0.5em;
+  border-radius: 2em;
+  border: 0.05em solid #002448;
+  margin-bottom: 0.5em;
+  color: #002448;
+  background: transparent;
+
+  &:focus, &:hover {
+    background: #c2ebf1;
+  }
+
+  &:active {
+    background: #ade4ec;
+  }
+
+  &:disabled {
+    color: #555555;
+    border-color: #555555;
+    background: transparent;
+    cursor: auto;
+  }
+
+  > svg {
+    margin-right: 0.5em;
+  }
+`;
+export const menuBaseCss = css `
+  position: absolute;
+  top: 0;
+  max-height: 100vh;
+  max-height: 100dvh;
+  background: #F0FBFC;
+  overflow: hidden;
+  color: #002448;
+  font-family: "Mulish", sans-serif;
+  box-shadow: 0 0 1em black;
+  transition: transform 0.5s;
+  will-change: transform;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  z-index: 995;
+`;
+export const hide = css `
+  transform: scale(0);
+`;
+export const backdrop = css `
+  position: fixed;
+  width: 100vw;
+  width: 100dvw;
+  height: 100vw;
+  height: 100dvw;
+  background: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  transition: opacity 0.5s;
+  pointer-events: none;
+  z-index: 950;
+`;
+export const displayBackdrop = css `
+  opacity: 1;
+  pointer-events: auto;
+`;
 //# sourceMappingURL=menuCss.js.map

package/dist/components/menus/menuCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuCss.js","sourceRoot":"","sources":["../../../src/components/menus/menuCss.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAoC;AACpC,iCAA0C;AAE7B,QAAA,aAAa,OAAG,WAAG,wKAAA,oGAU/B,KAAA;AAEY,QAAA,YAAY,OAAG,WAAG,sKAAA,kGAK9B,KAAA;AAEY,QAAA,iBAAiB,OAAG,WAAG,oPAAA,MAChC,EAAY,OACZ,EAAc,+JAQjB,KATG,oBAAY,EACZ,oBAAc,EAQjB;AAEY,QAAA,qBAAqB,OAAG,WAAG,4IAAA,MACpC,EAAiB,gEAIpB,KAJG,yBAAiB,EAIpB;AAEY,QAAA,aAAa,OAAG,WAAG,+hBAAA,MAC5B,EAAc,mdA4BjB,KA5BG,oBAAc,EA4BjB;AAEY,QAAA,WAAW,OAAG,WAAG,+aAAA,2WAgB7B,KAAA;AAEY,QAAA,IAAI,OAAG,WAAG,gGAAA,4BAEtB,KAAA;AAEY,QAAA,QAAQ,OAAG,WAAG,6RAAA,yNAW1B,KAAA;AAEY,QAAA,eAAe,OAAG,WAAG,gHAAA,4CAGjC,KAAA"}
+{"version":3,"file":"menuCss.js","sourceRoot":"","sources":["../../../src/components/menus/menuCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;CAU/B,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;CAK9B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;IAChC,YAAY;IACZ,cAAc;;;;;;;;CAQjB,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;IACpC,iBAAiB;;;;CAIpB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;IAC5B,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BjB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB7B,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;;CAEtB,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;CAW1B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;CAGjC,CAAA"}

package/dist/components/tutorial/MaterialTutorial.js

@@ -1,41 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TutorialStepType = exports.MaterialTutorial = void 0;
-exports.isMaterialTutorial = isMaterialTutorial;
-var rules_api_1 = require("@gamepark/rules-api");
-var MaterialTutorial = /** @class */ (function () {
-    function MaterialTutorial() {
+import { LocationBuilder, Material } from '@gamepark/rules-api';
+export class MaterialTutorial {
+    material(game, type) {
+        return new Material(type, game.items[type]);
     }
-    MaterialTutorial.prototype.material = function (game, type) {
-        return new rules_api_1.Material(type, game.items[type]);
-    };
-    MaterialTutorial.prototype.location = function (type) {
-        return new rules_api_1.LocationBuilder({ type: type });
-    };
-    MaterialTutorial.prototype.setupTutorial = function () {
-        var tutorial = { step: 0, stepComplete: false, popupClosed: false };
-        var game = this.setup.setup(this.options, tutorial);
+    location(type) {
+        return new LocationBuilder({ type });
+    }
+    setupTutorial() {
+        const tutorial = { step: 0, stepComplete: false, popupClosed: false };
+        const game = this.setup.setup(this.options, tutorial);
         return [game, this.players];
-    };
-    MaterialTutorial.prototype.getNextMove = function (rules) {
+    }
+    getNextMove(rules) {
         if (rules.game.tutorial && rules.game.tutorial.step < this.steps.length) {
-            var step = this.steps[rules.game.tutorial.step];
+            const step = this.steps[rules.game.tutorial.step];
             if (!step.move || step.move.player === undefined || step.move.player === rules.game.players[0])
                 return;
-            var moves = rules.getLegalMoves(step.move.player);
+            const moves = rules.getLegalMoves(step.move.player);
             return moves[Math.floor(Math.random() * moves.length)];
         }
         return undefined;
-    };
-    return MaterialTutorial;
-}());
-exports.MaterialTutorial = MaterialTutorial;
-var TutorialStepType;
+    }
+}
+export var TutorialStepType;
 (function (TutorialStepType) {
     TutorialStepType[TutorialStepType["Popup"] = 1] = "Popup";
     TutorialStepType[TutorialStepType["Move"] = 2] = "Move";
-})(TutorialStepType || (exports.TutorialStepType = TutorialStepType = {}));
-function isMaterialTutorial(tutorialDescription) {
+})(TutorialStepType || (TutorialStepType = {}));
+export function isMaterialTutorial(tutorialDescription) {
     return !!tutorialDescription && typeof tutorialDescription.material === 'function';
 }
 //# 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":";;;AA2EA,gDAIC;AA9ED,iDAS4B;AAM5B;IAAA;IA8BA,CAAC;IAvBC,mCAAQ,GAAR,UAAS,IAA2B,EAAE,IAAO;QAC3C,OAAO,IAAI,oBAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAC7C,CAAC;IAED,mCAAQ,GAAR,UAAS,IAAO;QACd,OAAO,IAAI,2BAAe,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;IACtC,CAAC;IAED,wCAAa,GAAb;QACE,IAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAA;QACrE,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;QACrD,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IAC7B,CAAC;IAED,sCAAW,GAAX,UAAY,KAA6B;QACvC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACxE,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACjD,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;QACxD,CAAC;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,gCAAhB,gBAAgB,QAE3B;AAyBD,SAAgB,kBAAkB,CAChC,mBAAwD;IAExD,OAAO,CAAC,CAAC,mBAAmB,IAAI,OAAQ,mBAAwC,CAAC,QAAQ,KAAK,UAAU,CAAA;AAC1G,CAAC"}
+{"version":3,"file":"MaterialTutorial.js","sourceRoot":"","sources":["../../../src/components/tutorial/MaterialTutorial.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EACf,QAAQ,EAOT,MAAM,qBAAqB,CAAA;AAM5B,MAAM,OAAgB,gBAAgB;IAOpC,QAAQ,CAAC,IAA2B,EAAE,IAAO;QAC3C,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAC7C,CAAC;IAED,QAAQ,CAAC,IAAO;QACd,OAAO,IAAI,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;IACtC,CAAC;IAED,aAAa;QACX,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAA;QACrE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;QACrD,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IAC7B,CAAC;IAED,WAAW,CAAC,KAA6B;QACvC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACxE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACjD,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,MAAM,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;QACxD,CAAC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;CACF;AAED,MAAM,CAAN,IAAY,gBAEX;AAFD,WAAY,gBAAgB;IAC1B,yDAAS,CAAA;IAAE,uDAAI,CAAA;AACjB,CAAC,EAFW,gBAAgB,KAAhB,gBAAgB,QAE3B;AAyBD,MAAM,UAAU,kBAAkB,CAChC,mBAAwD;IAExD,OAAO,CAAC,CAAC,mBAAmB,IAAI,OAAQ,mBAAwC,CAAC,QAAQ,KAAK,UAAU,CAAA;AAC1G,CAAC"}

package/dist/components/tutorial/MaterialTutorialDisplay.js

@@ -1,109 +1,97 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaterialTutorialDisplay = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-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 faForwardFast_1 = require("@fortawesome/free-solid-svg-icons/faForwardFast");
-var faPlay_1 = require("@fortawesome/free-solid-svg-icons/faPlay");
-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 es_toolkit_1 = require("es-toolkit");
-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 _a, _b, _c, _d;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var context = (0, hooks_1.useMaterialContext)();
-    var game = context.rules.game;
-    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_2.useEffect)(function () {
-        dispatch((0, react_client_1.playTutorialMovesAction)(Infinity));
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css, ThemeProvider } from '@emotion/react';
+import { faBackward } from '@fortawesome/free-solid-svg-icons/faBackward';
+import { faForward } from '@fortawesome/free-solid-svg-icons/faForward';
+import { faForwardFast } from '@fortawesome/free-solid-svg-icons/faForwardFast';
+import { faPlay } from '@fortawesome/free-solid-svg-icons/faPlay';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { playTutorialMoves, useGameDispatch } from '@gamepark/react-client';
+import { isCloseTutorialPopup, isSetTutorialStep } from '@gamepark/rules-api';
+import { maxBy, minBy } from 'es-toolkit';
+import { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { buttonCss, transformCss } from '../../css';
+import { useLegalMove, useLegalMoves, useMaterialContext, useUndo } from '../../hooks';
+import { useTutorialStep } from '../../hooks/useTutorialStep';
+import { PlayMoveButton, ThemeButton } from '../buttons';
+import { Dialog } from '../dialogs';
+import { useFocusContext } from '../material';
+export const MaterialTutorialDisplay = () => {
+    const { t } = useTranslation();
+    const context = useMaterialContext();
+    const game = context.rules.game;
+    const tutorialStep = useTutorialStep();
+    const tutorialMoves = useLegalMoves(isSetTutorialStep);
+    const closeTutorialPopup = useLegalMove(isCloseTutorialPopup);
+    const popup = tutorialStep?.popup;
+    const dispatch = useGameDispatch();
+    useEffect(() => {
+        dispatch(playTutorialMoves(Infinity));
     }, []);
-    var nextStepMove = (0, es_toolkit_1.minBy)(tutorialMoves, function (move) { return move.step; });
-    var passMove = (0, es_toolkit_1.maxBy)(tutorialMoves, function (move) { return move.step; });
-    var _e = __read((0, hooks_1.useUndo)(), 2), undo = _e[0], canUndo = _e[1];
-    var canUndoLastMove = canUndo();
-    var setFocus = (0, material_1.useFocusContext)().setFocus;
-    (0, react_2.useEffect)(function () {
-        var _a, _b;
-        if (game && !((_a = game.tutorial) === null || _a === void 0 ? void 0 : _a.popupClosed)) {
-            if (tutorialStep === null || tutorialStep === void 0 ? void 0 : tutorialStep.focus) {
-                setFocus(__assign({ materials: [], staticItems: [], locations: [], highlight: true }, tutorialStep.focus(game, context)));
+    const nextStepMove = minBy(tutorialMoves, move => move.step);
+    const passMove = maxBy(tutorialMoves, move => move.step);
+    const [undo, canUndo] = useUndo();
+    const canUndoLastMove = canUndo();
+    const { setFocus } = useFocusContext();
+    useEffect(() => {
+        if (game && !game.tutorial?.popupClosed) {
+            if (tutorialStep?.focus) {
+                setFocus({ materials: [], staticItems: [], locations: [], highlight: true, ...tutorialStep.focus(game, context) });
             }
             else {
-                var move = tutorialStep === null || tutorialStep === void 0 ? void 0 : tutorialStep.move;
-                var isMyTurn = move !== undefined && !((_b = game.tutorial) === null || _b === void 0 ? void 0 : _b.interrupt) && (!(move === null || move === void 0 ? void 0 : move.player) || (move === null || move === void 0 ? void 0 : move.player) === game.players[0]);
+                const move = tutorialStep?.move;
+                const isMyTurn = move !== undefined && !game.tutorial?.interrupt && (!move?.player || move?.player === game.players[0]);
                 setFocus(undefined, !isMyTurn);
             }
         }
         else {
             setFocus(undefined, false);
         }
-    }, [tutorialStep, (_a = game === null || game === void 0 ? void 0 : game.tutorial) === null || _a === void 0 ? void 0 : _a.popupClosed]);
-    return ((0, jsx_runtime_1.jsx)(dialogs_1.Dialog, { open: popup !== undefined && !((_b = game === null || game === void 0 ? void 0 : game.tutorial) === null || _b === void 0 ? void 0 : _b.popupClosed), css: [
+    }, [tutorialStep, game?.tutorial?.popupClosed]);
+    return (_jsx(Dialog, { open: popup !== undefined && !game?.tutorial?.popupClosed, css: [
             tutorialDialogCss,
-            (popup === null || popup === void 0 ? void 0 : popup.position) && (0, css_1.transformCss)("translate(".concat((_c = popup.position.x) !== null && _c !== void 0 ? _c : 0, "em, ").concat((_d = popup.position.y) !== null && _d !== void 0 ? _d : 0, "em)")),
-            sizeCss(popup === null || popup === void 0 ? void 0 : popup.size)
+            popup?.position && transformCss(`translate(${popup.position.x ?? 0}em, ${popup.position.y ?? 0}em)`),
+            sizeCss(popup?.size)
         ], backdropCss: backdropCss, children: popup &&
-            (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); }, children: (0, jsx_runtime_1.jsxs)("div", { css: rules, children: [passMove && (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, { 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, game) }), (0, jsx_runtime_1.jsxs)("p", { css: buttonsLine, children: [(0, jsx_runtime_1.jsxs)(buttons_1.ThemeButton, { 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, { 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, { 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_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  pointer-events: auto;\n  transition: transform 0.1s ease-in-out;\n"], ["\n  pointer-events: auto;\n  transition: transform 0.1s ease-in-out;\n"])));
-var sizeCss = function (size) {
-    var _a;
-    return (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: ", "em;\n  ", "\n"], ["\n  width: ", "em;\n  ", "\n"])), (_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : 80, (size === null || size === void 0 ? void 0 : size.height) !== undefined ? "height: ".concat(size.height, "em;") : '');
+            _jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: buttonCss('#002448', '#c2ebf1', '#ade4ec') }), children: _jsxs("div", { css: rules, children: [passMove && _jsxs(PlayMoveButton, { move: passMove, css: passButton, children: [t('Pass'), "\u00A0", _jsx(FontAwesomeIcon, { icon: faForwardFast })] }), _jsx("p", { children: popup.text(t, game) }), _jsxs("p", { css: buttonsLine, children: [_jsxs(ThemeButton, { disabled: !canUndoLastMove, onClick: () => undo(), children: [_jsx(FontAwesomeIcon, { icon: faBackward }), "\u00A0", t('Previous')] }), closeTutorialPopup ?
+                                    _jsxs(PlayMoveButton, { move: closeTutorialPopup, children: [t('OK'), "\u00A0", _jsx(FontAwesomeIcon, { icon: faPlay })] })
+                                    : _jsxs(PlayMoveButton, { move: nextStepMove, disabled: !nextStepMove, children: [t('Next'), "\u00A0", _jsx(FontAwesomeIcon, { icon: faForward })] })] })] }) }) }));
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+const rules = css `
+  margin: 0 1em;
+  font-size: 3em;
+  padding-top: 1em;
+
+  > h2 {
+    margin: 0 1em;
+    text-align: center;
+  }
+
+  > p {
+    white-space: break-spaces;
+  }
+`;
+const backdropCss = css `
+  background: none;
+  pointer-events: none;
+  z-index: 900;
+`;
+const passButton = css `
+  position: absolute;
+  font-size: 0.7em;
+  top: 1em;
+  right: 1.8em;
+`;
+const buttonsLine = css `
+  display: flex;
+  justify-content: space-between;
+`;
+const tutorialDialogCss = css `
+  pointer-events: auto;
+  transition: transform 0.1s ease-in-out;
+`;
+const sizeCss = (size) => css `
+  width: ${size?.width ?? 80}em;
+  ${size?.height !== undefined ? `height: ${size.height}em;` : ''}
+`;
 //# 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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"}