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

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":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEjG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAgC,EAAE,EAAE;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC3D,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;YACpB,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAA;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IACd,MAAM,WAAW,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,IAAI,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IAClG,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,aAAa,KAAM,KAAK,aAC9D,uBAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,GAAM,EAC/B,sBAAI,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,GAAK,EAC5B,iBAAQ,GAAG,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,YAAG,CAAC,CAAC,IAAI,CAAC,GAAU,EACzG,gBAAgB,KAAK,OAAO,CAAC,cAAc,IAAI,sBAC9C,KAAC,KAAK,IAAC,QAAQ,EAAC,sBAAsB,EAC/B,UAAU,EAAE,CAAC,iBAAQ,GAAG,EAAE,CAAC,aAAa,EAAE,GAAG,CAAA,uBAAuB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAC1H,IACG,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG;IAC1B,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACjB,KAAK,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;QACvC,IAAI,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC;KACpD;IACD,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;QACxB,KAAK,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC;QAChD,IAAI,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC;KACjD;IACD,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;QACxB,KAAK,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;QACvC,IAAI,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC;KACjD;IACD,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE;QAChC,KAAK,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,mCAAmC,CAAC;QAC/D,IAAI,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC;KACrD;CACF,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,CAAC;IAChD,KAAK,EAAE,CAAC,CAAY,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC5C,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO;CACpB,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,GAAG,CAAA;;;CAGzB,CAAA"}

package/dist/components/dialogs/ResultDialog/RematchDisplay.d.ts

@@ -1,6 +1,6 @@
-import { RematchData } from '@gamepark/react-client';
-type Props = {
-    rematch: RematchData;
-};
-export declare const RematchDisplay: ({ rematch }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+import { RematchData } from '@gamepark/react-client';
+type Props = {
+    rematch: RematchData;
+};
+export declare const RematchDisplay: ({ rematch }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,74 +1,69 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.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 use_pusher_1 = require("@harelpls/use-pusher");
-var react_i18next_1 = require("react-i18next");
-var menuCss_1 = require("../../menus/menuCss");
-var NavButton_1 = require("../../menus/Menu/NavButton");
-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; });
-    var channel = (0, use_pusher_1.useChannel)('game-state=' + rematch.id);
-    (0, use_pusher_1.useEvent)(channel, 'game-started', function () {
-        if (player) {
-            window.location.href = getGameLocation(rematch);
-        }
-    });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h3", __assign({ css: rematchTitle }, { children: (me === null || me === void 0 ? void 0 : 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", __assign({ 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", __assign({ css: [menuCss_1.menuButtonCss, rematchButton, declineButton], onClick: function () { return refuseRematch({ variables: { gameId: rematch.id } }); } }, { children: t('rematch.decline') })), (0, jsx_runtime_1.jsx)("button", __assign({ 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, __assign({ css: rematchButton, url: "".concat(react_client_1.PLATFORM_URI, "/?id=").concat(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);
-    url.searchParams.set('game', rematch.id);
-    return url.toString();
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+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 () => pusherClient.unsubscribe('game-state=' + rematch.id);
+    }, []);
+    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 && _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') })] }));
+};
+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();
+};
 //# 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.d.ts

@@ -1,5 +1,5 @@
-type Props = {
-    openDialog: () => void;
-};
-export declare const RematchSection: ({ openDialog }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+type Props = {
+    openDialog: () => void;
+};
+export declare const RematchSection: ({ openDialog }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,42 +1,21 @@
-"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);
-};
-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)
-            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", __assign({ 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 })] }));
-};
-exports.RematchSection = RematchSection;
-var templateObject_1;
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+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?.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 })] }));
+};
 //# 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,6CAAQ,GAAG,EAAE,CAAC,uBAAa,MAAE,WAAG,2FAAA,uBAAuB,KAAC,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS,iBAChF,uBAAC,mCAAe,IAAC,IAAI,EAAE,mBAAQ,GAAG,EACjC,CAAC,CAAC,gBAAgB,CAAC,KACb,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,sCAAsC;AACtC,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"}

package/dist/components/dialogs/ResultDialog/ResultDialog.d.ts

@@ -1,7 +1,7 @@
-import { DialogProps } from '../Dialog';
-type Props = DialogProps & {
-    openDialog: () => void;
-    close: () => void;
-};
-export declare const ResultDialog: ({ openDialog, close, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+import { DialogProps } from '../Dialog';
+type Props = DialogProps & {
+    openDialog: () => void;
+    close: () => void;
+};
+export declare const ResultDialog: ({ openDialog, close, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,104 +1,135 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultDialog = 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 faTrophy_1 = require("@fortawesome/free-solid-svg-icons/faTrophy");
-var faXmark_1 = require("@fortawesome/free-solid-svg-icons/faXmark");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var react_client_1 = require("@gamepark/react-client");
-var rules_api_1 = require("@gamepark/rules-api");
-var react_2 = require("react");
-var react_i18next_1 = require("react-i18next");
-var react_redux_1 = require("react-redux");
-var hooks_1 = require("../../../hooks");
-var Avatar_1 = require("../../Avatar");
-var GamePoints_1 = require("../../GamePoints");
-var GameProvider_1 = require("../../GameProvider");
-var menus_1 = require("../../menus");
-var NavButton_1 = require("../../menus/Menu/NavButton");
-var RestartTutorialButton_1 = require("../../menus/RestartTutorialButton");
-var Dialog_1 = require("../Dialog");
-var RematchSection_1 = require("./RematchSection");
-var useScoringTable_1 = require("./useScoringTable");
-var query = new URLSearchParams(window.location.search);
-var locale = query.get('locale') || 'en';
-var gameId = query.get('game');
-var ResultDialog = function (_a) {
-    var _b;
-    var openDialog = _a.openDialog, close = _a.close, props = __rest(_a, ["openDialog", "close"]);
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var rankedPlayers = (0, hooks_1.useRankedPlayers)();
-    var context = (0, react_2.useContext)(GameProvider_1.gameContext);
-    var rules = (0, hooks_1.useRules)();
-    var gameMode = (0, react_redux_1.useSelector)(function (state) { return state.gameMode; });
-    var tournament = (0, react_redux_1.useSelector)(function (state) { return state.tournament; });
-    var scoringCells = (0, useScoringTable_1.useScoringHeader)();
-    var row = (gameMode === react_client_1.GameMode.TOURNAMENT ? 3 : gameMode === react_client_1.GameMode.COMPETITIVE ? 2 : 1) + ((_b = scoringCells === null || scoringCells === void 0 ? void 0 : scoringCells.length) !== null && _b !== void 0 ? _b : 0);
-    var resultText = (0, hooks_1.useResultText)();
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, __assign({ onBackdropClick: close, css: style }, props, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faXmark_1.faXmark, css: closeIcon, onClick: close }), (0, jsx_runtime_1.jsx)("h2", { children: resultText }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: buttonLine }, { children: [gameMode === react_client_1.GameMode.TOURNAMENT && tournament ?
-                        (0, jsx_runtime_1.jsx)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(context.game, "/tournaments/").concat(tournament.number) }, { children: t('result.tournament.link') }))
-                        :
-                            (0, jsx_runtime_1.jsx)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(context.game) }, { children: t('Back to Game Park') })), gameMode === react_client_1.GameMode.COMPETITIVE &&
-                        (0, jsx_runtime_1.jsx)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(context.game, "/play?mode=matchmaking") }, { children: t('Play again') })), gameMode === react_client_1.GameMode.COMPETITIVE &&
-                        (0, jsx_runtime_1.jsx)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(context.game, "/ranking") }, { children: t('See overall ranking') }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [gridCss, row > 1 ? multiRows(rankedPlayers.length, row) : singleRow(rankedPlayers.length)] }, { children: [row > 1 && (0, jsx_runtime_1.jsx)("div", {}), gameMode === react_client_1.GameMode.TOURNAMENT && (0, jsx_runtime_1.jsx)("div", __assign({ css: [borderTop, left] }, { children: t('Tournament') })), (gameMode === react_client_1.GameMode.TOURNAMENT || gameMode === react_client_1.GameMode.COMPETITIVE) && (0, jsx_runtime_1.jsx)("div", __assign({ css: [borderTop, left] }, { children: t('Ranking') })), scoringCells.map(function (cell, index) { return ((0, jsx_runtime_1.jsx)("div", __assign({ css: [borderTop, left] }, { children: cell }), index)); }), rankedPlayers.map(function (player, index) {
-                        return (0, jsx_runtime_1.jsx)(PlayerDisplay, { playerId: player.id, gameMode: gameMode, rank: (0, rules_api_1.isCompetitive)(rules) && player.rank <= 3 ? player.rank : undefined, border: row > 1 }, index);
-                    })] })), gameMode === react_client_1.GameMode.TUTORIAL &&
-                (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", __assign({ css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["white-space: break-spaces;"], ["white-space: break-spaces;"]))) }, { children: t('tuto.over') })), (0, jsx_runtime_1.jsxs)("p", __assign({ css: buttonsLine }, { children: [(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(context.game, "/play"), css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["margin-left: 1em;"], ["margin-left: 1em;"]))) }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faChessPawn_1.faChessPawn }), t('Play')] }))] }))] }), gameId !== null && (0, jsx_runtime_1.jsx)(RematchSection_1.RematchSection, { openDialog: openDialog })] })));
-};
-exports.ResultDialog = ResultDialog;
-var PlayerDisplay = function (_a) {
-    var gameMode = _a.gameMode, playerId = _a.playerId, rank = _a.rank, border = _a.border;
-    var playerName = (0, hooks_1.usePlayerName)(playerId);
-    var tournamentPoints = (0, react_redux_1.useSelector)(function (state) { var _a, _b; return (_b = (_a = state.players.find(function (p) { return p.id === playerId; })) === null || _a === void 0 ? void 0 : _a.tournamentPoints) !== null && _b !== void 0 ? _b : undefined; });
-    var playerData = (0, useScoringTable_1.usePlayerScoring)(playerId);
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ css: [relative, border && borderLeft] }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ css: avatarContainer }, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { playerId: playerId, css: avatarCss }), rank !== undefined && (0, jsx_runtime_1.jsx)(menus_1.Medal, { rank: rank, css: medalCss })] })), (0, jsx_runtime_1.jsx)("span", { children: playerName })] })), gameMode === react_client_1.GameMode.TOURNAMENT &&
-                (0, jsx_runtime_1.jsx)("div", __assign({ css: [borderLeft, borderTop, centered] }, { children: tournamentPoints !== undefined && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faTrophy_1.faTrophy, css: trophyIcon }), (0, jsx_runtime_1.jsxs)("span", { children: ["+", tournamentPoints] })] }) })), (gameMode === react_client_1.GameMode.TOURNAMENT || gameMode === react_client_1.GameMode.COMPETITIVE) &&
-                (0, jsx_runtime_1.jsx)("div", __assign({ css: [borderLeft, borderTop, centered] }, { children: (0, jsx_runtime_1.jsx)(GamePoints_1.GamePoints, { playerId: playerId }) })), playerData.map(function (cell, index) { return ((0, jsx_runtime_1.jsx)("div", __assign({ css: [borderLeft, borderTop] }, { children: cell }), index)); })] });
-};
-var centered = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  > * {\n    justify-content: center;\n  }\n"], ["\n  > * {\n    justify-content: center;\n  }\n"])));
-var style = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 3.2em;\n  text-align: center;\n  max-height: 90vh;\n  max-height: 90dvh;\n  overflow-y: auto;\n\n\n  > h2 {\n    margin: 0 1em 0.5em;\n  }\n"], ["\n  font-size: 3.2em;\n  text-align: center;\n  max-height: 90vh;\n  max-height: 90dvh;\n  overflow-y: auto;\n\n\n  > h2 {\n    margin: 0 1em 0.5em;\n  }\n"])));
-var closeIcon = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n  right: 0.8em;\n  top: 0.6em;\n  font-size: 1.3em;\n  cursor: pointer;\n"], ["\n  position: absolute;\n  right: 0.8em;\n  top: 0.6em;\n  font-size: 1.3em;\n  cursor: pointer;\n"])));
-var buttonLine = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-evenly;\n"], ["\n  display: flex;\n  justify-content: space-evenly;\n"])));
-var gridCss = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: grid;\n  grid-auto-flow: column;\n  padding: 0.5em;\n\n  > div {\n    padding: 0.6em;\n  }\n"], ["\n  display: grid;\n  grid-auto-flow: column;\n  padding: 0.5em;\n\n  > div {\n    padding: 0.6em;\n  }\n"])));
-var multiRows = function (players, rows) { return (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  grid-template-columns: auto repeat(", ", 1fr);\n  grid-template-rows: repeat(", ", auto);\n"], ["\n  grid-template-columns: auto repeat(", ", 1fr);\n  grid-template-rows: repeat(", ", auto);\n"])), players, rows); };
-var singleRow = function (players) { return (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  grid-template-columns: repeat(", ", 1fr);\n  justify-items: center;\n"], ["\n  grid-template-columns: repeat(", ", 1fr);\n  justify-items: center;\n"])), players); };
-var avatarContainer = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  position: relative;\n  width: 3em;\n  height: 3em;\n  margin: auto auto 0.5em;\n"], ["\n  position: relative;\n  width: 3em;\n  height: 3em;\n  margin: auto auto 0.5em;\n"])));
-var avatarCss = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  position: relative;\n  width: 3em;\n  height: 3em;\n"], ["\n  position: relative;\n  width: 3em;\n  height: 3em;\n"])));
-var medalCss = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  width: 1.3em;\n  height: 1.6em;\n  fill: #002448;\n  position: absolute;\n  top: -0.5em;\n  left: -0.8em;\n"], ["\n  width: 1.3em;\n  height: 1.6em;\n  fill: #002448;\n  position: absolute;\n  top: -0.5em;\n  left: -0.8em;\n"])));
-var relative = (0, react_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-var borderLeft = (0, react_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  border-left: 0.1em solid #28b8ce;\n"], ["\n  border-left: 0.1em solid #28b8ce;\n"])));
-var borderTop = (0, react_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  border-top: 0.1em solid #28b8ce;\n"], ["\n  border-top: 0.1em solid #28b8ce;\n"])));
-var trophyIcon = (0, react_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  color: #28b8ce;\n"], ["\n  color: #28b8ce;\n"])));
-var left = (0, react_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  text-align: left;\n"], ["\n  text-align: left;\n"])));
-var buttonsLine = (0, react_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
+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 { faTrophy } from '@fortawesome/free-solid-svg-icons/faTrophy';
+import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { GameMode, PLATFORM_URI, useGameSelector } from '@gamepark/react-client';
+import { isCompetitive } from '@gamepark/rules-api';
+import { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
+import { usePlayerName, useRankedPlayers, useResultText, useRules } from '../../../hooks';
+import { Avatar } from '../../Avatar';
+import { GamePoints } from '../../GamePoints';
+import { gameContext } from '../../GameProvider';
+import { Medal } from '../../menus';
+import { NavButton } from '../../menus/Menu/NavButton';
+import { RestartTutorialButton } from '../../menus/RestartTutorialButton';
+import { Dialog } from '../Dialog';
+import { RematchSection } from './RematchSection';
+import { usePlayerScoring, useScoringHeader } from './useScoringTable';
+const query = new URLSearchParams(window.location.search);
+const locale = query.get('locale') || 'en';
+const gameId = query.get('game');
+export const ResultDialog = ({ openDialog, close, ...props }) => {
+    const { t } = useTranslation();
+    const rankedPlayers = useRankedPlayers();
+    const context = useContext(gameContext);
+    const rules = useRules();
+    const gameMode = useGameSelector((state) => state.gameMode);
+    const tournament = useGameSelector((state) => state.tournament);
+    const scoringCells = useScoringHeader();
+    let row = (gameMode === GameMode.TOURNAMENT ? 3 : gameMode === GameMode.COMPETITIVE ? 2 : 1) + (scoringCells?.length ?? 0);
+    const resultText = useResultText();
+    return (_jsxs(Dialog, { onBackdropClick: close, css: style, ...props, children: [_jsx(FontAwesomeIcon, { icon: faXmark, css: closeIcon, onClick: close }), _jsx("h2", { children: resultText }), _jsxs("div", { css: buttonLine, children: [gameMode === GameMode.TOURNAMENT && tournament ?
+                        _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/tournaments/${tournament.number}`, children: t('result.tournament.link') })
+                        :
+                            _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}`, children: t('Back to Game Park') }), gameMode === GameMode.COMPETITIVE &&
+                        _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/play?mode=matchmaking`, children: t('Play again') }), gameMode === GameMode.COMPETITIVE &&
+                        _jsx(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/ranking`, children: t('See overall ranking') })] }), _jsxs("div", { css: [gridCss, row > 1 ? multiRows(rankedPlayers.length, row) : singleRow(rankedPlayers.length)], children: [row > 1 && _jsx("div", {}), gameMode === GameMode.TOURNAMENT && _jsx("div", { css: [borderTop, left], children: t('Tournament') }), (gameMode === GameMode.TOURNAMENT || gameMode === GameMode.COMPETITIVE) && _jsx("div", { css: [borderTop, left], children: t('Ranking') }), scoringCells.map((cell, index) => (_jsx("div", { css: [borderTop, left], children: cell }, index))), rankedPlayers.map((player, index) => _jsx(PlayerDisplay, { playerId: player.id, gameMode: gameMode, rank: isCompetitive(rules) && player.rank <= 3 ? player.rank : undefined, border: row > 1 }, index))] }), gameMode === GameMode.TUTORIAL &&
+                _jsxs("div", { children: [_jsx("p", { css: css `white-space: break-spaces;`, children: t('tuto.over') }), _jsxs("p", { css: buttonsLine, children: [_jsx(RestartTutorialButton, {}), _jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${context.game}/play`, css: css `margin-left: 1em;`, children: [_jsx(FontAwesomeIcon, { icon: faChessPawn }), t('Play')] })] })] }), gameId !== null && _jsx(RematchSection, { openDialog: openDialog })] }));
+};
+const PlayerDisplay = ({ gameMode, playerId, rank, border }) => {
+    const playerName = usePlayerName(playerId);
+    const tournamentPoints = useGameSelector((state) => state.players.find(p => p.id === playerId)?.tournamentPoints ?? undefined);
+    const playerData = usePlayerScoring(playerId);
+    return _jsxs(_Fragment, { children: [_jsxs("div", { css: [relative, border && borderLeft], children: [_jsxs("div", { css: avatarContainer, children: [_jsx(Avatar, { playerId: playerId, css: avatarCss }), rank !== undefined && _jsx(Medal, { rank: rank, css: medalCss })] }), _jsx("span", { children: playerName })] }), gameMode === GameMode.TOURNAMENT &&
+                _jsx("div", { css: [borderLeft, borderTop, centered], children: tournamentPoints !== undefined && _jsxs(_Fragment, { children: [_jsx(FontAwesomeIcon, { icon: faTrophy, css: trophyIcon }), _jsxs("span", { children: ["+", tournamentPoints] })] }) }), (gameMode === GameMode.TOURNAMENT || gameMode === GameMode.COMPETITIVE) &&
+                _jsx("div", { css: [borderLeft, borderTop, centered], children: _jsx(GamePoints, { playerId: playerId }) }), playerData.map((cell, index) => (_jsx("div", { css: [borderLeft, borderTop], children: cell }, index)))] });
+};
+const centered = css `
+  > * {
+    justify-content: center;
+  }
+`;
+const style = css `
+  font-size: 3.2em;
+  text-align: center;
+  max-height: 90vh;
+  max-height: 90dvh;
+  overflow-y: auto;
+
+
+  > h2 {
+    margin: 0 1em 0.5em;
+  }
+`;
+const closeIcon = css `
+  position: absolute;
+  right: 0.8em;
+  top: 0.6em;
+  font-size: 1.3em;
+  cursor: pointer;
+`;
+const buttonLine = css `
+  display: flex;
+  justify-content: space-evenly;
+`;
+const gridCss = css `
+  display: grid;
+  grid-auto-flow: column;
+  padding: 0.5em;
+
+  > div {
+    padding: 0.6em;
+  }
+`;
+const multiRows = (players, rows) => css `
+  grid-template-columns: auto repeat(${players}, 1fr);
+  grid-template-rows: repeat(${rows}, auto);
+`;
+const singleRow = (players) => css `
+  grid-template-columns: repeat(${players}, 1fr);
+  justify-items: center;
+`;
+const avatarContainer = css `
+  position: relative;
+  width: 3em;
+  height: 3em;
+  margin: auto auto 0.5em;
+`;
+const avatarCss = css `
+  position: relative;
+  width: 3em;
+  height: 3em;
+`;
+const medalCss = css `
+  width: 1.3em;
+  height: 1.6em;
+  fill: #002448;
+  position: absolute;
+  top: -0.5em;
+  left: -0.8em;
+`;
+const relative = css `
+  position: relative;
+`;
+const borderLeft = css `
+  border-left: 0.1em solid #28b8ce;
+`;
+const borderTop = css `
+  border-top: 0.1em solid #28b8ce;
+`;
+const trophyIcon = css `
+  color: #28b8ce;
+`;
+const left = css `
+  text-align: left;
+`;
+const buttonsLine = css `
+  display: flex;
+  justify-content: space-between;
+  margin: 0;
+`;
 //# sourceMappingURL=ResultDialog.js.map