@gamepark/react-game 6.6.0 → 6.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/GameProvider/GameProvider.d.ts +6 -2
- package/dist/components/GameProvider/GameProvider.js +16 -4
- package/dist/components/GameProvider/GameProvider.js.map +1 -1
- package/dist/components/LoadingScreen/LoadingScreen.js +6 -2
- package/dist/components/LoadingScreen/LoadingScreen.js.map +1 -1
- package/dist/components/PlayerPanel/PlayerPanel.js +9 -17
- package/dist/components/PlayerPanel/PlayerPanel.js.map +1 -1
- package/dist/components/PlayerTimer/PlayerTimer.d.ts +5 -1
- package/dist/components/PlayerTimer/PlayerTimer.js +10 -6
- package/dist/components/PlayerTimer/PlayerTimer.js.map +1 -1
- package/dist/components/dialogs/Dialog.d.ts +0 -1
- package/dist/components/dialogs/Dialog.js +3 -3
- package/dist/components/dialogs/Dialog.js.map +1 -1
- package/dist/components/dialogs/ResultDialog/ResultDialog.js +13 -10
- package/dist/components/dialogs/ResultDialog/ResultDialog.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/RulesDialog.d.ts +0 -1
- package/dist/components/dialogs/RulesDialog/RulesDialog.js +3 -4
- package/dist/components/dialogs/RulesDialog/RulesDialog.js.map +1 -1
- package/dist/components/material/DraggableMaterial.js +9 -7
- package/dist/components/material/DraggableMaterial.js.map +1 -1
- package/dist/components/material/GameTable/GameTable.d.ts +0 -2
- package/dist/components/material/GameTable/GameTable.js +20 -29
- package/dist/components/material/GameTable/GameTable.js.map +1 -1
- package/dist/components/material/locations/LocationDescription.d.ts +4 -4
- package/dist/components/material/locations/LocationDescription.js +9 -8
- package/dist/components/material/locations/LocationDescription.js.map +1 -1
- package/dist/components/material/locations/SimpleDropArea.js +15 -12
- package/dist/components/material/locations/SimpleDropArea.js.map +1 -1
- package/dist/components/menus/EjectPlayer/EjectPlayerDialog.js +1 -5
- package/dist/components/menus/EjectPlayer/EjectPlayerDialog.js.map +1 -1
- package/dist/components/menus/Menu/Menu.js +1 -5
- package/dist/components/menus/Menu/Menu.js.map +1 -1
- package/dist/components/menus/TimeStatsButton/TimeStatsButton.js +7 -5
- package/dist/components/menus/TimeStatsButton/TimeStatsButton.js.map +1 -1
- package/dist/components/menus/menuCss.js +1 -2
- package/dist/components/menus/menuCss.js.map +1 -1
- package/dist/components/tutorial/MaterialTutorialDisplay.js +0 -1
- package/dist/components/tutorial/MaterialTutorialDisplay.js.map +1 -1
- package/dist/css/GameTheme.d.ts +19 -0
- package/dist/css/GameTheme.js +19 -0
- package/dist/css/GameTheme.js.map +1 -0
- package/dist/css/index.d.ts +1 -0
- package/dist/css/index.js +1 -0
- package/dist/css/index.js.map +1 -1
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/index.js +0 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/usePlayerName.js +7 -0
- package/dist/hooks/usePlayerName.js.map +1 -1
- package/dist/utilities/DeepPartial.d.ts +3 -0
- package/dist/utilities/DeepPartial.js +3 -0
- package/dist/utilities/DeepPartial.js.map +1 -0
- package/dist/utilities/index.d.ts +1 -0
- package/dist/utilities/index.js +1 -0
- package/dist/utilities/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
1
2
|
import { PropsWithChildren } from 'react';
|
|
2
3
|
import { LocalGameProviderProps } from '@gamepark/react-client';
|
|
3
4
|
import { GameContext } from './GameContext';
|
|
4
|
-
|
|
5
|
-
export
|
|
5
|
+
import { DeepPartial } from '../../utilities';
|
|
6
|
+
export type GameProviderProps<Game = any, GameView = Game, Move = string, MoveView = Move, PlayerId extends number = number> = LocalGameProviderProps<Game, GameView, Move, MoveView, PlayerId> & GameContext<Game, Move, PlayerId> & {
|
|
7
|
+
theme?: DeepPartial<Theme>;
|
|
8
|
+
};
|
|
9
|
+
export declare const GameProvider: <Game, GameView = Game, Move = string, MoveView = Move, PlayerId extends number = number>({ materialI18n, theme, children, ...props }: PropsWithChildren<GameProviderProps<Game, GameView, Move, MoveView, PlayerId>>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
2
6
|
var __assign = (this && this.__assign) || function () {
|
|
3
7
|
__assign = Object.assign || function(t) {
|
|
4
8
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -50,11 +54,13 @@ var GameContext_1 = require("./GameContext");
|
|
|
50
54
|
var merge_1 = __importDefault(require("lodash/merge"));
|
|
51
55
|
var tutorial_1 = require("../tutorial");
|
|
52
56
|
var TutorialRulesWrapper_1 = require("../tutorial/TutorialRulesWrapper");
|
|
57
|
+
var css_1 = require("../../css");
|
|
58
|
+
var emotion_normalize_1 = __importDefault(require("emotion-normalize"));
|
|
53
59
|
var query = new URLSearchParams(window.location.search);
|
|
54
60
|
var gameId = query.get('game');
|
|
55
61
|
var locale = query.get('locale') || 'en';
|
|
56
62
|
var GameProvider = function (_a) {
|
|
57
|
-
var materialI18n = _a.materialI18n, children = _a.children, props = __rest(_a, ["materialI18n", "children"]);
|
|
63
|
+
var materialI18n = _a.materialI18n, _b = _a.theme, theme = _b === void 0 ? {} : _b, children = _a.children, props = __rest(_a, ["materialI18n", "theme", "children"]);
|
|
58
64
|
if ((0, tutorial_1.isMaterialTutorial)(props.tutorial)) {
|
|
59
65
|
(0, TutorialRulesWrapper_1.wrapRulesWithTutorial)(props.tutorial, props.Rules);
|
|
60
66
|
}
|
|
@@ -65,9 +71,9 @@ var GameProvider = function (_a) {
|
|
|
65
71
|
if (props.material && materialI18n && locale in materialI18n) {
|
|
66
72
|
(0, merge_1.default)(props.material, materialI18n[locale]);
|
|
67
73
|
}
|
|
68
|
-
return ((0, jsx_runtime_1.jsx)(GameContext_1.gameContext.Provider, __assign({ value: props }, { children: (0, jsx_runtime_1.jsx)(react_1.CacheProvider, __assign({ value: emotionCache }, { children: (0, jsx_runtime_1.jsx)(client_1.ApolloProvider, __assign({ client: (0, react_client_1.getApolloClient)() }, { children: gameId ?
|
|
69
|
-
|
|
70
|
-
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)(GameContext_1.gameContext.Provider, __assign({ value: props }, { children: (0, jsx_runtime_1.jsx)(react_1.CacheProvider, __assign({ value: emotionCache }, { children: (0, jsx_runtime_1.jsxs)(react_1.ThemeProvider, __assign({ theme: (0, merge_1.default)(css_1.defaultTheme, theme) }, { children: [(0, jsx_runtime_1.jsx)(react_1.Global, { styles: [emotion_normalize_1.default, globalCss] }), (0, jsx_runtime_1.jsx)(client_1.ApolloProvider, __assign({ client: (0, react_client_1.getApolloClient)() }, { children: gameId ?
|
|
75
|
+
(0, jsx_runtime_1.jsx)(react_client_1.RemoteGameProvider, __assign({ gameId: gameId }, props, { children: children })) :
|
|
76
|
+
(0, jsx_runtime_1.jsx)(react_client_1.LocalGameProvider, __assign({}, props, { children: children })) }))] })) })) })));
|
|
71
77
|
};
|
|
72
78
|
exports.GameProvider = GameProvider;
|
|
73
79
|
var webPReplace = function (element, _index, _children, _callback) {
|
|
@@ -119,4 +125,10 @@ if (process.env.NODE_ENV === 'production') {
|
|
|
119
125
|
return browser_logs_1.datadogLogs.logger.warn(buildMessage_1(message, optionalParams), { origin: 'console' });
|
|
120
126
|
};
|
|
121
127
|
}
|
|
128
|
+
var globalCss = function (theme) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n html {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n *, *::before, *::after {\n -webkit-box-sizing: inherit;\n -moz-box-sizing: inherit;\n box-sizing: inherit;\n }\n\n body {\n margin: 0;\n font-family: \"", "\", sans-serif;\n font-size: 1dvh;\n @media (max-aspect-ratio: 16/9) {\n font-size: calc(9dvw / 16);\n }\n }\n\n #root {\n position: absolute;\n height: 100dvh;\n width: 100dvw;\n -webkit-touch-callout: none;\n user-select: none;\n overflow: hidden;\n color: #eee;\n ", ";\n }\n"], ["\n html {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n *, *::before, *::after {\n -webkit-box-sizing: inherit;\n -moz-box-sizing: inherit;\n box-sizing: inherit;\n }\n\n body {\n margin: 0;\n font-family: \"", "\", sans-serif;\n font-size: 1dvh;\n @media (max-aspect-ratio: 16/9) {\n font-size: calc(9dvw / 16);\n }\n }\n\n #root {\n position: absolute;\n height: 100dvh;\n width: 100dvw;\n -webkit-touch-callout: none;\n user-select: none;\n overflow: hidden;\n color: #eee;\n ", ";\n }\n"])), theme.root.fontFamily, backgroundCss(theme.root.background)); };
|
|
129
|
+
var backgroundCss = function (_a) {
|
|
130
|
+
var image = _a.image, overlay = _a.overlay;
|
|
131
|
+
return overlay ? (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n "], ["\n background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n "])), overlay, overlay, image) : (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: url(", ") center / cover, black;\n "], ["\n background: url(", ") center / cover, black;\n "])), image);
|
|
132
|
+
};
|
|
133
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
122
134
|
//# sourceMappingURL=GameProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GameProvider.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GameProvider.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -66,11 +66,15 @@ var LoadingScreen = function (_a) {
|
|
|
66
66
|
};
|
|
67
67
|
exports.LoadingScreen = LoadingScreen;
|
|
68
68
|
var fadeOutDuration = 2000;
|
|
69
|
-
var loadingScreenStyle = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: opacity ", "ms;\n
|
|
69
|
+
var loadingScreenStyle = function (theme) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: opacity ", "ms;\n pointer-events: none;\n ", ";\n\n > * {\n z-index: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: opacity ", "ms;\n pointer-events: none;\n ", ";\n\n > * {\n z-index: 1;\n }\n"])), fadeOutDuration, backgroundCss(theme.root.background)); };
|
|
70
70
|
var gameBoxStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n width: 62em;\n height: 66em;\n margin-top: 7em;\n margin-bottom: 2em;\n filter: drop-shadow(1px 0 white) drop-shadow(0 1px white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white);\n"], ["\n position: relative;\n width: 62em;\n height: 66em;\n margin-top: 7em;\n margin-bottom: 2em;\n filter: drop-shadow(1px 0 white) drop-shadow(0 1px white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white);\n"])));
|
|
71
71
|
var gameTitle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 5em;\n margin: 0;\n"], ["\n font-size: 5em;\n margin: 0;\n"])));
|
|
72
72
|
var gamePeople = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 3em;\n"], ["\n font-size: 3em;\n"])));
|
|
73
73
|
var iconStyle = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n min-width: 6em;\n position: relative;\n"], ["\n min-width: 6em;\n position: relative;\n"])));
|
|
74
74
|
var hiddenStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n opacity: 0;\n"], ["\n opacity: 0;\n"])));
|
|
75
|
-
var
|
|
75
|
+
var backgroundCss = function (_a) {
|
|
76
|
+
var image = _a.image, overlay = _a.overlay;
|
|
77
|
+
return overlay ? (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n "], ["\n background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n "])), overlay, overlay, image) : (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: url(", ") center / cover, black;\n "], ["\n background: url(", ") center / cover, black;\n "])), image);
|
|
78
|
+
};
|
|
79
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
76
80
|
//# sourceMappingURL=LoadingScreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingScreen.js","sourceRoot":"","sources":["../../../src/components/LoadingScreen/LoadingScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"LoadingScreen.js","sourceRoot":"","sources":["../../../src/components/LoadingScreen/LoadingScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,30 +28,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.PlayerPanel = void 0;
|
|
30
30
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
31
|
-
/** @jsxImportSource @emotion/react */
|
|
32
|
-
var react_1 = require("react");
|
|
33
31
|
var hooks_1 = require("../../hooks");
|
|
34
|
-
var react_i18next_1 = require("react-i18next");
|
|
35
32
|
var GamePoints_1 = require("../GamePoints");
|
|
36
33
|
var Avatar_1 = require("../Avatar");
|
|
37
34
|
var PlayerTimer_1 = require("../PlayerTimer");
|
|
38
|
-
var
|
|
39
|
-
var GameProvider_1 = require("../GameProvider");
|
|
40
|
-
var rules_api_1 = require("@gamepark/rules-api");
|
|
35
|
+
var react_1 = require("@emotion/react");
|
|
41
36
|
var PlayerPanel = function (_a) {
|
|
42
|
-
var _b;
|
|
43
|
-
var
|
|
44
|
-
var t = (0, react_i18next_1.useTranslation)().t;
|
|
45
|
-
var playerInfo = (0, hooks_1.usePlayer)(playerId);
|
|
46
|
-
var optionsSpec = (0, react_1.useContext)(GameProvider_1.gameContext).optionsSpec;
|
|
37
|
+
var playerId = _a.playerId, _b = _a.color, color = _b === void 0 ? '#28B8CE' : _b, children = _a.children, props = __rest(_a, ["playerId", "color", "children"]);
|
|
38
|
+
var playerName = (0, hooks_1.usePlayerName)(playerId);
|
|
47
39
|
var rules = (0, hooks_1.useRules)();
|
|
48
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: panelPlayerStyle(color, rules === null || rules === void 0 ? void 0 : rules.isTurnToPlay(playerId)) }, props, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: playerId, speechBubbleProps: { direction: Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT } }), (0, jsx_runtime_1.jsx)("h2", __assign({ css: nameStyle }, { children:
|
|
40
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: panelPlayerStyle(color, rules === null || rules === void 0 ? void 0 : rules.isTurnToPlay(playerId)) }, props, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: playerId, speechBubbleProps: { direction: Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT } }), (0, jsx_runtime_1.jsx)("h2", __assign({ css: nameStyle }, { children: playerName })), !(rules === null || rules === void 0 ? void 0 : rules.isOver()) && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: playerId, css: timerStyle }), (0, jsx_runtime_1.jsx)(GamePoints_1.GamePoints, { playerId: playerId, css: gamePointCss }), children] })));
|
|
49
41
|
};
|
|
50
42
|
exports.PlayerPanel = PlayerPanel;
|
|
51
|
-
var panelPlayerStyle = function (color, active) { return (0,
|
|
52
|
-
var avatarStyle = (0,
|
|
53
|
-
var nameStyle = (0,
|
|
54
|
-
var timerStyle = (0,
|
|
55
|
-
var gamePointCss = (0,
|
|
43
|
+
var panelPlayerStyle = function (color, active) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n color: black;\n border: 0.5em solid ", ";\n border-radius: 3em 1.5em 1.5em 1.5em;\n box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n"], ["\n background-color: ", ";\n color: black;\n border: 0.5em solid ", ";\n border-radius: 3em 1.5em 1.5em 1.5em;\n box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n"])), active ? '#f0fbfc' : '#dddddd', color); };
|
|
44
|
+
var avatarStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 100%;\n height: 6em;\n width: 6em;\n color: black;\n"], ["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 100%;\n height: 6em;\n width: 6em;\n color: black;\n"])));
|
|
45
|
+
var nameStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n top: 0.3em;\n left: 3.1em;\n max-width: 7.3em;\n font-size: 2.4em;\n margin: 0;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n"], ["\n position: absolute;\n top: 0.3em;\n left: 3.1em;\n max-width: 7.3em;\n font-size: 2.4em;\n margin: 0;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n"])));
|
|
46
|
+
var timerStyle = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n top: 1.6em;\n left: 3.1em;\n font-size: 2.5em;\n"], ["\n position: absolute;\n top: 1.6em;\n left: 3.1em;\n font-size: 2.5em;\n"])));
|
|
47
|
+
var gamePointCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: absolute;\n top: 1.6em;\n left: 3.1em;\n font-size: 2.5em;\n"], ["\n position: absolute;\n top: 1.6em;\n left: 3.1em;\n font-size: 2.5em;\n"])));
|
|
56
48
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
57
49
|
//# sourceMappingURL=PlayerPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/PlayerPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"PlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/PlayerPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,qCAAqD;AACrD,4CAA0C;AAC1C,oCAAyD;AACzD,8CAA4C;AAC5C,wCAAoC;AAO7B,IAAM,WAAW,GAAG,UAAuB,EAA+E;IAA7E,IAAA,QAAQ,cAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAjD,iCAAmD,CAAF;IACjG,IAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,QAAQ,CAAC,CAAA;IAC1C,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,0CAAK,GAAG,EAAE,gBAAgB,CAAC,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAM,KAAK,eACzE,uBAAC,eAAM,IAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,SAAS,EAAE,8BAAqB,CAAC,WAAW,EAAE,GAAG,EACpH,wCAAI,GAAG,EAAE,SAAS,gBAAG,UAAU,IAAM,EACpC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE,CAAA,IAAI,uBAAC,yBAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAG,EACxE,uBAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,GAAG,EACnD,QAAQ,KACL,CACP,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,WAAW,eAYvB;AAED,IAAM,gBAAgB,GAAG,UAAC,KAAa,EAAE,MAAgB,IAAK,WAAA,WAAG,2OAAA,wBAC3C,EAA8B,4CAE5B,EAAK,+FAG5B,KALqB,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAE5B,KAAK,GAHiC,CAM7D,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,mMAAA,+HAQtB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,+PAAA,2LAUpB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,mJAAA,+EAKrB,IAAA,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,mJAAA,+EAKvB,IAAA,CAAA"}
|
|
@@ -5,4 +5,8 @@ export type PlayerTimerProps<PlayerId> = {
|
|
|
5
5
|
playerId: PlayerId;
|
|
6
6
|
customStyle?: ((playing: boolean, timeLeft: number) => Interpolation<Theme>)[];
|
|
7
7
|
} & HTMLAttributes<HTMLSpanElement>;
|
|
8
|
-
export declare const PlayerTimer: <PlayerId extends unknown>(
|
|
8
|
+
export declare const PlayerTimer: <PlayerId extends unknown>(props: PlayerTimerProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
|
+
export type PlayerTimerDisplayProps<PlayerId> = PlayerTimerProps<PlayerId> & {
|
|
10
|
+
playerTime: number;
|
|
11
|
+
};
|
|
12
|
+
export declare const PlayerTimerDisplay: <PlayerId extends unknown>({ playerTime, playerId, customStyle, ...props }: PlayerTimerDisplayProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
29
29
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
30
|
};
|
|
31
31
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
exports.PlayerTimer = void 0;
|
|
32
|
+
exports.PlayerTimerDisplay = exports.PlayerTimer = void 0;
|
|
33
33
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
34
34
|
/** @jsxImportSource @emotion/react */
|
|
35
35
|
var react_1 = require("@emotion/react");
|
|
@@ -40,15 +40,19 @@ var utc_1 = __importDefault(require("dayjs/plugin/utc"));
|
|
|
40
40
|
var hooks_1 = require("../../hooks");
|
|
41
41
|
dayjs_1.default.extend(duration_1.default);
|
|
42
42
|
dayjs_1.default.extend(utc_1.default);
|
|
43
|
-
var PlayerTimer = function (
|
|
44
|
-
var
|
|
45
|
-
var playing = (0, react_redux_1.useSelector)(function (state) { var _a, _b, _c; return (_c = (_b = (_a = state.players.find(function (p) { return p.id === playerId; })) === null || _a === void 0 ? void 0 : _a.time) === null || _b === void 0 ? void 0 : _b.playing) !== null && _c !== void 0 ? _c : false; });
|
|
46
|
-
var playerTime = (0, hooks_1.usePlayerTime)(playerId);
|
|
43
|
+
var PlayerTimer = function (props) {
|
|
44
|
+
var playerTime = (0, hooks_1.usePlayerTime)(props.playerId);
|
|
47
45
|
if (!playerTime)
|
|
48
46
|
return null;
|
|
49
|
-
return (
|
|
47
|
+
return (0, jsx_runtime_1.jsx)(exports.PlayerTimerDisplay, __assign({ playerTime: playerTime }, props));
|
|
50
48
|
};
|
|
51
49
|
exports.PlayerTimer = PlayerTimer;
|
|
50
|
+
var PlayerTimerDisplay = function (_a) {
|
|
51
|
+
var playerTime = _a.playerTime, playerId = _a.playerId, _b = _a.customStyle, customStyle = _b === void 0 ? [halfOpacityOnPause, blinkOnRunningTimeout] : _b, props = __rest(_a, ["playerTime", "playerId", "customStyle"]);
|
|
52
|
+
var playing = (0, react_redux_1.useSelector)(function (state) { var _a, _b, _c; return (_c = (_b = (_a = state.players.find(function (p) { return p.id === playerId; })) === null || _a === void 0 ? void 0 : _a.time) === null || _b === void 0 ? void 0 : _b.playing) !== null && _c !== void 0 ? _c : false; });
|
|
53
|
+
return ((0, jsx_runtime_1.jsxs)("span", __assign({}, props, { css: customStyle.map(function (fc) { return fc(playing, playerTime); }) }, { children: [playerTime < 0 && '-', humanizeTimer(Math.abs(playerTime))] })));
|
|
54
|
+
};
|
|
55
|
+
exports.PlayerTimerDisplay = PlayerTimerDisplay;
|
|
52
56
|
var halfOpacityOnPause = function (playing) { return !playing && (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n opacity: 0.5;\n"], ["\n opacity: 0.5;\n"]))); };
|
|
53
57
|
var blinkKeyframes = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n to {\n visibility: hidden;\n }\n"], ["\n to {\n visibility: hidden;\n }\n"])));
|
|
54
58
|
var blinkOnRunningTimeout = function (playing, timeLeft) { return playing && timeLeft < 0 && (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n animation: ", " 1s steps(8, start) infinite;\n"], ["\n animation: ", " 1s steps(8, start) infinite;\n"])), blinkKeyframes); };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerTimer.js","sourceRoot":"","sources":["../../../src/components/PlayerTimer/PlayerTimer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAqE;AAErE,2CAAyC;AACzC,gDAAyB;AACzB,mEAA4C;AAC5C,yDAAkC;AAClC,qCAA2C;AAG3C,eAAK,CAAC,MAAM,CAAC,kBAAQ,CAAC,CAAA;AACtB,eAAK,CAAC,MAAM,CAAC,aAAG,CAAC,CAAA;AAOV,IAAM,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"PlayerTimer.js","sourceRoot":"","sources":["../../../src/components/PlayerTimer/PlayerTimer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAqE;AAErE,2CAAyC;AACzC,gDAAyB;AACzB,mEAA4C;AAC5C,yDAAkC;AAClC,qCAA2C;AAG3C,eAAK,CAAC,MAAM,CAAC,kBAAQ,CAAC,CAAA;AACtB,eAAK,CAAC,MAAM,CAAC,aAAG,CAAC,CAAA;AAOV,IAAM,WAAW,GAAG,UAAuB,KAAiC;IACjF,IAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAChD,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAA;IAC5B,OAAO,uBAAC,0BAAkB,aAAC,UAAU,EAAE,UAAU,IAAM,KAAK,EAAG,CAAA;AACjE,CAAC,CAAA;AAJY,QAAA,WAAW,eAIvB;AAMM,IAAM,kBAAkB,GAAG,UAChC,EAAgI;IAA9H,IAAA,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,mBAAyD,EAAzD,WAAW,mBAAG,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,KAAA,EAAK,KAAK,cAA3F,yCAA6F,CAAF;IAE3F,IAAM,OAAO,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,oBAAK,OAAA,MAAA,MAAA,MAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,KAAK,QAAQ,EAAjB,CAAiB,CAAC,0CAAE,IAAI,0CAAE,OAAO,mCAAI,KAAK,CAAA,EAAA,CAAC,CAAA;IACzH,OAAO,CACL,6CAAU,KAAK,IAAE,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,UAAA,EAAE,IAAI,OAAA,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,EAAvB,CAAuB,CAAC,iBACjE,UAAU,GAAG,CAAC,IAAI,GAAG,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,KACtD,CACR,CAAA;AACH,CAAC,CAAA;AATY,QAAA,kBAAkB,sBAS9B;AAED,IAAM,kBAAkB,GAAG,UAAC,OAAgB,IAAK,OAAA,CAAC,OAAO,QAAI,WAAG,yFAAA,qBAE/D,IAAA,EAFgD,CAEhD,CAAA;AAED,IAAM,cAAc,OAAG,iBAAS,8GAAA,0CAI/B,IAAA,CAAA;AAED,IAAM,qBAAqB,GAAG,UAAC,OAAgB,EAAE,QAAgB,IAAK,OAAA,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAI,WAAG,wHAAA,iBACrF,EAAc,iCAC5B,KADc,cAAc,CAC5B,EAFqE,CAErE,CAAA;AAED,IAAM,MAAM,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;AACvC,IAAM,OAAO,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;AAEzC,IAAM,aAAa,GAAG,UAAC,QAAgB;IACrC,IAAI,QAAQ,IAAI,MAAM,CAAC,cAAc,EAAE,EAAE;QACvC,OAAO,eAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAA;KAC3C;SAAM,IAAI,QAAQ,IAAI,OAAO,CAAC,cAAc,EAAE,EAAE;QAC/C,OAAO,eAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;KAC9C;SAAM;QACL,OAAO,eAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;KAC3C;AACH,CAAC,CAAA"}
|
|
@@ -9,4 +9,3 @@ export type DialogProps = {
|
|
|
9
9
|
rootId?: string;
|
|
10
10
|
} & HTMLAttributes<HTMLDivElement>;
|
|
11
11
|
export declare const Dialog: ({ children, open, backdropCss, onBackdropClick, transitionDelay, rootId, ...props }: DialogProps) => import("react").ReactPortal;
|
|
12
|
-
export declare const dialogDefaultCss: import("@emotion/utils").SerializedStyles;
|
|
@@ -26,7 +26,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
26
26
|
return t;
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.
|
|
29
|
+
exports.Dialog = void 0;
|
|
30
30
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
31
31
|
/** @jsxImportSource @emotion/react */
|
|
32
32
|
var react_1 = require("@emotion/react");
|
|
@@ -57,13 +57,13 @@ var Dialog = function (_a) {
|
|
|
57
57
|
console.error('Dialog cannot be displayed because this element id does not exists:', rootId);
|
|
58
58
|
return null;
|
|
59
59
|
}
|
|
60
|
-
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", __assign({ 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(); } }, props, { children: children })) })), root);
|
|
60
|
+
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", __assign({ 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);
|
|
61
61
|
};
|
|
62
62
|
exports.Dialog = Dialog;
|
|
63
63
|
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"])));
|
|
64
64
|
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"])));
|
|
65
65
|
var backdropStyle = function (transitionDelay) { return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n width: 100vw;\n height: 100vh;\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 height: 100vh;\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); };
|
|
66
66
|
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); };
|
|
67
|
-
|
|
67
|
+
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); };
|
|
68
68
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
69
69
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -61,16 +61,14 @@ var query = new URLSearchParams(window.location.search);
|
|
|
61
61
|
var locale = query.get('locale') || 'en';
|
|
62
62
|
var gameId = query.get('game');
|
|
63
63
|
var ResultDialog = function (_a) {
|
|
64
|
-
var _b;
|
|
65
64
|
var openDialog = _a.openDialog, close = _a.close, props = __rest(_a, ["openDialog", "close"]);
|
|
66
65
|
var t = (0, react_i18next_1.useTranslation)().t;
|
|
67
66
|
var playerId = (0, hooks_1.usePlayerId)();
|
|
68
67
|
var players = __spreadArray([], (0, hooks_1.usePlayers)(), true);
|
|
69
68
|
var context = (0, react_2.useContext)(GameProvider_1.gameContext);
|
|
70
|
-
var
|
|
69
|
+
var rules = (0, hooks_1.useRules)();
|
|
71
70
|
var gameMode = (0, react_redux_1.useSelector)(function (state) { return state.gameMode; });
|
|
72
71
|
var tournament = (0, react_redux_1.useSelector)(function (state) { return state.tournament; });
|
|
73
|
-
var rules = new context.Rules(game);
|
|
74
72
|
var ranks = players.map(function (_) { return 1; });
|
|
75
73
|
if ((0, rules_api_1.isCompetitive)(rules) && players.length > 1) {
|
|
76
74
|
players.sort(function (playerA, playerB) { return rules.rankPlayers(playerA.id, playerB.id); });
|
|
@@ -79,22 +77,27 @@ var ResultDialog = function (_a) {
|
|
|
79
77
|
}
|
|
80
78
|
}
|
|
81
79
|
var rows = gameMode === react_client_1.GameMode.TOURNAMENT ? 3 : gameMode === react_client_1.GameMode.COMPETITIVE ? 2 : 1;
|
|
80
|
+
var winnerName = (0, hooks_1.usePlayerName)(players[0].id);
|
|
82
81
|
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, rules_api_1.isCompetitive)(rules) && players.length > 1 ?
|
|
83
82
|
rules.rankPlayers(players[0].id, players[1].id) === 0 ? (0, jsx_runtime_1.jsx)("h2", { children: t('result.equality') }) :
|
|
84
83
|
players[0].id === playerId ? (0, jsx_runtime_1.jsx)("h2", { children: t('result.victory') }) :
|
|
85
|
-
(0, jsx_runtime_1.jsx)("h2", { children: t('result.victory.other', { player:
|
|
84
|
+
(0, jsx_runtime_1.jsx)("h2", { children: t('result.victory.other', { player: winnerName }) }) :
|
|
86
85
|
(0, jsx_runtime_1.jsx)("h2", { children: t('result.over') }), gameMode === react_client_1.GameMode.TOURNAMENT && tournament &&
|
|
87
86
|
(0, jsx_runtime_1.jsx)(NavButton_1.NavButton, __assign({ css: autoMargin, url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(context.game, "/tournaments/").concat(tournament.number) }, { children: t('result.tournament.link') })), gameMode === react_client_1.GameMode.COMPETITIVE &&
|
|
88
87
|
(0, jsx_runtime_1.jsx)(NavButton_1.NavButton, __assign({ css: autoMargin, url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(context.game, "/play?mode=matchmaking") }, { children: t('Play again') })), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [gridCss, rows > 1 ? multiRows(players.length, rows) : singleRow(players.length)] }, { children: [rows > 1 && (0, jsx_runtime_1.jsx)("div", {}), gameMode === react_client_1.GameMode.TOURNAMENT && (0, jsx_runtime_1.jsx)("div", __assign({ css: borderTop }, { children: t('Tournament') })), (gameMode === react_client_1.GameMode.TOURNAMENT || gameMode === react_client_1.GameMode.COMPETITIVE) && (0, jsx_runtime_1.jsx)("div", __assign({ css: borderTop }, { children: t('Ranking') })), players.map(function (player, index) {
|
|
89
|
-
|
|
90
|
-
return (0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ css: [relative, rows > 1 && borderLeft] }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ css: avatarContainer }, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { playerId: player.id, css: avatarCss }), (0, rules_api_1.isCompetitive)(rules) && ranks[index] <= 3 && (0, jsx_runtime_1.jsx)(menus_1.Medal, { rank: ranks[index], css: medalCss })] })), (0, jsx_runtime_1.jsx)("span", { children: (_a = player.name) !== null && _a !== void 0 ? _a : (0, rules_api_1.getFallbackPlayerName)(player.id, t, context.optionsSpec) })] }), index), gameMode === react_client_1.GameMode.TOURNAMENT &&
|
|
91
|
-
(0, jsx_runtime_1.jsx)("div", __assign({ css: [borderLeft, borderTop] }, { children: !!player.tournamentPoints && (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: ["+", player.tournamentPoints] })] }) })), (gameMode === react_client_1.GameMode.TOURNAMENT || gameMode === react_client_1.GameMode.COMPETITIVE) &&
|
|
92
|
-
(0, jsx_runtime_1.jsx)("div", __assign({ css: [borderLeft, borderTop] }, { children: (0, jsx_runtime_1.jsx)(GamePoints_1.GamePoints, { playerId: player.id }) }))] }, index);
|
|
88
|
+
return (0, jsx_runtime_1.jsx)(PlayerDisplay, { player: player, gameMode: gameMode, rank: (0, rules_api_1.isCompetitive)(rules) && ranks[index] <= 3 ? ranks[index] : undefined, border: rows > 1 }, index);
|
|
93
89
|
})] })), gameMode === react_client_1.GameMode.TUTORIAL &&
|
|
94
|
-
(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(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: free_solid_svg_icons_1.faChessPawn }), t('Play')] }))] }))] }), gameId !== null && (0, jsx_runtime_1.jsx)(RematchSection_1.RematchSection, { openDialog: openDialog })] })));
|
|
90
|
+
(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: free_solid_svg_icons_1.faChessPawn }), t('Play')] }))] }))] }), gameId !== null && (0, jsx_runtime_1.jsx)(RematchSection_1.RematchSection, { openDialog: openDialog })] })));
|
|
95
91
|
};
|
|
96
92
|
exports.ResultDialog = ResultDialog;
|
|
97
|
-
var
|
|
93
|
+
var PlayerDisplay = function (_a) {
|
|
94
|
+
var gameMode = _a.gameMode, player = _a.player, rank = _a.rank, border = _a.border;
|
|
95
|
+
var playerName = (0, hooks_1.usePlayerName)(player.id);
|
|
96
|
+
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: player.id, 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 &&
|
|
97
|
+
(0, jsx_runtime_1.jsx)("div", __assign({ css: [borderLeft, borderTop] }, { children: !!player.tournamentPoints && (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: ["+", player.tournamentPoints] })] }) })), (gameMode === react_client_1.GameMode.TOURNAMENT || gameMode === react_client_1.GameMode.COMPETITIVE) &&
|
|
98
|
+
(0, jsx_runtime_1.jsx)("div", __assign({ css: [borderLeft, borderTop] }, { children: (0, jsx_runtime_1.jsx)(GamePoints_1.GamePoints, { playerId: player.id }) }))] });
|
|
99
|
+
};
|
|
100
|
+
var style = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 3.2em;\n text-align: center;\n\n > h2 {\n margin: 0 1em 0.5em;\n }\n"], ["\n font-size: 3.2em;\n text-align: center;\n\n > h2 {\n margin: 0 1em 0.5em;\n }\n"])));
|
|
98
101
|
var closeIcon = (0, react_1.css)(templateObject_4 || (templateObject_4 = __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"])));
|
|
99
102
|
var autoMargin = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n"], ["\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
100
103
|
var gridCss = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: grid;\n grid-auto-flow: column;\n\n > div {\n padding: 1em;\n }\n"], ["\n display: grid;\n grid-auto-flow: column;\n\n > div {\n padding: 1em;\n }\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResultDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/ResultDialog/ResultDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,uEAAqE;AACrE,qEAAmE;AACnE,oEAAgE;AAChE,
|
|
1
|
+
{"version":3,"file":"ResultDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/ResultDialog/ResultDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,7 +26,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
26
26
|
return t;
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.
|
|
29
|
+
exports.RulesDialog = void 0;
|
|
30
30
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
31
31
|
var index_1 = require("../index");
|
|
32
32
|
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
@@ -35,10 +35,9 @@ var react_1 = require("@emotion/react");
|
|
|
35
35
|
var css_1 = require("../../../css");
|
|
36
36
|
var RulesDialog = function (_a) {
|
|
37
37
|
var close = _a.close, children = _a.children, props = __rest(_a, ["close", "children"]);
|
|
38
|
-
return ((0, jsx_runtime_1.jsxs)(index_1.Dialog, __assign({
|
|
38
|
+
return ((0, jsx_runtime_1.jsxs)(index_1.Dialog, __assign({ onBackdropClick: close }, props, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faXmark_1.faXmark, css: dialogCloseIcon, onClick: close }), (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: children }))] })));
|
|
39
39
|
};
|
|
40
40
|
exports.RulesDialog = RulesDialog;
|
|
41
41
|
var dialogCloseIcon = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n right: 0.5em;\n top: 0.3em;\n font-size: 4em;\n cursor: pointer;\n z-index: 100;\n"], ["\n position: absolute;\n right: 0.5em;\n top: 0.3em;\n font-size: 4em;\n cursor: pointer;\n z-index: 100;\n"])));
|
|
42
|
-
|
|
43
|
-
var templateObject_1, templateObject_2;
|
|
42
|
+
var templateObject_1;
|
|
44
43
|
//# sourceMappingURL=RulesDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,kCAA8C;AAC9C,oEAAgE;AAChE,qEAAmE;AACnE,wCAAmD;AACnD,oCAAwC;AAMjC,IAAM,WAAW,GAAyB,UAAC,EAA+C;IAA7C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC3E,OAAO,CACL,wBAAC,cAAM,aAAC,
|
|
1
|
+
{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,kCAA8C;AAC9C,oEAAgE;AAChE,qEAAmE;AACnE,wCAAmD;AACnD,oCAAwC;AAMjC,IAAM,WAAW,GAAyB,UAAC,EAA+C;IAA7C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC3E,OAAO,CACL,wBAAC,cAAM,aAAC,eAAe,EAAE,KAAK,IAAM,KAAK,eACvC,uBAAC,mCAAe,IAAC,IAAI,EAAE,iBAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,GAAG,EACvE,uBAAC,qBAAa,aAAC,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,uBAAM,KAAK,KAAE,OAAO,EAAE,IAAA,eAAS,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,IAAG,EAAnE,CAAmE,gBAC/F,QAAQ,IACK,KACT,CACV,CAAA;AACH,CAAC,CAAA;AATY,QAAA,WAAW,eASvB;AAED,IAAM,eAAe,OAAG,WAAG,uLAAA,mHAO1B,IAAA,CAAA"}
|
|
@@ -79,14 +79,15 @@ exports.DraggableMaterial = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
79
79
|
disabled: disabled
|
|
80
80
|
}), attributes = _b.attributes, listeners = _b.listeners, selfTransform = _b.transform, setNodeRef = _b.setNodeRef;
|
|
81
81
|
var _c = (0, react_1.useState)(), draggedItem = _c[0], setDraggedItem = _c[1];
|
|
82
|
+
var draggedItemContext = (0, react_1.useMemo)(function () { return draggedItem && __assign(__assign({}, context), draggedItem); }, [draggedItem, context]);
|
|
82
83
|
var isDraggingParent = (0, react_1.useMemo)(function () { return !!item && !!draggedItem && (0, isPlacedOnItem_1.isPlacedOnItem)(item, draggedItem, context); }, [item, draggedItem, context]);
|
|
83
84
|
var canDropToSameLocation = (0, react_1.useMemo)(function () {
|
|
84
|
-
if (!
|
|
85
|
+
if (!draggedItemContext)
|
|
85
86
|
return false;
|
|
86
87
|
var location = locator.locationDescription;
|
|
87
|
-
var description = material[
|
|
88
|
-
return legalMoves.some(function (move) { return description.canDrag(move,
|
|
89
|
-
}, [item,
|
|
88
|
+
var description = material[draggedItemContext.type];
|
|
89
|
+
return legalMoves.some(function (move) { return description.canDrag(move, draggedItemContext) && (location === null || location === void 0 ? void 0 : location.canDrop(move, item.location, draggedItemContext)); });
|
|
90
|
+
}, [item, draggedItemContext, legalMoves]);
|
|
90
91
|
var _d = (0, react_1.useState)(), parentTransform = _d[0], setParentTransform = _d[1];
|
|
91
92
|
var transform = selfTransform !== null && selfTransform !== void 0 ? selfTransform : parentTransform;
|
|
92
93
|
// We need to delay a little the default transition removal when dragging starts, otherwise dnd-kit suffers from transform side effect
|
|
@@ -110,7 +111,7 @@ exports.DraggableMaterial = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
110
111
|
}
|
|
111
112
|
var animation = useItemAnimation(displayedItem);
|
|
112
113
|
var isDropped = (0, react_1.useMemo)(function () { return (0, isDroppedItem_1.isDroppedItem)(itemContext); }, [itemContext]);
|
|
113
|
-
var applyTransform = isDropped || !ignoreTransform;
|
|
114
|
+
var applyTransform = isDropped || (!disabled && !ignoreTransform);
|
|
114
115
|
if (!applyTransform)
|
|
115
116
|
transformRef.current = undefined;
|
|
116
117
|
// Firefox bugs when the animation is immediately followed by the transition: we need to delay by 1 rerender putting back the transition
|
|
@@ -123,13 +124,14 @@ exports.DraggableMaterial = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
123
124
|
setParentTransform(undefined);
|
|
124
125
|
}, []);
|
|
125
126
|
(0, core_1.useDndMonitor)({ onDragStart: onDragStart, onDragEnd: onDragEnd, onDragMove: onDragMove });
|
|
127
|
+
var locatorTransform = (0, react_1.useMemo)(function () { return locator.transformItem(item, itemContext); }, [locator, item, itemContext]);
|
|
128
|
+
var transformStyle = (applyTransform ? __spreadArray([transformRef.current], locatorTransform, true) : locatorTransform).join(' ');
|
|
126
129
|
return ((0, jsx_runtime_1.jsx)("div", __assign({ css: [animationWrapperCss, animation] }, { children: (0, jsx_runtime_1.jsx)(MaterialComponent_1.MaterialComponent, __assign({ ref: (0, react_merge_refs_1.mergeRefs)([ref, setNodeRef]), type: type, itemId: item === null || item === void 0 ? void 0 : item.id, css: [
|
|
127
130
|
!applyTransform && !animating && transformTransition,
|
|
128
131
|
!disabled && noTouchAction,
|
|
129
132
|
disabled ? css_1.pointerCursorCss : transform ? css_1.grabbingCursor : css_1.grabCursor,
|
|
130
|
-
css_1.transformCss.apply(void 0, __spreadArray([applyTransform && transformRef.current], locator.transformItem(item, itemContext), false)),
|
|
131
133
|
canDropToSameLocation && noPointerEvents
|
|
132
|
-
], highlight: highlight !== null && highlight !== void 0 ? highlight : (!draggedItem && (!disabled || longClickMove !== undefined)) }, props, attributes, (0, utilities_1.combineEventListeners)(listeners !== null && listeners !== void 0 ? listeners : {}, props), { onLongClick: longClickMove ? function () { return play(longClickMove); } : undefined })) })));
|
|
134
|
+
], style: { transform: transformStyle }, highlight: highlight !== null && highlight !== void 0 ? highlight : (!draggedItem && (!disabled || longClickMove !== undefined)) }, props, attributes, (0, utilities_1.combineEventListeners)(listeners !== null && listeners !== void 0 ? listeners : {}, props), { onLongClick: longClickMove ? function () { return play(longClickMove); } : undefined })) })));
|
|
133
135
|
});
|
|
134
136
|
var animationWrapperCss = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transform-style: preserve-3d;\n\n > * {\n position: absolute;\n }\n"], ["\n transform-style: preserve-3d;\n\n > * {\n position: absolute;\n }\n"])));
|
|
135
137
|
var noTouchAction = (0, react_2.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n touch-action: none;\n"], ["\n touch-action: none;\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DraggableMaterial.js","sourceRoot":"","sources":["../../../src/components/material/DraggableMaterial.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAqF;AACrF,iDAAiJ;AACjJ,yDAA+E;AAC/E,
|
|
1
|
+
{"version":3,"file":"DraggableMaterial.js","sourceRoot":"","sources":["../../../src/components/material/DraggableMaterial.tsx"],"names":[],"mappings":"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"}
|