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

package/dist/components/dialogs/Dialog.js

@@ -1,85 +1,74 @@
-"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.Dialog = 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 react_dom_1 = require("react-dom");
-var Dialog = function (_a) {
-    var children = _a.children, open = _a.open, backdropCss = _a.backdropCss, onBackdropClick = _a.onBackdropClick, _b = _a.transitionDelay, transitionDelay = _b === void 0 ? 0.3 : _b, _c = _a.rootId, rootId = _c === void 0 ? 'root' : _c, props = __rest(_a, ["children", "open", "backdropCss", "onBackdropClick", "transitionDelay", "rootId"]);
-    var _d = __read((0, react_2.useState)(open), 2), display = _d[0], setDisplay = _d[1];
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css, keyframes } from '@emotion/react';
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+export const Dialog = ({ children, open, backdropCss, onBackdropClick, transitionDelay = 0.3, rootId = 'root', ...props }) => {
+    const [display, setDisplay] = useState(open);
     // When we open the dialog with use-long-press, Chrome mobile generates a click event on the backdrop even though the pointer down event
     // was done before the dialog existed. It causes the dialog to close immediately. We prevent any backdrop click for 300ms to workaround this issue.
-    var _e = __read((0, react_2.useState)(false), 2), justDisplayed = _e[0], setJustDisplayed = _e[1];
-    (0, react_2.useEffect)(function () {
+    const [justDisplayed, setJustDisplayed] = useState(false);
+    useEffect(() => {
         if (open) {
             setDisplay(true);
             setJustDisplayed(true);
-            var timeout_1 = setTimeout(function () { return setJustDisplayed(false); }, 300);
-            return function () { return clearTimeout(timeout_1); };
+            const timeout = setTimeout(() => setJustDisplayed(false), 300);
+            return () => clearTimeout(timeout);
         }
         else {
-            var timeout_2 = setTimeout(function () { return setDisplay(false); }, transitionDelay * 1000);
-            return function () { return clearTimeout(timeout_2); };
+            const timeout = setTimeout(() => setDisplay(false), transitionDelay * 1000);
+            return () => clearTimeout(timeout);
         }
     }, [open, transitionDelay]);
     if (!display)
         return null;
-    var root = document.getElementById(rootId);
+    const root = document.getElementById(rootId);
     if (!root) {
         console.error('Dialog cannot be displayed because this element id does not exists:', rootId);
         return null;
     }
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { css: [backdropStyle(transitionDelay), !open && hide(transitionDelay), backdropCss], onClick: function (event) { return !justDisplayed && (onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick(event)); }, children: (0, jsx_runtime_1.jsx)("div", __assign({ onClick: function (event) { return event.stopPropagation(); }, css: function (theme) { return dialogCss(theme); } }, props, { children: children })) }), root);
+    return createPortal(_jsx("div", { css: [backdropStyle(transitionDelay), !open && hide(transitionDelay), backdropCss], onClick: event => !justDisplayed && onBackdropClick?.(event), children: _jsx("div", { onClick: event => event.stopPropagation(), css: theme => dialogCss(theme), ...props, children: children }) }), root);
 };
-exports.Dialog = Dialog;
-var fadeIn = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
-var fadeOut = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n"], ["\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n"])));
-var backdropStyle = function (transitionDelay) { return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  width: 100vw;\n  width: 100dvw;\n  height: 100vh;\n  height: 100dvh;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1100;\n  transition: opacity ", "s;\n  animation: ", " ", "s forwards;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  position: fixed;\n  top: 0;\n  width: 100vw;\n  width: 100dvw;\n  height: 100vh;\n  height: 100dvh;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1100;\n  transition: opacity ", "s;\n  animation: ", " ", "s forwards;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), transitionDelay, fadeIn, transitionDelay); };
-var hide = function (transitionDelay) { return (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: ", " ", "s forwards;\n  pointer-events: none;\n"], ["\n  animation: ", " ", "s forwards;\n  pointer-events: none;\n"])), fadeOut, transitionDelay); };
-var dialogCss = function (theme) { return (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  background-color: ", ";\n  color: ", ";\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n"], ["\n  position: relative;\n  background-color: ", ";\n  color: ", ";\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n"])), theme.dialog.backgroundColor, theme.dialog.color); };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+const fadeIn = keyframes `
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`;
+const fadeOut = keyframes `
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+`;
+const backdropStyle = (transitionDelay) => css `
+  position: fixed;
+  top: 0;
+  width: 100vw;
+  width: 100dvw;
+  height: 100vh;
+  height: 100dvh;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 1100;
+  transition: opacity ${transitionDelay}s;
+  animation: ${fadeIn} ${transitionDelay}s forwards;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const hide = (transitionDelay) => css `
+  animation: ${fadeOut} ${transitionDelay}s forwards;
+  pointer-events: none;
+`;
+const dialogCss = (theme) => css `
+  position: relative;
+  background-color: ${theme.dialog.backgroundColor};
+  color: ${theme.dialog.color};
+  padding: 1em;
+  border-radius: 1em;
+  box-shadow: 0 0 0.2em black;
+`;
 //# sourceMappingURL=Dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAiB,SAAS,EAAS,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAqC,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAUxC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,GAAG,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACxI,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5C,wIAAwI;IACxI,mJAAmJ;IACnJ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAA;YAC9D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QACpC,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC,CAAA;YAC3E,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAA;IAE3B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;IAC5C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,KAAK,CAAC,qEAAqE,EAAE,MAAM,CAAC,CAAA;QAC5F,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,YAAY,CACjB,cAAK,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,aAAa,IAAI,eAAe,EAAE,CAAC,KAAK,CAAC,YACnJ,cAAK,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,KAAM,KAAK,YACtF,QAAQ,GACL,GACF,EACN,IAAI,CACL,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;CAOvB,CAAA;AAED,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;CAOxB,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;wBAS9B,eAAe;eACxB,MAAM,IAAI,eAAe;;;;CAIvC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,CAAA;eAC9B,OAAO,IAAI,eAAe;;CAExC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,GAAG,CAAA;;sBAEjB,KAAK,CAAC,MAAM,CAAC,eAAe;WACvC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;CAI5B,CAAA"}

package/dist/components/dialogs/FailuresDialog.js

@@ -1,85 +1,50 @@
-"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 _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FailuresDialog = 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 react_i18next_1 = require("react-i18next");
-var Dialog_1 = require("./Dialog");
-var hooks_1 = require("../../hooks");
-var react_client_1 = require("@gamepark/react-client");
-var menuCss_1 = require("../menus/menuCss");
-var FailuresDialog = function (props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var _a = __read((0, hooks_1.useFailures)(), 2), failures = _a[0], clearFailures = _a[1];
-    var _b = __read((0, react_2.useState)(''), 2), displayedFailure = _b[0], setDisplayedFailure = _b[1];
-    (0, react_2.useEffect)(function () {
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { clearFailures, Failure, useGameDispatch, useGameSelector } from '@gamepark/react-client';
+import { useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { menuButtonCss, menuDialogCss } from '../menus/menuCss';
+import { Dialog } from './Dialog';
+export const FailuresDialog = (props) => {
+    const { t } = useTranslation();
+    const failures = useGameSelector((state) => state.failures);
+    const dispatch = useGameDispatch();
+    const [displayedFailure, setDisplayedFailure] = useState('');
+    useEffect(() => {
         if (failures.length) {
             setDisplayedFailure(failures[0]);
         }
         else {
-            setTimeout(function () { return setDisplayedFailure(''); }, 500);
+            setTimeout(() => setDisplayedFailure(''), 500);
         }
     }, [failures]);
-    var description = failuresDescription[displayedFailure] || fallbackDescription(displayedFailure);
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, __assign({ open: failures.length > 0, css: menuCss_1.menuDialogCss }, props, { children: [(0, jsx_runtime_1.jsx)("h2", { children: description.title(t) }), (0, jsx_runtime_1.jsx)("p", { children: description.text(t) }), (0, jsx_runtime_1.jsx)("button", { css: [menuCss_1.menuButtonCss, inDialogButton], onClick: function () { return clearFailures(); }, children: t('OK') }), displayedFailure === react_client_1.Failure.MOVE_FORBIDDEN && (0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "failure.dialog.play2", components: [(0, jsx_runtime_1.jsx)("button", { css: [menuCss_1.menuButtonCss, (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["display: inline-block"], ["display: inline-block"])))], onClick: function () { return window.location.reload(); } })] }) })] })));
+    const description = failuresDescription[displayedFailure] || fallbackDescription(displayedFailure);
+    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: [menuButtonCss, inDialogButton], onClick: () => dispatch(clearFailures()), children: t('OK') }), displayedFailure === Failure.MOVE_FORBIDDEN && _jsx("p", { children: _jsx(Trans, { defaults: "failure.dialog.play2", components: [_jsx("button", { css: [menuButtonCss, css `display: inline-block`], onClick: () => window.location.reload() })] }) })] }));
 };
-exports.FailuresDialog = FailuresDialog;
-var failuresDescription = (_a = {},
-    _a[react_client_1.Failure.NETWORK] = {
-        title: function (t) { return t('Whoops...'); },
-        text: function (t) { return t('failure.dialog.network'); }
-    },
-    _a[react_client_1.Failure.MOVE_FORBIDDEN] = {
-        title: function (t) { return t('Move unauthorized!'); },
-        text: function (t) { return t('failure.dialog.play'); }
+const failuresDescription = {
+    [Failure.NETWORK]: {
+        title: (t) => t('Whoops...'),
+        text: (t) => t('failure.dialog.network')
     },
-    _a[react_client_1.Failure.UNDO_FORBIDDEN] = {
-        title: function (t) { return t('Too late!'); },
-        text: function (t) { return t('failure.dialog.undo'); }
+    [Failure.MOVE_FORBIDDEN]: {
+        title: (t) => t('Move unauthorized!'),
+        text: (t) => t('failure.dialog.play')
     },
-    _a[react_client_1.Failure.TUTORIAL_MOVE_EXPECTED] = {
-        title: function (t) { return t('Move not expected in the tutorial'); },
-        text: function (t) { return t('failure.dialog.tutorial'); }
+    [Failure.UNDO_FORBIDDEN]: {
+        title: (t) => t('Too late!'),
+        text: (t) => t('failure.dialog.undo')
     },
-    _a);
-var fallbackDescription = function (failure) { return ({
-    title: function (t) { return t('Unknown error:'); },
-    text: function () { return failure; }
-}); };
-var inDialogButton = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0 0 0 auto;\n  font-size: 1.125em;\n"], ["\n  margin: 0 0 0 auto;\n  font-size: 1.125em;\n"])));
-var templateObject_1, templateObject_2;
+    [Failure.TUTORIAL_MOVE_EXPECTED]: {
+        title: (t) => t('Move not expected in the tutorial'),
+        text: (t) => t('failure.dialog.tutorial')
+    }
+};
+const fallbackDescription = (failure) => ({
+    title: (t) => t('Unknown error:'),
+    text: () => failure
+});
+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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAEpC,+BAA2C;AAC3C,+CAAqD;AACrD,mCAA8C;AAC9C,qCAAyC;AACzC,uDAAgD;AAChD,4CAA+D;AAExD,IAAM,cAAc,GAAG,UAAC,KAAgC;IACrD,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAAA,OAA4B,IAAA,mBAAW,GAAE,IAAA,EAAxC,QAAQ,QAAA,EAAE,aAAa,QAAiB,CAAA;IACzC,IAAA,KAAA,OAA0C,IAAA,gBAAQ,EAAC,EAAE,CAAC,IAAA,EAArD,gBAAgB,QAAA,EAAE,mBAAmB,QAAgB,CAAA;IAC5D,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;YACpB,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,cAAM,OAAA,mBAAmB,CAAC,EAAE,CAAC,EAAvB,CAAuB,EAAE,GAAG,CAAC,CAAA;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IACd,IAAM,WAAW,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,IAAI,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IAClG,OAAO,CACL,wBAAC,eAAM,aAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,uBAAa,IAAM,KAAK,eAC9D,yCAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,GAAM,EAC/B,wCAAI,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,GAAK,EAC5B,mCAAQ,GAAG,EAAE,CAAC,uBAAa,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,aAAa,EAAE,EAAf,CAAe,YAAG,CAAC,CAAC,IAAI,CAAC,GAAU,EAC/F,gBAAgB,KAAK,sBAAO,CAAC,cAAc,IAAI,wCAC9C,uBAAC,qBAAK,IAAC,QAAQ,EAAC,sBAAsB,EAC/B,UAAU,EAAE,CAAC,mCAAQ,GAAG,EAAE,CAAC,uBAAa,MAAE,WAAG,2FAAA,uBAAuB,KAAC,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAxB,CAAwB,GAAG,CAAC,GAAG,GAC1H,KACG,CACV,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,cAAc,kBAuB1B;AAED,IAAM,mBAAmB;IACvB,GAAC,sBAAO,CAAC,OAAO,IAAG;QACjB,KAAK,EAAE,UAAC,CAAY,IAAK,OAAA,CAAC,CAAC,WAAW,CAAC,EAAd,CAAc;QACvC,IAAI,EAAE,UAAC,CAAY,IAAK,OAAA,CAAC,CAAC,wBAAwB,CAAC,EAA3B,CAA2B;KACpD;IACD,GAAC,sBAAO,CAAC,cAAc,IAAG;QACxB,KAAK,EAAE,UAAC,CAAY,IAAK,OAAA,CAAC,CAAC,oBAAoB,CAAC,EAAvB,CAAuB;QAChD,IAAI,EAAE,UAAC,CAAY,IAAK,OAAA,CAAC,CAAC,qBAAqB,CAAC,EAAxB,CAAwB;KACjD;IACD,GAAC,sBAAO,CAAC,cAAc,IAAG;QACxB,KAAK,EAAE,UAAC,CAAY,IAAK,OAAA,CAAC,CAAC,WAAW,CAAC,EAAd,CAAc;QACvC,IAAI,EAAE,UAAC,CAAY,IAAK,OAAA,CAAC,CAAC,qBAAqB,CAAC,EAAxB,CAAwB;KACjD;IACD,GAAC,sBAAO,CAAC,sBAAsB,IAAG;QAChC,KAAK,EAAE,UAAC,CAAY,IAAK,OAAA,CAAC,CAAC,mCAAmC,CAAC,EAAtC,CAAsC;QAC/D,IAAI,EAAE,UAAC,CAAY,IAAK,OAAA,CAAC,CAAC,yBAAyB,CAAC,EAA5B,CAA4B;KACrD;OACF,CAAA;AAED,IAAM,mBAAmB,GAAG,UAAC,OAAe,IAAK,OAAA,CAAC;IAChD,KAAK,EAAE,UAAC,CAAY,IAAK,OAAA,CAAC,CAAC,gBAAgB,CAAC,EAAnB,CAAmB;IAC5C,IAAI,EAAE,cAAM,OAAA,OAAO,EAAP,CAAO;CACpB,CAAC,EAH+C,CAG/C,CAAA;AAEF,IAAM,cAAc,OAAG,WAAG,sHAAA,kDAGzB,IAAA,CAAA"}
+{"version":3,"file":"FailuresDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/FailuresDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/dialogs/ResultDialog/RematchDisplay.js

@@ -1,66 +1,68 @@
-"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 __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.RematchDisplay = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var client_1 = require("@apollo/client");
-var react_1 = require("@emotion/react");
-var react_client_1 = require("@gamepark/react-client");
-var react_2 = require("react");
-var react_i18next_1 = require("react-i18next");
-var NavButton_1 = require("../../menus/Menu/NavButton");
-var menuCss_1 = require("../../menus/menuCss");
-var RematchDisplay = function (_a) {
-    var rematch = _a.rematch;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var me = (0, react_client_1.useMe)();
-    var _b = __read((0, client_1.useMutation)(react_client_1.ACCEPT_REMATCH), 1), acceptRematch = _b[0];
-    var _c = __read((0, client_1.useMutation)(react_client_1.REFUSE_REMATCH), 1), refuseRematch = _c[0];
-    var player = (me === null || me === void 0 ? void 0 : me.user) && rematch.players.find(function (p) { return p.userId === me.user.id; });
-    (0, react_2.useEffect)(function () {
-        var channel = react_client_1.pusherClient.subscribe('game-state=' + rematch.id);
-        channel.bind('game-started', function () {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useMutation } from '@apollo/client/react';
+import { css } from '@emotion/react';
+import { ACCEPT_REMATCH, PLATFORM_URI, pusherClient, REFUSE_REMATCH, useMe } from '@gamepark/react-client';
+import { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { NavButton } from '../../menus/Menu/NavButton';
+import { menuButtonCss } from '../../menus/menuCss';
+export const RematchDisplay = ({ rematch }) => {
+    const { t } = useTranslation();
+    const me = useMe();
+    const [acceptRematch] = useMutation(ACCEPT_REMATCH);
+    const [refuseRematch] = useMutation(REFUSE_REMATCH);
+    const player = me?.user && rematch.players.find(p => p.userId === me.user.id);
+    useEffect(() => {
+        const channel = pusherClient.subscribe('game-state=' + rematch.id);
+        channel.bind('game-started', () => {
             if (player) {
                 window.location.href = getGameLocation(rematch);
             }
         });
-        return function () { return react_client_1.pusherClient.unsubscribe('game-state=' + rematch.id); };
+        return () => pusherClient.unsubscribe('game-state=' + rematch.id);
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h3", { css: rematchTitle, children: (me === null || me === void 0 ? void 0 : me.user.id) === rematch.players[0].userId ?
+    return (_jsxs(_Fragment, { children: [_jsx("h3", { css: rematchTitle, children: me?.user.id === rematch.players[0].userId ?
                     t('rematch.mine') :
                     rematch.startDate ?
                         t('rematch.offered', { player: rematch.players[0].name }) :
-                        t('rematch.offer', { player: rematch.players[0].name }) }), player && !player.ready && (0, jsx_runtime_1.jsxs)("div", { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["margin-bottom: 0.5em;"], ["margin-bottom: 0.5em;"]))), children: [(0, jsx_runtime_1.jsx)("button", { css: [menuCss_1.menuButtonCss, rematchButton, declineButton], onClick: function () { return refuseRematch({ variables: { gameId: rematch.id } }); }, children: t('rematch.decline') }), (0, jsx_runtime_1.jsx)("button", { css: [menuCss_1.menuButtonCss, rematchButton, acceptButton], onClick: function () { return acceptRematch({ variables: { gameId: rematch.id } }); }, children: t('rematch.accept') })] }), (0, jsx_runtime_1.jsx)(NavButton_1.NavButton, { css: rematchButton, url: "".concat(react_client_1.PLATFORM_URI, "/?id=").concat(rematch.id), children: t('rematch.go') })] }));
+                        t('rematch.offer', { player: rematch.players[0].name }) }), player && !player.ready && _jsxs("div", { css: css `margin-bottom: 0.5em;`, children: [_jsx("button", { css: [menuButtonCss, rematchButton, declineButton], onClick: () => refuseRematch({ variables: { gameId: rematch.id } }), children: t('rematch.decline') }), _jsx("button", { css: [menuButtonCss, rematchButton, acceptButton], onClick: () => acceptRematch({ variables: { gameId: rematch.id } }), children: t('rematch.accept') })] }), _jsx(NavButton, { css: rematchButton, url: `${PLATFORM_URI}/?id=${rematch.id}`, children: t('rematch.go') })] }));
 };
-exports.RematchDisplay = RematchDisplay;
-var rematchTitle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 1em;\n  font-size: 1.25em;\n"], ["\n  margin: 1em;\n  font-size: 1.25em;\n"])));
-var acceptButton = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-left: 1em;\n  border: 0.05em solid #ffb24a;\n  background-color: #ffb24a;\n\n  &:focus, &:hover {\n    background: #fea429;\n  }\n\n  &:active {\n    background: #ff9608;\n  }\n"], ["\n  margin-left: 1em;\n  border: 0.05em solid #ffb24a;\n  background-color: #ffb24a;\n\n  &:focus, &:hover {\n    background: #fea429;\n  }\n\n  &:active {\n    background: #ff9608;\n  }\n"])));
-var declineButton = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: 0.05em solid #bbb;\n  background-color: #bbb;\n\n  &:focus, &:hover {\n    background: #aaa;\n  }\n\n  &:active {\n    background: #999;\n  }\n"], ["\n  border: 0.05em solid #bbb;\n  background-color: #bbb;\n\n  &:focus, &:hover {\n    background: #aaa;\n  }\n\n  &:active {\n    background: #999;\n  }\n"])));
-var rematchButton = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: inline-block;\n  padding: 0.4em 0.6em;\n"], ["\n  display: inline-block;\n  padding: 0.4em 0.6em;\n"])));
-var getGameLocation = function (rematch) {
-    var url = new URL(window.location.href);
+const rematchTitle = css `
+  margin: 1em;
+  font-size: 1.25em;
+`;
+const acceptButton = css `
+  margin-left: 1em;
+  border: 0.05em solid #ffb24a;
+  background-color: #ffb24a;
+
+  &:focus, &:hover {
+    background: #fea429;
+  }
+
+  &:active {
+    background: #ff9608;
+  }
+`;
+const declineButton = css `
+  border: 0.05em solid #bbb;
+  background-color: #bbb;
+
+  &:focus, &:hover {
+    background: #aaa;
+  }
+
+  &:active {
+    background: #999;
+  }
+`;
+const rematchButton = css `
+  display: inline-block;
+  padding: 0.4em 0.6em;
+`;
+const getGameLocation = (rematch) => {
+    const url = new URL(window.location.href);
     url.searchParams.set('game', rematch.id);
     return url.toString();
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=RematchDisplay.js.map

package/dist/components/dialogs/ResultDialog/RematchDisplay.js.map

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

package/dist/components/dialogs/ResultDialog/RematchSection.js

@@ -1,31 +1,20 @@
-"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.RematchSection = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var faRepeat_1 = require("@fortawesome/free-solid-svg-icons/faRepeat");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var react_client_1 = require("@gamepark/react-client");
-var react_2 = require("react");
-var react_i18next_1 = require("react-i18next");
-var RematchDisplay_1 = require("./RematchDisplay");
-var menuCss_1 = require("../../menus/menuCss");
-var RematchSection = function (_a) {
-    var openDialog = _a.openDialog;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var _b = (0, react_client_1.useRematch)(), game = _b.game, rematch = _b.rematch;
-    (0, react_2.useEffect)(function () {
-        if (game === null || game === void 0 ? void 0 : game.rematch)
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { faRepeat } from '@fortawesome/free-solid-svg-icons/faRepeat';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useRematch } from '@gamepark/react-client';
+import { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { RematchDisplay } from './RematchDisplay';
+import { menuButtonCss } from '../../menus/menuCss';
+export const RematchSection = ({ openDialog }) => {
+    const { t } = useTranslation();
+    const { game, rematch } = useRematch();
+    useEffect(() => {
+        if (game?.rematch)
             openDialog();
-    }, [game === null || game === void 0 ? void 0 : game.rematch]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(game === null || game === void 0 ? void 0 : game.canRematch) &&
-                (0, jsx_runtime_1.jsxs)("button", { css: [menuCss_1.menuButtonCss, (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["display: inline-block"], ["display: inline-block"])))], onClick: function () { return rematch(); }, children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faRepeat_1.faRepeat }), t('rematch.button')] }), (game === null || game === void 0 ? void 0 : game.rematch) && (0, jsx_runtime_1.jsx)(RematchDisplay_1.RematchDisplay, { rematch: game.rematch })] }));
+    }, [game?.rematch]);
+    return (_jsxs("div", { children: [game?.canRematch &&
+                _jsxs("button", { css: [menuButtonCss, css `display: inline-block`], onClick: () => rematch(), children: [_jsx(FontAwesomeIcon, { icon: faRepeat }), t('rematch.button')] }), game?.rematch && _jsx(RematchDisplay, { rematch: game.rematch })] }));
 };
-exports.RematchSection = RematchSection;
-var templateObject_1;
 //# sourceMappingURL=RematchSection.js.map

package/dist/components/dialogs/ResultDialog/RematchSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"RematchSection.js","sourceRoot":"","sources":["../../../../src/components/dialogs/ResultDialog/RematchSection.tsx"],"names":[],"mappings":";;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,uEAAqE;AACrE,oEAAgE;AAChE,uDAAmD;AACnD,+BAAiC;AACjC,+CAA8C;AAC9C,mDAAiD;AACjD,+CAAmD;AAM5C,IAAM,cAAc,GAAG,UAAC,EAAqB;QAAnB,UAAU,gBAAA;IACjC,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAAoB,IAAA,yBAAU,GAAE,EAA9B,IAAI,UAAA,EAAE,OAAO,aAAiB,CAAA;IACtC,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO;YAAE,UAAU,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,CAAC,CAAA;IACnB,OAAO,CACL,4CACG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU;gBACf,oCAAQ,GAAG,EAAE,CAAC,uBAAa,MAAE,WAAG,2FAAA,uBAAuB,KAAC,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS,aAChF,uBAAC,mCAAe,IAAC,IAAI,EAAE,mBAAQ,GAAG,EACjC,CAAC,CAAC,gBAAgB,CAAC,IACb,EAEV,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,KAAI,uBAAC,+BAAc,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,IACtD,CACP,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,cAAc,kBAiB1B"}
+{"version":3,"file":"RematchSection.js","sourceRoot":"","sources":["../../../../src/components/dialogs/ResultDialog/RematchSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAMnD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAS,EAAE,EAAE;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,OAAO;YAAE,UAAU,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IACnB,OAAO,CACL,0BACG,IAAI,EAAE,UAAU;gBACf,kBAAQ,GAAG,EAAE,CAAC,aAAa,EAAE,GAAG,CAAA,uBAAuB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,aAChF,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,GAAG,EACjC,CAAC,CAAC,gBAAgB,CAAC,IACb,EAEV,IAAI,EAAE,OAAO,IAAI,KAAC,cAAc,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,IACtD,CACP,CAAA;AACH,CAAC,CAAA"}