@gamepark/react-game 6.38.7 → 7.0.0-beta.3

package/dist/components/menus/Menu/LogoIcon.js

@@ -1,18 +1,3 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LogoIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var LogoIcon = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({}, props, { viewBox: "0 0 65 88" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "11.52", cy: "11.52", r: "11.52" }), (0, jsx_runtime_1.jsx)("circle", { cx: "53.49", cy: "11.52", r: "11.52" }), (0, jsx_runtime_1.jsx)("circle", { cx: "11.52", cy: "52.78", r: "11.52" }), (0, jsx_runtime_1.jsx)("circle", { cx: "53.49", cy: "52.78", r: "11.52" }), (0, jsx_runtime_1.jsx)("path", { transform: "translate(-393.75 -467.67)", d: "M429.48,510.5a11.51,11.51,0,1,0-6.68,0c-2.67,41.22-28.09,36.57-28.09,36.57v8.63h62.86v-8.63S432.16,551.72,429.48,510.5Z" })] }))); };
-exports.LogoIcon = LogoIcon;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LogoIcon = (props) => (_jsxs("svg", { ...props, viewBox: "0 0 65 88", children: [_jsx("circle", { cx: "11.52", cy: "11.52", r: "11.52" }), _jsx("circle", { cx: "53.49", cy: "11.52", r: "11.52" }), _jsx("circle", { cx: "11.52", cy: "52.78", r: "11.52" }), _jsx("circle", { cx: "53.49", cy: "52.78", r: "11.52" }), _jsx("path", { transform: "translate(-393.75 -467.67)", d: "M429.48,510.5a11.51,11.51,0,1,0-6.68,0c-2.67,41.22-28.09,36.57-28.09,36.57v8.63h62.86v-8.63S432.16,551.72,429.48,510.5Z" })] }));
 //# sourceMappingURL=LogoIcon.js.map

package/dist/components/menus/Menu/LogoIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogoIcon.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/LogoIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEO,IAAM,QAAQ,GAAG,UAAC,KAA8B,IAAK,OAAA,CAC1D,4CAAS,KAAK,IAAE,OAAO,EAAC,WAAW,iBACjC,mCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,mCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,mCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,mCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,iCAAM,SAAS,EAAC,4BAA4B,EACtC,CAAC,EAAC,yHAAyH,GAAE,KAC/H,CACP,EAT2D,CAS3D,CAAA;AATY,QAAA,QAAQ,YASpB"}
+{"version":3,"file":"LogoIcon.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/LogoIcon.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC1D,kBAAS,KAAK,EAAE,OAAO,EAAC,WAAW,aACjC,iBAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,iBAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,iBAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,iBAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,GAAE,EACzC,eAAM,SAAS,EAAC,4BAA4B,EACtC,CAAC,EAAC,yHAAyH,GAAE,IAC/H,CACP,CAAA"}

package/dist/components/menus/Menu/Menu.d.ts

@@ -1,3 +1,3 @@
-export declare const Menu: () => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const backdrop: import("@emotion/utils").SerializedStyles;
-export declare const displayBackdrop: import("@emotion/utils").SerializedStyles;
+export declare const Menu: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const backdrop: import("@emotion/react").SerializedStyles;
+export declare const displayBackdrop: import("@emotion/react").SerializedStyles;

package/dist/components/menus/Menu/Menu.js

@@ -1,118 +1,131 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.displayBackdrop = exports.backdrop = exports.Menu = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var faChessPawn_1 = require("@fortawesome/free-solid-svg-icons/faChessPawn");
-var faTimes_1 = require("@fortawesome/free-solid-svg-icons/faTimes");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var react_client_1 = require("@gamepark/react-client");
-var fscreen_1 = __importDefault(require("fscreen"));
-var react_2 = require("react");
-var react_i18next_1 = require("react-i18next");
-var react_redux_1 = require("react-redux");
-var hooks_1 = require("../../../hooks");
-var dialogs_1 = require("../../dialogs");
-var GamePoints_1 = require("../../GamePoints");
-var GameProvider_1 = require("../../GameProvider");
-var JournalTabs_1 = require("../../JournalTabs/JournalTabs");
-var LiveLogButton_1 = require("../../Log/LiveLogButton");
-var EjectPlayer_1 = require("../EjectPlayer");
-var Fullscreen_1 = require("../Fullscreen");
-var GiveUpButton_1 = require("../GiveUpButton");
-var menuCss_1 = require("../menuCss");
-var PlayerQuit_1 = require("../PlayerQuit");
-var RestartTutorialButton_1 = require("../RestartTutorialButton");
-var Result_1 = require("../Result");
-var SoundButton_1 = require("../SoundButton");
-var TimeStatsButton_1 = require("../TimeStatsButton");
-var UndoButton_1 = require("../UndoButton");
-var LogoIcon_1 = require("./LogoIcon");
-var NavButton_1 = require("./NavButton");
-var Menu = function () {
-    var _a, _b, _c, _d;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var _e = __read((0, react_2.useState)(false), 2), isOpen = _e[0], setOpen = _e[1];
-    var game = (_b = (_a = (0, react_2.useContext)(GameProvider_1.gameContext)) === null || _a === void 0 ? void 0 : _a.game) !== null && _b !== void 0 ? _b : '';
-    var query = new URLSearchParams(window.location.search);
-    var gameId = (_c = query.get('game')) !== null && _c !== void 0 ? _c : undefined;
-    var locale = query.get('locale') || 'en';
-    var gameMode = (0, react_redux_1.useSelector)(function (state) { return state.gameMode; });
-    var playerId = (0, react_redux_1.useSelector)(function (state) { return state.playerId; });
-    var gameOver = (_d = (0, hooks_1.useRules)()) === null || _d === void 0 ? void 0 : _d.isOver();
-    var tournament = (0, react_redux_1.useSelector)(function (state) { return state.tournament; });
-    var couldEject = !gameOver && (playerId !== undefined || (tournament === null || tournament === void 0 ? void 0 : tournament.signedUp) === true);
-    var couldUndo = !gameOver && playerId !== undefined;
-    var canGiveUp = !gameOver && playerId !== undefined && gameId !== undefined;
-    var canPlayAgain = gameOver && playerId !== undefined && gameMode === react_client_1.GameMode.COMPETITIVE;
-    var goToRanking = gameOver && gameMode === react_client_1.GameMode.COMPETITIVE;
-    var _f = __read((0, react_2.useState)(false), 2), ejectPlayerDialogOpen = _f[0], setEjectPlayerDialogOpen = _f[1];
-    var _g = __read((0, react_2.useState)(false), 2), resultDialogOpen = _g[0], setResultDialogOpen = _g[1];
-    var _h = __read((0, react_2.useState)(false), 2), resultDialogAutoOpen = _h[0], setResultDialogAutoOpen = _h[1];
-    (0, react_2.useEffect)(function () {
-        if (gameOver === false)
-            setResultDialogAutoOpen(true);
-        else if (gameOver === true && !resultDialogAutoOpen)
-            setResultDialogOpen(true);
-    }, [gameOver]);
-    (0, react_2.useEffect)(function () {
-        if (gameOver && resultDialogAutoOpen) {
-            var timeout_1 = setTimeout(function () { return setResultDialogOpen(true); }, 10000);
-            return function () { return clearTimeout(timeout_1); };
-        }
-    }, [gameOver, resultDialogAutoOpen]);
-    (0, react_2.useEffect)(function () {
-        if (resultDialogOpen)
-            setResultDialogAutoOpen(false);
-    }, [resultDialogOpen]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { css: [exports.backdrop, isOpen && exports.displayBackdrop], onClick: function () { return setOpen(false); } }), couldEject && (0, jsx_runtime_1.jsx)(EjectPlayer_1.EjectPlayerPopButton, { onClick: function () { return setEjectPlayerDialogOpen(true); } }), couldUndo && (0, jsx_runtime_1.jsx)(UndoButton_1.UndoPopButton, {}), gameOver && (0, jsx_runtime_1.jsx)(Result_1.ResultPopButton, { onClick: function () { return setResultDialogOpen(true); } }), fscreen_1.default.fullscreenEnabled && (0, jsx_runtime_1.jsx)(Fullscreen_1.FullscreenPopButton, {}), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [menuCss_1.menuFontSize, menuCss_1.menuBaseCss, menuCss, !isOpen && hide] }, { children: [(0, jsx_runtime_1.jsx)("h2", __assign({ css: titleCss }, { children: t('Menu') })), fscreen_1.default.fullscreenEnabled && (0, jsx_runtime_1.jsx)(Fullscreen_1.FullscreenButton, {}), (0, jsx_runtime_1.jsx)(SoundButton_1.SoundButton, {}), (0, jsx_runtime_1.jsx)(LiveLogButton_1.LiveLogButton, {}), couldUndo && (0, jsx_runtime_1.jsx)(UndoButton_1.UndoButton, {}), canGiveUp && (0, jsx_runtime_1.jsx)(GiveUpButton_1.GiveUpButton, {}), couldEject && (0, jsx_runtime_1.jsx)(EjectPlayer_1.EjectPlayerButton, { onClick: function () { return setEjectPlayerDialogOpen(true); } }), (0, jsx_runtime_1.jsx)(TimeStatsButton_1.TimeStatsButton, {}), gameMode === react_client_1.GameMode.TUTORIAL && (0, jsx_runtime_1.jsx)(RestartTutorialButton_1.RestartTutorialButton, {}), (0, jsx_runtime_1.jsxs)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(game) }, { children: [(0, jsx_runtime_1.jsx)(LogoIcon_1.LogoIcon, { css: buttonLogoIcon }), t('Back to Game Park')] })), gameOver && (0, jsx_runtime_1.jsx)(Result_1.ResultButton, { onClick: function () { return setResultDialogOpen(true); } }), canPlayAgain &&
-                        (0, jsx_runtime_1.jsxs)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(game, "/play") }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faChessPawn_1.faChessPawn }), t('Play again')] })), goToRanking &&
-                        (0, jsx_runtime_1.jsxs)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(game, "/ranking") }, { children: [(0, jsx_runtime_1.jsx)(GamePoints_1.GamePointIcon, { css: gamePointIconStyle }), t('See overall ranking')] }))] })), (0, jsx_runtime_1.jsx)("button", __assign({ "aria-label": t('Menu'), title: t('Menu'), css: mainButtonCss, onClick: function () { return setOpen(!isOpen); } }, { children: isOpen ? (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faTimes_1.faTimes, css: iconStyle }) : (0, jsx_runtime_1.jsx)(LogoIcon_1.LogoIcon, { fill: "white" }) })), couldEject && (0, jsx_runtime_1.jsx)(EjectPlayer_1.EjectPlayerDialog, { open: ejectPlayerDialogOpen, close: function () { return setEjectPlayerDialogOpen(false); } }), !gameOver && (0, jsx_runtime_1.jsx)(PlayerQuit_1.TrackPlayersQuit, {}), gameOver && (0, jsx_runtime_1.jsx)(dialogs_1.ResultDialog, { open: resultDialogOpen, openDialog: function () { return setResultDialogOpen(true); }, close: function () { return setResultDialogOpen(false); } }), (0, jsx_runtime_1.jsx)(JournalTabs_1.JournalTabs, { gameId: gameId })] }));
-};
-exports.Menu = Menu;
-var mainButtonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  z-index: 1000;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\n\n  &:focus, &:hover {\n    background: #24a5b9;\n  }\n\n  &:active {\n    background: #2092a3;\n  }\n\n  svg {\n    position: relative;\n    width: 70%;\n    height: 60%;\n  }\n"], ["\n  ", ";\n  z-index: 1000;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\n\n  &:focus, &:hover {\n    background: #24a5b9;\n  }\n\n  &:active {\n    background: #2092a3;\n  }\n\n  svg {\n    position: relative;\n    width: 70%;\n    height: 60%;\n  }\n"])), menuCss_1.menuFloatingButtonCss);
-exports.backdrop = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  width: 100vw;\n  height: 100vw;\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  height: 100vw;\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_3 || (templateObject_3 = __makeTemplateObject(["\n  opacity: 1;\n  pointer-events: auto;\n"], ["\n  opacity: 1;\n  pointer-events: auto;\n"])));
-var menuCss = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  right: 0;\n  padding: 0.5em 0.75em;\n  border-bottom-left-radius: 0.5em;\n  transform-origin: top right;\n"], ["\n  right: 0;\n  padding: 0.5em 0.75em;\n  border-bottom-left-radius: 0.5em;\n  transform-origin: top right;\n"])));
-var titleCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 1.5em;\n  margin: 0 2em 1em 0;\n"], ["\n  font-size: 1.5em;\n  margin: 0 2em 1em 0;\n"])));
-var iconStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: white;\n  font-size: 1.5em;\n"], ["\n  color: white;\n  font-size: 1.5em;\n"])));
-var buttonLogoIcon = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 1em;\n  height: 1em;\n  margin-bottom: -0.1em;\n  fill: #28B8CE;\n"], ["\n  width: 1em;\n  height: 1em;\n  margin-bottom: -0.1em;\n  fill: #28B8CE;\n"])));
-var gamePointIconStyle = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 1em;\n  height: 1em;\n  margin-bottom: -0.1em;\n"], ["\n  width: 1em;\n  height: 1em;\n  margin-bottom: -0.1em;\n"])));
-var hide = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  transform: scale(0);\n"], ["\n  transform: scale(0);\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { faChessPawn } from '@fortawesome/free-solid-svg-icons/faChessPawn';
+import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { GameMode, PLATFORM_URI, useGameSelector } from '@gamepark/react-client';
+import fscreen from 'fscreen';
+import { useContext, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useRules } from '../../../hooks';
+import { ResultDialog } from '../../dialogs';
+import { GamePointIcon } from '../../GamePoints';
+import { gameContext } from '../../GameProvider';
+import { JournalTabs } from '../../JournalTabs/JournalTabs';
+import { LiveLogButton } from '../../Log/LiveLogButton';
+import { EjectPlayerButton, EjectPlayerDialog, EjectPlayerPopButton } from '../EjectPlayer';
+import { FullscreenButton, FullscreenPopButton } from '../Fullscreen';
+import { GiveUpButton } from '../GiveUpButton';
+import { menuBaseCss, menuFloatingButtonCss, menuFontSize } from '../menuCss';
+import { TrackPlayersQuit } from '../PlayerQuit';
+import { RestartTutorialButton } from '../RestartTutorialButton';
+import { ResultButton, ResultPopButton } from '../Result';
+import { SoundButton } from '../SoundButton';
+import { TimeStatsButton } from '../TimeStatsButton';
+import { UndoButton, UndoPopButton } from '../UndoButton';
+import { LogoIcon } from './LogoIcon';
+import { NavButton } from './NavButton';
+export const Menu = () => {
+    const { t } = useTranslation();
+    const [isOpen, setOpen] = useState(false);
+    const game = useContext(gameContext)?.game ?? '';
+    const query = new URLSearchParams(window.location.search);
+    const gameId = query.get('game') ?? undefined;
+    const locale = query.get('locale') || 'en';
+    const gameMode = useGameSelector((state) => state.gameMode);
+    const playerId = useGameSelector((state) => state.playerId);
+    const gameOver = useRules()?.isOver();
+    const tournament = useGameSelector((state) => state.tournament);
+    const couldEject = !gameOver && (playerId !== undefined || tournament?.signedUp === true);
+    const couldUndo = !gameOver && playerId !== undefined;
+    const canGiveUp = !gameOver && playerId !== undefined && gameId !== undefined;
+    const canPlayAgain = gameOver && playerId !== undefined && gameMode === GameMode.COMPETITIVE;
+    const goToRanking = gameOver && gameMode === GameMode.COMPETITIVE;
+    const [ejectPlayerDialogOpen, setEjectPlayerDialogOpen] = useState(false);
+    const [resultDialogOpen, setResultDialogOpen] = useState(false);
+    const [resultDialogAutoOpen, setResultDialogAutoOpen] = useState(false);
+    useEffect(() => {
+        if (gameOver === false)
+            setResultDialogAutoOpen(true);
+        else if (gameOver === true && !resultDialogAutoOpen)
+            setResultDialogOpen(true);
+    }, [gameOver]);
+    useEffect(() => {
+        if (gameOver && resultDialogAutoOpen) {
+            const timeout = setTimeout(() => setResultDialogOpen(true), 10000);
+            return () => clearTimeout(timeout);
+        }
+    }, [gameOver, resultDialogAutoOpen]);
+    useEffect(() => {
+        if (resultDialogOpen)
+            setResultDialogAutoOpen(false);
+    }, [resultDialogOpen]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { css: [backdrop, isOpen && displayBackdrop], onClick: () => setOpen(false) }), couldEject && _jsx(EjectPlayerPopButton, { onClick: () => setEjectPlayerDialogOpen(true) }), couldUndo && _jsx(UndoPopButton, {}), gameOver && _jsx(ResultPopButton, { onClick: () => setResultDialogOpen(true) }), fscreen.fullscreenEnabled && _jsx(FullscreenPopButton, {}), _jsxs("div", { css: [menuFontSize, menuBaseCss, menuCss, !isOpen && hide], children: [_jsx("h2", { css: titleCss, children: t('Menu') }), fscreen.fullscreenEnabled && _jsx(FullscreenButton, {}), _jsx(SoundButton, {}), _jsx(LiveLogButton, {}), couldUndo && _jsx(UndoButton, {}), canGiveUp && _jsx(GiveUpButton, {}), couldEject && _jsx(EjectPlayerButton, { onClick: () => setEjectPlayerDialogOpen(true) }), _jsx(TimeStatsButton, {}), gameMode === GameMode.TUTORIAL && _jsx(RestartTutorialButton, {}), _jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${game}`, children: [_jsx(LogoIcon, { css: buttonLogoIcon }), t('Back to Game Park')] }), gameOver && _jsx(ResultButton, { onClick: () => setResultDialogOpen(true) }), canPlayAgain &&
+                        _jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${game}/play`, children: [_jsx(FontAwesomeIcon, { icon: faChessPawn }), t('Play again')] }), goToRanking &&
+                        _jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${game}/ranking`, children: [_jsx(GamePointIcon, { css: gamePointIconStyle }), t('See overall ranking')] })] }), _jsx("button", { "aria-label": t('Menu'), title: t('Menu'), css: mainButtonCss, onClick: () => setOpen(!isOpen), children: isOpen ? _jsx(FontAwesomeIcon, { icon: faTimes, css: iconStyle }) : _jsx(LogoIcon, { fill: "white" }) }), couldEject && _jsx(EjectPlayerDialog, { open: ejectPlayerDialogOpen, close: () => setEjectPlayerDialogOpen(false) }), !gameOver && _jsx(TrackPlayersQuit, {}), gameOver && _jsx(ResultDialog, { open: resultDialogOpen, openDialog: () => setResultDialogOpen(true), close: () => setResultDialogOpen(false) }), _jsx(JournalTabs, { gameId: gameId })] }));
+};
+const mainButtonCss = css `
+  ${menuFloatingButtonCss};
+  z-index: 1000;
+  background: #28B8CE;
+  height: 2.5em;
+  width: 2.5em;
+
+  &:focus, &:hover {
+    background: #24a5b9;
+  }
+
+  &:active {
+    background: #2092a3;
+  }
+
+  svg {
+    position: relative;
+    width: 70%;
+    height: 60%;
+  }
+`;
+export const backdrop = css `
+  position: fixed;
+  width: 100vw;
+  height: 100vw;
+  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;
+`;
+const menuCss = css `
+  right: 0;
+  padding: 0.5em 0.75em;
+  border-bottom-left-radius: 0.5em;
+  transform-origin: top right;
+`;
+const titleCss = css `
+  font-size: 1.5em;
+  margin: 0 2em 1em 0;
+`;
+const iconStyle = css `
+  color: white;
+  font-size: 1.5em;
+`;
+const buttonLogoIcon = css `
+  width: 1em;
+  height: 1em;
+  margin-bottom: -0.1em;
+  fill: #28B8CE;
+`;
+const gamePointIconStyle = css `
+  width: 1em;
+  height: 1em;
+  margin-bottom: -0.1em;
+`;
+const hide = css `
+  transform: scale(0);
+`;
 //# sourceMappingURL=Menu.js.map

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

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

package/dist/components/menus/Menu/MenuPopButton.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
-type Props = {
-    pop?: boolean;
-    popPosition?: number;
-} & HTMLAttributes<HTMLButtonElement>;
-export declare const MenuPopButton: ({ pop, popPosition, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+import { HTMLAttributes } from 'react';
+type Props = {
+    pop?: boolean;
+    popPosition?: number;
+} & HTMLAttributes<HTMLButtonElement>;
+export declare const MenuPopButton: ({ pop, popPosition, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/menus/Menu/MenuPopButton.js

@@ -1,69 +1,30 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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.MenuPopButton = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var menuCss_1 = require("../menuCss");
-var MenuPopButton = function (_a) {
-    var pop = _a.pop, _b = _a.popPosition, popPosition = _b === void 0 ? 1 : _b, props = __rest(_a, ["pop", "popPosition"]);
-    var _c = __read((0, react_2.useState)(), 2), doPop = _c[0], setDoPop = _c[1];
-    (0, react_2.useEffect)(function () {
-        if (!pop || doPop === undefined) {
-            var timeout_1 = setTimeout(function () { return setDoPop(pop); }, 200);
-            return function () { return clearTimeout(timeout_1); };
-        }
-        else {
-            setDoPop(pop);
-        }
-    }, [pop]);
-    return (0, jsx_runtime_1.jsx)("button", __assign({ css: [style, doPop && popStyle(popPosition)], disabled: !pop }, props));
-};
-exports.MenuPopButton = MenuPopButton;
-var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  height: 2.25em;\n  width: 2.5em;\n  padding: 0 0.25em 0 0;\n  transition: transform 0.3s;\n  will-change: transform;\n"], ["\n  ", ";\n  height: 2.25em;\n  width: 2.5em;\n  padding: 0 0.25em 0 0;\n  transition: transform 0.3s;\n  will-change: transform;\n"])), menuCss_1.menuFloatingButtonCss);
-var popStyle = function (position) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform: translateX(", "em);\n"], ["\n  transform: translateX(", "em);\n"])), -2.25 * position); };
-var templateObject_1, templateObject_2;
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { useEffect, useState } from 'react';
+import { menuFloatingButtonCss } from '../menuCss';
+export const MenuPopButton = ({ pop, popPosition = 1, ...props }) => {
+    const [doPop, setDoPop] = useState();
+    useEffect(() => {
+        if (!pop || doPop === undefined) {
+            const timeout = setTimeout(() => setDoPop(pop), 200);
+            return () => clearTimeout(timeout);
+        }
+        else {
+            setDoPop(pop);
+        }
+    }, [pop]);
+    return _jsx("button", { css: [style, doPop && popStyle(popPosition)], disabled: !pop, ...props });
+};
+const style = css `
+  ${menuFloatingButtonCss};
+  height: 2.25em;
+  width: 2.5em;
+  padding: 0 0.25em 0 0;
+  transition: transform 0.3s;
+  will-change: transform;
+`;
+const popStyle = (position) => css `
+  transform: translateX(${-2.25 * position}em);
+`;
 //# sourceMappingURL=MenuPopButton.js.map

package/dist/components/menus/Menu/MenuPopButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/MenuPopButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,+BAA2D;AAC3D,sCAAkD;AAO3C,IAAM,aAAa,GAAG,UAAC,EAAyC;IAAvC,IAAA,GAAG,SAAA,EAAE,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EAAK,KAAK,cAAhC,sBAAkC,CAAF;IACtD,IAAA,KAAA,OAAoB,IAAA,gBAAQ,GAAW,IAAA,EAAtC,KAAK,QAAA,EAAE,QAAQ,QAAuB,CAAA;IAC7C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,GAAG,IAAI,KAAK,KAAK,SAAS,EAAE;YAC/B,IAAM,SAAO,GAAG,UAAU,CAAC,cAAM,OAAA,QAAQ,CAAC,GAAG,CAAC,EAAb,CAAa,EAAE,GAAG,CAAC,CAAA;YACpD,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;SACnC;aAAM;YACL,QAAQ,CAAC,GAAG,CAAC,CAAA;SACd;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACT,OAAO,4CAAQ,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAM,KAAK,EAAG,CAAA;AAC3F,CAAC,CAAA;AAXY,QAAA,aAAa,iBAWzB;AAED,IAAM,KAAK,OAAG,WAAG,yMAAA,MACb,EAAqB,6HAMxB,KANG,+BAAqB,CAMxB,CAAA;AAED,IAAM,QAAQ,GAAG,UAAC,QAAgB,IAAK,WAAA,WAAG,0GAAA,4BAChB,EAAgB,QACzC,KADyB,CAAC,IAAI,GAAG,QAAQ,GADH,CAEtC,CAAA"}
+{"version":3,"file":"MenuPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/MenuPopButton.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAOlD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,GAAG,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAW,CAAA;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAChC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAA;YACpD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QACpC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,GAAG,CAAC,CAAA;QACf,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACT,OAAO,iBAAQ,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,KAAM,KAAK,GAAG,CAAA;AAC3F,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;IACb,qBAAqB;;;;;;CAMxB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,GAAG,CAAA;0BAChB,CAAC,IAAI,GAAG,QAAQ;CACzC,CAAA"}

package/dist/components/menus/Menu/NavButton.d.ts

@@ -1,7 +1,7 @@
-/** @jsxImportSource @emotion/react */
-import { HTMLAttributes, PropsWithChildren } from 'react';
-type Props = PropsWithChildren<{
-    url: string;
-} & HTMLAttributes<HTMLButtonElement>>;
-export declare const NavButton: ({ children, url, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+/** @jsxImportSource @emotion/react */
+import { HTMLAttributes, PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    url: string;
+} & HTMLAttributes<HTMLButtonElement>>;
+export declare const NavButton: ({ children, url, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/menus/Menu/NavButton.js

@@ -1,33 +1,4 @@
-"use strict";
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavButton = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var menuCss_1 = require("../menuCss");
-var NavButton = function (_a) {
-    var children = _a.children, url = _a.url, props = __rest(_a, ["children", "url"]);
-    return ((0, jsx_runtime_1.jsx)("button", __assign({ css: menuCss_1.menuButtonCss, onClick: function () { return window.location.href = url; } }, props, { children: children })));
-};
-exports.NavButton = NavButton;
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { menuButtonCss } from '../menuCss';
+export const NavButton = ({ children, url, ...props }) => (_jsx("button", { css: menuButtonCss, onClick: () => window.location.href = url, ...props, children: children }));
 //# sourceMappingURL=NavButton.js.map

package/dist/components/menus/Menu/NavButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/NavButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,sCAA0C;AAInC,IAAM,SAAS,GAAG,UAAC,EAAkC;IAAhC,IAAA,QAAQ,cAAA,EAAE,GAAG,SAAA,EAAK,KAAK,cAAzB,mBAA2B,CAAF;IAAc,OAAA,CAC/D,4CAAQ,GAAG,EAAE,uBAAa,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,EAA1B,CAA0B,IAAM,KAAK,cAC7E,QAAQ,IACF,CACV,CAAA;CAAA,CAAA;AAJY,QAAA,SAAS,aAIrB"}
+{"version":3,"file":"NavButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/NavButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE,CAAC,CAC/D,iBAAQ,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,KAAM,KAAK,YAC7E,QAAQ,GACF,CACV,CAAA"}

package/dist/components/menus/Menu/index.d.ts

@@ -1 +1 @@
-export * from './Menu';
+export * from './Menu';

package/dist/components/menus/Menu/index.js

@@ -1,18 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Menu"), exports);
+export * from './Menu';
 //# sourceMappingURL=index.js.map

package/dist/components/menus/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/menus/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/dist/components/menus/PlayerQuit/TrackPlayersQuit.d.ts

@@ -1 +1 @@
-export declare const TrackPlayersQuit: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TrackPlayersQuit: () => import("@emotion/react/jsx-runtime").JSX.Element;