@gamepark/react-game 7.7.15 → 7.7.17

package/README.md

@@ -1,41 +1,41 @@
-# @gamepark/react-game
-
-React components & tools to create a Board Game user interface for Game Park.
-
-## Sounds deployment
-
-Default sounds (e.g. turn notification) are hosted on `sounds.game-park.com` (Clever Cloud Cellar).
-
-The `sounds/` directory at the root of this project contains the sound files to deploy.
-
-### rclone configuration
-
-Install [rclone](https://rclone.org/) then configure a remote:
-
-```
-rclone config
-> n
-name> sounds
-Storage> s3
-provider> Other
-env_auth> false
-access_key_id> [your key - do not commit!]
-secret_access_key> [your secret - do not commit!]
-region>
-endpoint> cellar-c2.services.clever-cloud.com
-location_constraint>
-acl> public-read
-Edit advanced config> n
-```
-
-### Deploy sounds
-
-Sounds are automatically synced during `yarn publish`. You can also sync manually:
-
-```bash
-yarn sync-sounds
-```
-
-### CORS
-
-The Cellar bucket must have CORS configured to allow `fetch()` from game origins (`Access-Control-Allow-Origin: *`).
+# @gamepark/react-game
+
+React components & tools to create a Board Game user interface for Game Park.
+
+## Sounds deployment
+
+Default sounds (e.g. turn notification) are hosted on `sounds.game-park.com` (Clever Cloud Cellar).
+
+The `sounds/` directory at the root of this project contains the sound files to deploy.
+
+### rclone configuration
+
+Install [rclone](https://rclone.org/) then configure a remote:
+
+```
+rclone config
+> n
+name> sounds
+Storage> s3
+provider> Other
+env_auth> false
+access_key_id> [your key - do not commit!]
+secret_access_key> [your secret - do not commit!]
+region>
+endpoint> cellar-c2.services.clever-cloud.com
+location_constraint>
+acl> public-read
+Edit advanced config> n
+```
+
+### Deploy sounds
+
+Sounds are automatically synced during `yarn publish`. You can also sync manually:
+
+```bash
+yarn sync-sounds
+```
+
+### CORS
+
+The Cellar bucket must have CORS configured to allow `fetch()` from game origins (`Access-Control-Allow-Origin: *`).

package/dist/components/GameProvider/GameErrorBoundary.js

@@ -20,124 +20,124 @@ export class GameErrorBoundary extends Component {
         return (_jsx("div", { css: containerCss, children: _jsxs("div", { css: cardCss, children: [_jsx("div", { css: iconContainerCss, children: _jsx(FontAwesomeIcon, { icon: faTriangleExclamation, css: iconCss }) }), _jsx("p", { css: messageCss, children: _jsx(Trans, { defaults: "A technical error has occurred. The error has been sent to the Game Park team.", i18nKey: "error.crash", ns: "common" }) }), _jsx("p", { css: hintCss, children: _jsx(Trans, { defaults: "You can refresh the page to continue your game.", i18nKey: "error.refresh.hint", ns: "common" }) }), _jsx("button", { css: buttonCss, onClick: () => window.location.reload(), children: _jsx(Trans, { defaults: "Refresh the page", i18nKey: "error.refresh.button", ns: "common" }) }), _jsx("div", { css: dividerCss }), _jsx("p", { css: secondaryMessageCss, children: _jsx(Trans, { defaults: "If the problem persists despite refreshing and the game is corrupted, please let us know on Discord.", i18nKey: "error.discord.hint", ns: "common" }) }), _jsxs("a", { css: discordLinkCss, href: "https://discord.gg/ZMCX5reQm8", target: "_blank", rel: "noopener noreferrer", children: [_jsx("svg", { css: discordIconCss, viewBox: "0 0 127.14 96.36", fill: "currentColor", children: _jsx("path", { d: "M107.7 8.07A105.15 105.15 0 0 0 81.47 0a72.06 72.06 0 0 0-3.36 6.83 97.68 97.68 0 0 0-29.11 0A72.37 72.37 0 0 0 45.64 0a105.89 105.89 0 0 0-26.25 8.09C2.79 32.65-1.71 56.6.54 80.21a105.73 105.73 0 0 0 32.17 16.15 77.7 77.7 0 0 0 6.89-11.11 68.42 68.42 0 0 1-10.85-5.18c.91-.66 1.8-1.34 2.66-2.04a75.57 75.57 0 0 0 64.32 0c.87.71 1.76 1.39 2.66 2.04a68.68 68.68 0 0 1-10.87 5.19 77.28 77.28 0 0 0 6.89 11.1 105.45 105.45 0 0 0 32.19-16.14c2.64-27.38-4.51-51.11-18.9-72.15ZM42.45 65.69C36.18 65.69 31 60 31 53.05c0-6.94 5.04-12.67 11.45-12.67S53.99 46.1 53.9 53.05c0 6.94-5.08 12.64-11.45 12.64Zm42.24 0C78.41 65.69 73.25 60 73.25 53.05c0-6.94 5.04-12.67 11.44-12.67s11.51 5.73 11.44 12.67c0 6.94-5.04 12.64-11.44 12.64Z" }) }), _jsx(Trans, { defaults: "Join the Game Park Discord", i18nKey: "error.discord.button", ns: "common" })] })] }) }));
     }
 }
-const fadeIn = keyframes `
-  from {
-    opacity: 0;
-    transform: translateY(16px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+const fadeIn = keyframes `
+  from {
+    opacity: 0;
+    transform: translateY(16px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 `;
-const containerCss = css `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
-  padding: 2em;
-  box-sizing: border-box;
-  font-family: "Mulish", sans-serif;
+const containerCss = css `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  padding: 2em;
+  box-sizing: border-box;
+  font-family: "Mulish", sans-serif;
 `;
-const cardCss = css `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  max-width: 460px;
-  padding: 2.5em 2.5em 2em;
-  border-radius: 1.2em;
-  background: #002448;
-  color: #eee;
-  text-align: center;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
-  animation: ${fadeIn} 0.4s ease-out;
+const cardCss = css `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 460px;
+  padding: 2.5em 2.5em 2em;
+  border-radius: 1.2em;
+  background: #002448;
+  color: #eee;
+  text-align: center;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  animation: ${fadeIn} 0.4s ease-out;
 `;
-const iconContainerCss = css `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: rgba(40, 184, 206, 0.15);
-  margin-bottom: 1.2em;
+const iconContainerCss = css `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  background: rgba(40, 184, 206, 0.15);
+  margin-bottom: 1.2em;
 `;
-const iconCss = css `
-  font-size: 32px;
-  color: #28B8CE;
+const iconCss = css `
+  font-size: 32px;
+  color: #28B8CE;
 `;
-const messageCss = css `
-  font-size: 1.05em;
-  font-weight: 600;
-  line-height: 1.5;
-  margin: 0 0 0.3em;
+const messageCss = css `
+  font-size: 1.05em;
+  font-weight: 600;
+  line-height: 1.5;
+  margin: 0 0 0.3em;
 `;
-const hintCss = css `
-  font-size: 0.95em;
-  line-height: 1.5;
-  margin: 0;
-  opacity: 0.8;
+const hintCss = css `
+  font-size: 0.95em;
+  line-height: 1.5;
+  margin: 0;
+  opacity: 0.8;
 `;
-const buttonCss = css `
-  margin-top: 1.5em;
-  padding: 0.65em 2.2em;
-  font-size: 1em;
-  font-family: inherit;
-  font-weight: 700;
-  border: none;
-  border-radius: 0.6em;
-  background: #28B8CE;
-  color: white;
-  cursor: pointer;
-  transition: background 0.2s, transform 0.1s;
-  letter-spacing: 0.02em;
-
-  &:hover {
-    background: #24a5b9;
-  }
-
-  &:active {
-    background: #2092a3;
-    transform: scale(0.97);
-  }
+const buttonCss = css `
+  margin-top: 1.5em;
+  padding: 0.65em 2.2em;
+  font-size: 1em;
+  font-family: inherit;
+  font-weight: 700;
+  border: none;
+  border-radius: 0.6em;
+  background: #28B8CE;
+  color: white;
+  cursor: pointer;
+  transition: background 0.2s, transform 0.1s;
+  letter-spacing: 0.02em;
+
+  &:hover {
+    background: #24a5b9;
+  }
+
+  &:active {
+    background: #2092a3;
+    transform: scale(0.97);
+  }
 `;
-const dividerCss = css `
-  width: 60%;
-  height: 1px;
-  background: rgba(255, 255, 255, 0.12);
-  margin: 1.8em 0 1.2em;
+const dividerCss = css `
+  width: 60%;
+  height: 1px;
+  background: rgba(255, 255, 255, 0.12);
+  margin: 1.8em 0 1.2em;
 `;
-const secondaryMessageCss = css `
-  font-size: 0.85em;
-  line-height: 1.6;
-  margin: 0 0 1em;
-  opacity: 0.65;
+const secondaryMessageCss = css `
+  font-size: 0.85em;
+  line-height: 1.6;
+  margin: 0 0 1em;
+  opacity: 0.65;
 `;
-const discordLinkCss = css `
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5em;
-  padding: 0.5em 1.4em;
-  font-size: 0.9em;
-  font-family: inherit;
-  font-weight: 600;
-  color: white;
-  background: #5865F2;
-  border-radius: 0.5em;
-  text-decoration: none;
-  transition: background 0.2s, transform 0.1s;
-
-  &:hover {
-    background: #4752C4;
-  }
-
-  &:active {
-    transform: scale(0.97);
-  }
+const discordLinkCss = css `
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5em;
+  padding: 0.5em 1.4em;
+  font-size: 0.9em;
+  font-family: inherit;
+  font-weight: 600;
+  color: white;
+  background: #5865F2;
+  border-radius: 0.5em;
+  text-decoration: none;
+  transition: background 0.2s, transform 0.1s;
+
+  &:hover {
+    background: #4752C4;
+  }
+
+  &:active {
+    transform: scale(0.97);
+  }
 `;
-const discordIconCss = css `
-  width: 20px;
-  height: 20px;
+const discordIconCss = css `
+  width: 20px;
+  height: 20px;
 `;
 //# sourceMappingURL=GameErrorBoundary.js.map

package/dist/components/GameProvider/GameLoadingErrorScreen.d.ts

@@ -0,0 +1 @@
+export declare const GameLoadingErrorScreen: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/components/GameProvider/GameLoadingErrorScreen.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css, keyframes } from '@emotion/react';
+import { faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { GameLoadingError, PLATFORM_URI, useGameLoadingError } from '@gamepark/react-client';
+import { useContext } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { NavButton } from '../menus/Menu/NavButton';
+import { gameContext } from './GameContext';
+const query = new URLSearchParams(window.location.search);
+const locale = query.get('locale') || 'en';
+export const GameLoadingErrorScreen = () => {
+    const error = useGameLoadingError();
+    const { t } = useTranslation('common');
+    const { game } = useContext(gameContext);
+    if (!error)
+        return null;
+    const isNotFound = error === GameLoadingError.NotFound;
+    return (_jsx("div", { css: containerCss, children: _jsxs("div", { css: cardCss, children: [_jsx("div", { css: iconContainerCss, children: _jsx(FontAwesomeIcon, { icon: faTriangleExclamation, css: iconCss }) }), _jsx("p", { css: messageCss, children: _jsx(Trans, { i18nKey: isNotFound ? 'error.game-not-found.title' : 'error.game-load.title', ns: "common" }) }), _jsx("p", { css: hintCss, children: _jsx(Trans, { i18nKey: isNotFound ? 'error.game-not-found.hint' : 'error.game-load.hint', ns: "common" }) }), _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${game}`, children: t('Back to Game Park') })] }) }));
+};
+const fadeIn = keyframes `
+  from {
+    opacity: 0;
+    transform: translateY(16px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+const containerCss = css `
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2em;
+  box-sizing: border-box;
+  font-family: "Mulish", sans-serif;
+  z-index: 2000;
+`;
+const cardCss = css `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 460px;
+  padding: 2.5em 2.5em 2em;
+  border-radius: 1.2em;
+  background: #002448;
+  color: #eee;
+  text-align: center;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  animation: ${fadeIn} 0.4s ease-out;
+`;
+const iconContainerCss = css `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  background: rgba(40, 184, 206, 0.15);
+  margin-bottom: 1.2em;
+`;
+const iconCss = css `
+  font-size: 32px;
+  color: #28B8CE;
+`;
+const messageCss = css `
+  font-size: 1.05em;
+  font-weight: 600;
+  line-height: 1.5;
+  margin: 0 0 0.3em;
+`;
+const hintCss = css `
+  font-size: 0.95em;
+  line-height: 1.5;
+  margin: 0 0 1.2em;
+  opacity: 0.8;
+`;
+//# sourceMappingURL=GameLoadingErrorScreen.js.map

package/dist/components/GameProvider/GameLoadingErrorScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameLoadingErrorScreen.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameLoadingErrorScreen.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;AACzD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAA;AAE1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,KAAK,GAAG,mBAAmB,EAAE,CAAA;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACxC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IACvB,MAAM,UAAU,GAAG,KAAK,KAAK,gBAAgB,CAAC,QAAQ,CAAA;IACtD,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,YACpB,eAAK,GAAG,EAAE,OAAO,aACf,cAAK,GAAG,EAAE,gBAAgB,YACxB,KAAC,eAAe,IAAC,IAAI,EAAE,qBAAqB,EAAE,GAAG,EAAE,OAAO,GAAG,GACzD,EACN,YAAG,GAAG,EAAE,UAAU,YAChB,KAAC,KAAK,IAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,uBAAuB,EAAE,EAAE,EAAC,QAAQ,GAAE,GAChG,EACJ,YAAG,GAAG,EAAE,OAAO,YACb,KAAC,KAAK,IAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,sBAAsB,EAAE,EAAE,EAAC,QAAQ,GAAE,GAC9F,EACJ,KAAC,SAAS,IAAC,GAAG,EAAE,GAAG,YAAY,IAAI,MAAM,gBAAgB,IAAI,EAAE,YAAG,CAAC,CAAC,mBAAmB,CAAC,GAAa,IACjG,GACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;;;CASvB,CAAA;AAED,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;CAUvB,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;;;;;;eAWJ,MAAM;CACpB,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;CAS3B,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;CAGlB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;CAKrB,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;CAKlB,CAAA"}

package/dist/components/GameProvider/GameProvider.js

@@ -98,6 +98,8 @@ const globalCss = (theme) => css `
   body {
     margin: 0;
     font-family: var(--gp-font-family);
+    font-size: 1vh;
+    font-size: 1dvh;
   }
 
   #root {

package/dist/components/GameProvider/GameProvider.js.map

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

package/dist/components/JournalTabs/History/SetupLogItem.js

@@ -3,24 +3,24 @@ import { css } from '@emotion/react';
 export const SetupLogItem = ({ log, game, index, customEntryCss, ...rest }) => {
     return (_jsx("div", { ...rest, children: _jsx("div", { css: [entryCss, customEntryCss, log.css], children: _jsx("div", { children: _jsx(log.Component, { game: game, index: index }) }) }) }));
 };
-const entryCss = css `
-  width: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-  border-radius: 1em;
-  margin-bottom: 0.5em;
-  min-height: 1em;
-  padding-left: 1em;
-  margin-left: 0.05em;
-  margin-top: 0.05em;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
-  display: flex;
-  align-items: center;
-  font-size: 2em;
-  white-space: pre-wrap;
-
-  img, picture {
-    vertical-align: middle;
-  }
+const entryCss = css `
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 1em;
+  margin-bottom: 0.5em;
+  min-height: 1em;
+  padding-left: 1em;
+  margin-left: 0.05em;
+  margin-top: 0.05em;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  display: flex;
+  align-items: center;
+  font-size: 2em;
+  white-space: pre-wrap;
+
+  img, picture {
+    vertical-align: middle;
+  }
 `;
 //# sourceMappingURL=SetupLogItem.js.map

package/dist/components/dialogs/FailuresDialog.js

@@ -1,13 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { css, useTheme } from '@emotion/react';
-import { clearFailures, Failure, useGameDispatch, useGameSelector } from '@gamepark/react-client';
-import { useEffect, useState } from 'react';
+import { faTriangleExclamation } from '@fortawesome/free-solid-svg-icons/faTriangleExclamation';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { clearFailures, Failure, PLATFORM_URI, useGameDispatch, useGameSelector } from '@gamepark/react-client';
+import { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { gameContext } from '../GameProvider';
+import { NavButton } from '../menus/Menu/NavButton';
 import { menuButtonCss, menuDialogCss, paletteMenuButtonCss } from '../menus/menuCss';
 import { Dialog } from './Dialog';
+const query = new URLSearchParams(window.location.search);
+const locale = query.get('locale') || 'en';
 export const FailuresDialog = (props) => {
     const { t } = useTranslation('common');
     const theme = useTheme();
+    const { game } = useContext(gameContext);
     const failures = useGameSelector((state) => state.failures);
     const dispatch = useGameDispatch();
     const [displayedFailure, setDisplayedFailure] = useState('');
@@ -16,13 +23,18 @@ export const FailuresDialog = (props) => {
             setDisplayedFailure(failures[0]);
         }
         else {
-            setTimeout(() => setDisplayedFailure(''), 500);
+            const timeout = setTimeout(() => setDisplayedFailure(''), 500);
+            return () => clearTimeout(timeout);
         }
     }, [failures]);
-    const description = failuresDescription[displayedFailure] || fallbackDescription(displayedFailure);
+    const description = failuresDescription[displayedFailure] ?? fallbackDescription(displayedFailure);
+    const terminal = isTerminalFailure(displayedFailure);
     const themedButtonCss = [menuButtonCss, paletteMenuButtonCss, theme.menu?.button];
-    return (_jsxs(Dialog, { open: failures.length > 0, css: menuDialogCss, ...props, children: [_jsx("h2", { children: description.title(t) }), _jsx("p", { children: description.text(t) }), _jsx("button", { css: [...themedButtonCss, inDialogButton], onClick: () => dispatch(clearFailures()), children: t('OK') }), displayedFailure === Failure.MOVE_FORBIDDEN && _jsx("p", { children: _jsx(Trans, { ns: "common", i18nKey: "failure.dialog.play2", components: [_jsx("button", { css: [...themedButtonCss, css `display: inline-block`], onClick: () => window.location.reload() })] }) })] }));
+    return (_jsxs(Dialog, { open: failures.length > 0, css: menuDialogCss, backdropCss: terminal && aboveLoadingScreenCss, onBackdropClick: terminal ? undefined : () => dispatch(clearFailures()), ...props, children: [_jsxs("h2", { css: titleCss, children: [_jsx(FontAwesomeIcon, { icon: faTriangleExclamation, css: iconCss }), description.title(t)] }), _jsx("p", { children: description.text(t) }), terminal ? (_jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${game}`, children: t('Back to Game Park') })) : (_jsxs(_Fragment, { children: [_jsx("button", { css: [...themedButtonCss, inDialogButton], onClick: () => dispatch(clearFailures()), children: t('OK') }), displayedFailure === Failure.MOVE_FORBIDDEN && _jsx("p", { children: _jsx(Trans, { ns: "common", i18nKey: "failure.dialog.play2", components: [_jsx("button", { css: [...themedButtonCss, css `display: inline-block`], onClick: () => window.location.reload() })] }) })] }))] }));
 };
+function isTerminalFailure(failure) {
+    return failure === Failure.GAME_NOT_FOUND || failure === Failure.GAME_LOAD_ERROR;
+}
 const failuresDescription = {
     [Failure.NETWORK]: {
         title: (t) => t('Whoops...'),
@@ -39,14 +51,33 @@ const failuresDescription = {
     [Failure.TUTORIAL_MOVE_EXPECTED]: {
         title: (t) => t('Move not expected in the tutorial'),
         text: (t) => t('failure.dialog.tutorial')
+    },
+    [Failure.GAME_NOT_FOUND]: {
+        title: (t) => t('error.game-not-found.title'),
+        text: (t) => t('error.game-not-found.hint')
+    },
+    [Failure.GAME_LOAD_ERROR]: {
+        title: (t) => t('error.game-load.title'),
+        text: (t) => t('error.game-load.hint')
     }
 };
 const fallbackDescription = (failure) => ({
     title: (t) => t('Unknown error:'),
     text: () => failure
 });
-const inDialogButton = css `
-  margin: 0 0 0 auto;
-  font-size: 1.125em;
+const aboveLoadingScreenCss = css `
+  z-index: 1600;
+`;
+const titleCss = css `
+  display: flex;
+  align-items: center;
+  gap: 0.4em;
+`;
+const iconCss = css `
+  color: #28B8CE;
+`;
+const inDialogButton = css `
+  margin: 0 0 0 auto;
+  font-size: 1.125em;
 `;
 //# sourceMappingURL=FailuresDialog.js.map

package/dist/components/dialogs/FailuresDialog.js.map

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

package/dist/components/material/GameTable/DevToolsHub.d.ts

@@ -1,14 +1,31 @@
-/** @jsxImportSource @emotion/react */
-import { FC, PropsWithChildren } from 'react';
-export { DevToolEntry } from './DevToolEntry';
-export { devToolBtnCss, devToolIconCss, devToolLabelCss, devToolDescCss } from './DevToolsStyles';
+import { FC, PropsWithChildren, ReactNode } from 'react';
 export type GameOption = {
     key: string;
     label: string;
     type: 'boolean';
 };
+/**
+ * A single entry in the DevToolsHub panel.
+ * Use this instead of raw `<button>` when adding custom tools via `children`.
+ *
+ * @example
+ * <DevToolsHub>
+ *   <DevToolEntry icon="✦" label="Card Viewer" desc="Browse agents" onClick={() => setShowCards(true)} />
+ * </DevToolsHub>
+ */
+export declare const DevToolEntry: FC<{
+    icon: ReactNode;
+    label: string;
+    desc?: string;
+    onClick?: () => void;
+}>;
 type DevToolsHubProps = PropsWithChildren<{
     fabBottom?: string;
     gameOptions?: GameOption[];
 }>;
 export declare const DevToolsHub: FC<DevToolsHubProps>;
+export declare const devToolBtnCss: import("@emotion/utils").SerializedStyles;
+export declare const devToolIconCss: import("@emotion/utils").SerializedStyles;
+export declare const devToolLabelCss: import("@emotion/utils").SerializedStyles;
+export declare const devToolDescCss: import("@emotion/utils").SerializedStyles;
+export {};