@gamepark/react-game 6.38.5 → 6.38.6

package/dist/components/PlayerPanel/Counters.d.ts

@@ -4,11 +4,12 @@ import { FC } from 'react';
 export type CounterProps = {
     image: string;
     value: number | string;
-} & {
     imageCss?: Interpolation<Theme>;
+    extraCss?: Interpolation<Theme>;
+    onClick?: () => void;
 };
 export type CountersProps = {
     counters: CounterProps[];
-    lineSize?: number;
+    lineSize: number;
 };
 export declare const Counters: FC<CountersProps>;

package/dist/components/PlayerPanel/Counters.js

@@ -19,27 +19,36 @@ exports.Counters = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /** @jsxImportSource @emotion/react */
 var react_1 = require("@emotion/react");
+var lodash_1 = require("lodash");
 var Counters = function (props) {
-    var counters = props.counters, _a = props.lineSize, lineSize = _a === void 0 ? 2 : _a;
+    var counters = props.counters, lineSize = props.lineSize;
     if (!counters.length)
         return null;
     if (counters.length === 1)
         return (0, jsx_runtime_1.jsx)(Counter, __assign({}, counters[0], { unique: true }));
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ css: counterGridCss(Math.min(counters.length, lineSize)) }, { children: counters.map(function (counter, i) { return ((0, jsx_runtime_1.jsx)(Counter, __assign({}, counter), i)); }) })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: counterGridCss(lineSize) }, { children: [(0, lodash_1.times)(Math.max(lineSize - counters.length), function () { return (0, jsx_runtime_1.jsx)("span", {}); }), counters.map(function (counter, i) { return ((0, jsx_runtime_1.jsx)(Counter, __assign({}, counter), i)); })] })));
 };
 exports.Counters = Counters;
 var Counter = function (props) {
-    var image = props.image, value = props.value, imageCss = props.imageCss, unique = props.unique;
+    var image = props.image, value = props.value, imageCss = props.imageCss, unique = props.unique, onClick = props.onClick, extraCss = props.extraCss;
     if (image === undefined && value === undefined)
         return null;
-    return ((0, jsx_runtime_1.jsxs)("span", __assign({ css: [data, unique && uniqCounterCss, !unique && counterCss] }, { children: [(0, jsx_runtime_1.jsx)("div", { css: [mini, mainIconBackground(image), imageCss] }), (0, jsx_runtime_1.jsx)("span", { children: value })] })));
+    return ((0, jsx_runtime_1.jsxs)("span", __assign({ css: [
+            data,
+            rightAlignment,
+            unique && uniqCounterCss,
+            !unique && counterCss,
+            extraCss,
+            onClick && hoverCss,
+        ], onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)("div", { css: [mini, mainIconBackground(image), imageCss] }), (0, jsx_runtime_1.jsx)("span", { children: value })] })));
 };
-var counterGridCss = function (size) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: 0.5em;\n  margin-top: 1em;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: 0.5em;\n  margin-top: 1em;\n"])), size); };
-var mainIconBackground = function (image) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: contain;\n"], ["\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: contain;\n"])), image); };
-var mini = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 1em;\n  width: 1em;\n  align-self: center;\n"], ["\n  height: 1em;\n  width: 1em;\n  align-self: center;\n"])));
-var data = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"], ["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"])));
-var rightAlignment = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"], ["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"])));
-var uniqCounterCss = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 3.5em;\n  font-size: 2.5em;\n  top: 1.7em;\n  left: initial;\n  right: 0.25em;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  ", ";\n\n  > span {\n    text-align: right;\n    width: 1.7em;\n    bottom: 0.2em;\n  }\n"], ["\n  width: 3.5em;\n  font-size: 2.5em;\n  top: 1.7em;\n  left: initial;\n  right: 0.25em;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  ", ";\n\n  > span {\n    text-align: right;\n    width: 1.7em;\n    bottom: 0.2em;\n  }\n"])), rightAlignment);
-var counterCss = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: 3.5em;\n  justify-self: end;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n\n  > span {\n    text-align: right;\n    bottom: 0.2em;\n  }\n"], ["\n  font-size: 3.5em;\n  justify-self: end;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n\n  > span {\n    text-align: right;\n    bottom: 0.2em;\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var hoverCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n  position: relative;\n  left: 0;\n  right: 0;\n  &:hover {\n    cursor: pointer;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n"], ["\n  overflow: hidden;\n  position: relative;\n  left: 0;\n  right: 0;\n  &:hover {\n    cursor: pointer;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n"])));
+var counterGridCss = function (size) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: 0.4em;\n  align-items: flex-end;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: 0.4em;\n  align-items: flex-end;\n"])), size); };
+var mainIconBackground = function (image) { return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n"], ["\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n"])), image); };
+var mini = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 1em;\n  width: 1em;\n  align-self: center;\n"], ["\n  height: 1em;\n  width: 1em;\n  align-self: center;\n"])));
+var data = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"], ["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 2;\n"])));
+var rightAlignment = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"], ["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"])));
+var uniqCounterCss = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 3.5em;\n  font-size: 2.5em;\n  top: 1.7em;\n  left: initial;\n  right: 0.25em;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  ", ";\n\n  > span {\n    text-align: right;\n    width: 1.7em;\n    bottom: 0.2em;\n  }\n"], ["\n  width: 3.5em;\n  font-size: 2.5em;\n  top: 1.7em;\n  left: initial;\n  right: 0.25em;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  ", ";\n\n  > span {\n    text-align: right;\n    width: 1.7em;\n    bottom: 0.2em;\n  }\n"])), rightAlignment);
+var counterCss = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  justify-self: end;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n\n  > span {\n    text-align: right;\n    bottom: 0.2em;\n  }\n"], ["\n  justify-self: end;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n\n  > span {\n    text-align: right;\n    bottom: 0.2em;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 //# sourceMappingURL=Counters.js.map

package/dist/components/PlayerPanel/Counters.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/Counters.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAanD,IAAM,QAAQ,GAAsB,UAAC,KAAK;IACvC,IAAA,QAAQ,GAAmB,KAAK,SAAxB,EAAE,KAAiB,KAAK,SAAV,EAAZ,QAAQ,mBAAG,CAAC,KAAA,CAAU;IACxC,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IACjC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,uBAAC,OAAO,eAAK,QAAQ,CAAC,CAAC,CAAC,IAAE,MAAM,UAAG,CAAA;IAErE,OAAO,CACL,yCAAK,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,gBAC1D,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC,IAAK,OAAA,CAC5B,uBAAC,OAAO,eAAa,OAAO,GAAd,CAAC,CAAiB,CACjC,EAF6B,CAE7B,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,QAAQ,YAYpB;AAED,IAAM,OAAO,GAA4C,UAAC,KAAK;IACrD,IAAA,KAAK,GAA8B,KAAK,MAAnC,EAAE,KAAK,GAAuB,KAAK,MAA5B,EAAE,QAAQ,GAAa,KAAK,SAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAU;IAChD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3D,OAAO,CACL,2CAAM,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC,MAAM,IAAI,UAAU,CAAC,iBAChE,gCAAK,GAAG,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,EACxD,2CAAO,KAAK,GAAQ,KACf,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAM,cAAc,GAAG,UAAC,IAAY,IAAK,WAAA,WAAG,0KAAA,sDAEV,EAAI,8CAGrC,KAHiC,IAAI,GAFG,CAKxC,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,sKAAA,4BACvB,EAAK,oEAG9B,KAHyB,KAAK,GADe,CAI7C,CAAA;AACD,IAAM,IAAI,OAAG,WAAG,8HAAA,0DAIf,IAAA,CAAA;AAGD,IAAM,IAAI,OAAG,WAAG,mMAAA,+HAMf,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,gIAAA,4DAIzB,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,yUAAA,4KAStB,EAAc,uFAOjB,KAPG,cAAc,CAOjB,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,+QAAA,2MAYrB,IAAA,CAAA"}
+{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/Counters.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAC1D,iCAA8B;AAgBvB,IAAM,QAAQ,GAAsB,UAAC,KAAK;IACvC,IAAA,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACpC,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IACjC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,uBAAC,OAAO,eAAK,QAAQ,CAAC,CAAC,CAAC,IAAE,MAAM,UAAE,CAAA;IAEpE,OAAO,CACL,0CAAK,GAAG,EAAE,cAAc,CAAC,QAAQ,CAAC,iBAC/B,IAAA,cAAK,EAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,EAAE,cAAM,OAAA,kCAAQ,EAAR,CAAQ,CAAC,EAC3D,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC,IAAK,OAAA,CAC5B,uBAAC,OAAO,eAAa,OAAO,GAAd,CAAC,CAAiB,CACjC,EAF6B,CAE7B,CAAC,KACE,CACP,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,QAAQ,YAapB;AAED,IAAM,OAAO,GAA4C,UAAC,KAAK;IACrD,IAAA,KAAK,GAAiD,KAAK,MAAtD,EAAE,KAAK,GAA0C,KAAK,MAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,MAAM,GAAwB,KAAK,OAA7B,EAAE,OAAO,GAAe,KAAK,QAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACnE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3D,OAAO,CACL,2CACE,GAAG,EAAE;YACH,IAAI;YACJ,cAAc;YACd,MAAM,IAAI,cAAc;YACxB,CAAC,MAAM,IAAI,UAAU;YACrB,QAAQ;YACR,OAAO,IAAI,QAAQ;SACpB,EACD,OAAO,EAAE,OAAO,iBAEhB,gCAAK,GAAG,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,EACxD,2CAAO,KAAK,GAAQ,KACf,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,gOAAA,4JASnB,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,UAAC,IAAY,IAAK,WAAA,WAAG,gLAAA,sDAEV,EAAI,oDAGrC,KAHiC,IAAI,GAFG,CAKxC,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,sMAAA,4BACvB,EAAK,oGAI9B,KAJyB,KAAK,GADe,CAK7C,CAAA;AACD,IAAM,IAAI,OAAG,WAAG,8HAAA,0DAIf,IAAA,CAAA;AAED,IAAM,IAAI,OAAG,WAAG,mMAAA,+HAMf,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,gIAAA,4DAIzB,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,yUAAA,4KAStB,EAAc,uFAOjB,KAPG,cAAc,CAOjB,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,0PAAA,sLAWrB,IAAA,CAAA"}

package/dist/components/PlayerPanel/StyledPlayerPanel.js

@@ -25,31 +25,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledPlayerPanel = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -63,8 +38,7 @@ var PlayerTimer_1 = require("../PlayerTimer");
 var Counters_1 = require("./Counters");
 var StyledPlayerPanel = function (props) {
     var _a, _b;
-    var player = props.player, activeRing = props.activeRing, timerOnRight = props.timerOnRight, playerFocus = props.playerFocus, backgroundImage = props.backgroundImage, _c = props.counters, counters = _c === void 0 ? [] : _c, _d = props.countersPerLine, countersPerLine = _d === void 0 ? 2 : _d, mainCounter = props.mainCounter, speak = props.speak, rest = __rest(props, ["player", "activeRing", "timerOnRight", "playerFocus", "backgroundImage", "counters", "countersPerLine", "mainCounter", "speak"]);
-    var allCounter = mainCounter ? __spreadArray([mainCounter], __read(counters), false) : counters !== null && counters !== void 0 ? counters : [];
+    var player = props.player, activeRing = props.activeRing, timerOnRight = props.timerOnRight, playerFocus = props.playerFocus, backgroundImage = props.backgroundImage, _c = props.counters, counters = _c === void 0 ? [] : _c, _d = props.countersPerLine, countersPerLine = _d === void 0 ? 3 : _d, mainCounter = props.mainCounter, speak = props.speak, rest = __rest(props, ["player", "activeRing", "timerOnRight", "playerFocus", "backgroundImage", "counters", "countersPerLine", "mainCounter", "speak"]);
     var setFocus = (0, material_1.useFocusContext)().setFocus;
     var playerName = (0, hooks_1.usePlayerName)(player.id);
     var gameOver = (_a = (0, hooks_1.useRules)()) === null || _a === void 0 ? void 0 : _a.isOver();
@@ -76,8 +50,10 @@ var StyledPlayerPanel = function (props) {
             return;
         setFocus(playerFocus);
     }, [playerFocus]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: panelRef, css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !allCounter.length && noCounterCss], onClick: focusPlayer }, rest, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps: { direction: getSpeechBubbleDirection(panelRef), children: typeof speak === 'string' ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: speak }) : speak } }), activeRing && isTurnToPlay && (0, jsx_runtime_1.jsx)("div", __assign({ css: isPlaying }, { children: (0, jsx_runtime_1.jsx)("div", { css: isTurnToPlay && circle }) })), (0, jsx_runtime_1.jsx)("h2", __assign({ css: [nameStyle, data] }, { children: playerName })), !allCounter.length && !gameOver &&
-                ((0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] })), allCounter.length === 1 && ((0, jsx_runtime_1.jsxs)("div", __assign({ css: groupTimerAndCounter }, { children: [!gameOver && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] }), (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: allCounter, lineSize: countersPerLine })] }))), allCounter.length > 1 && ((0, jsx_runtime_1.jsxs)("div", __assign({ css: groupTimerAndCounters }, { children: [!gameOver && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] }), (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: allCounter, lineSize: countersPerLine })] })))] })));
+    var main = mainCounter ? mainCounter : counters.length === 1 ? counters[0] : undefined;
+    var secondaryCounters = !mainCounter && counters.length === 1 ? [] : counters;
+    var hasCounter = counters.length > 0 || !!mainCounter;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: panelRef, css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !hasCounter && noCounterCss], onClick: focusPlayer }, rest, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps: { direction: getSpeechBubbleDirection(panelRef), children: typeof speak === 'string' ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: speak }) : speak } }), activeRing && isTurnToPlay && (0, jsx_runtime_1.jsx)("div", __assign({ css: isPlaying }, { children: (0, jsx_runtime_1.jsx)("div", { css: isTurnToPlay && circle }) })), (0, jsx_runtime_1.jsx)("h2", __assign({ css: [nameStyle, data] }, { children: playerName })), !main && !gameOver && ((0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] })), main && !gameOver && ((0, jsx_runtime_1.jsxs)("div", __assign({ css: groupTimerAndCounter }, { children: [!gameOver && ((0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] })), (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: [main], lineSize: 1 })] }))), secondaryCounters.length > 0 && ((0, jsx_runtime_1.jsx)("div", __assign({ css: groupTimerAndCounters }, { children: (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: secondaryCounters, lineSize: countersPerLine }) })))] })));
 };
 exports.StyledPlayerPanel = StyledPlayerPanel;
 var getSpeechBubbleDirection = function (element) {
@@ -99,7 +75,7 @@ var getSpeechBubbleDirection = function (element) {
 };
 var noCounterCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 8.1em;\n"], ["\n  min-height: 8.1em;\n"])));
 var groupTimerAndCounter = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-self: flex-end;\n  gap: 0.5em;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-self: flex-end;\n  gap: 0.5em;\n"])));
-var groupTimerAndCounters = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-height: 7.6em;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n"], ["\n  min-height: 7.6em;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n"])));
+var groupTimerAndCounters = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n"])));
 var halfOpacityOnPause = function (playing) { return !playing && (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  opacity: 0.8;\n"], ["\n  opacity: 0.8;\n"]))); };
 var rightAlignment = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"], ["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"])));
 var panelPlayerStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: black;\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n  width: 28em;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4em;\n  padding: 0.5em;\n"], ["\n  color: black;\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n  width: 28em;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4em;\n  padding: 0.5em;\n"])));
@@ -113,6 +89,6 @@ var timerStyle = (0, react_1.css)(templateObject_13 || (templateObject_13 = __ma
 var isPlaying = (0, react_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 50%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 2;\n"], ["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 50%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 2;\n"])));
 var circleAnimation = (0, react_1.keyframes)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  to {\n    transform: rotateZ(0);\n  }\n  from {\n    transform: rotateZ(360deg);\n  }\n"], ["\n  to {\n    transform: rotateZ(0);\n  }\n  from {\n    transform: rotateZ(360deg);\n  }\n"])));
 var inset = 0.8;
-var circle = (0, react_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  background-image: linear-gradient(\n      to bottom, gold 0%,\n      rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"], ["\n  background-image: linear-gradient(\n      to bottom, gold 0%,\n      rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"])), inset, inset, inset, inset, circleAnimation);
+var circle = (0, react_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  background-image: linear-gradient(\n          to bottom, gold 0%,\n          rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"], ["\n  background-image: linear-gradient(\n          to bottom, gold 0%,\n          rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"])), inset, inset, inset, inset, circleAnimation);
 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;
 //# sourceMappingURL=StyledPlayerPanel.js.map

package/dist/components/PlayerPanel/StyledPlayerPanel.js.map

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

package/dist/components/material/utils/getBestDropMove.d.ts

@@ -1,4 +1,4 @@
 import { DragEndEvent, DragMoveEvent } from '@dnd-kit/core';
-import { MaterialMove } from '../../../../../rules-api';
+import { MaterialMove } from '@gamepark/rules-api';
 import { MaterialContext } from '../../../locators';
 export declare function getBestDropMove<P extends number = number, M extends number = number, L extends number = number>(event: DragMoveEvent | DragEndEvent, context: MaterialContext<P, M, L>, legalMoves: MaterialMove<P, M, L>[]): MaterialMove<P, M, L> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gamepark/react-game",
-  "version": "6.38.5",
+  "version": "6.38.6",
   "description": "React components & tools to create a Board Game user interface for Game Park",
   "author": "Romain Fromi <romain@game-park.com> (https://game-park.com/)",
   "license": "ISC",
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.5.0",
-    "@datadog/browser-logs": "^4.42.0",
+    "@datadog/browser-logs": "^6.18.1",
     "@dnd-kit/modifiers": "^6.0.1",
     "@fortawesome/fontawesome-svg-core": "^6.6.0",
     "@fortawesome/free-regular-svg-icons": "^6.6.0",

package/dist/components/Chat/Chat.d.ts

@@ -1,3 +0,0 @@
-export declare const Chat: ({ gameId }: {
-    gameId: string;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Chat/Chat.js

@@ -1,80 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chat = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("@emotion/react");
-var free_regular_svg_icons_1 = require("@fortawesome/free-regular-svg-icons");
-var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-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 react_infinite_scroller_1 = __importDefault(require("react-infinite-scroller"));
-var hooks_1 = require("../../hooks");
-var menus_1 = require("../menus");
-var ChatMessage_1 = require("./ChatMessage");
-var ChatTextInput_1 = require("./ChatTextInput");
-var SignInToChat_1 = require("./SignInToChat");
-var menuCss_1 = require("../menus/menuCss");
-var Chat = function (_a) {
-    var _b;
-    var gameId = _a.gameId;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var _c = (0, react_2.useState)(false), isOpen = _c[0], setOpen = _c[1];
-    var me = (0, react_client_1.useMe)();
-    var playerId = (0, hooks_1.usePlayerId)();
-    var inputRef = (0, react_2.useRef)(null);
-    (0, react_2.useEffect)(function () {
-        if (isOpen && inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, [isOpen]);
-    (0, hooks_1.useKeyDown)('Enter', function () { return setOpen(true); });
-    (0, hooks_1.useKeyDown)('Escape', function () { return setOpen(false); });
-    var _d = (0, react_client_1.useChatMessages)(gameId, function () {
-        if (!scrollRef.current)
-            return;
-        var _a = scrollRef.current, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight, scrollTop = _a.scrollTop;
-        if (clientHeight + scrollTop === scrollHeight) {
-            shouldScroll.current = true;
-        }
-    }), messages = _d.messages, hasMoreMessages = _d.hasMoreMessages, loading = _d.loading, fetchMore = _d.fetchMore;
-    var scrollRef = (0, react_2.useRef)(null);
-    var shouldScroll = (0, react_2.useRef)(false);
-    (0, react_2.useEffect)(function () {
-        if (!scrollRef.current || !shouldScroll.current)
-            return;
-        var _a = scrollRef.current, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-        scrollRef.current.scrollTo({ top: scrollHeight - clientHeight, behavior: 'smooth' });
-        shouldScroll.current = false;
-    }, [messages]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { css: [menus_1.backdrop, isOpen && menus_1.displayBackdrop], onClick: function () { return setOpen(false); } }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [menuCss_1.menuBaseCss, chatCss, !isOpen && menuCss_1.hide] }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ ref: scrollRef, id: "fui", css: scrollCss }, { children: (0, jsx_runtime_1.jsx)(react_infinite_scroller_1.default, __assign({ css: scrollContentCss, useWindow: false, isReverse: true, getScrollParent: function () { return scrollRef.current; }, hasMore: !loading && hasMoreMessages && messages.length > 0, loadMore: function () { return fetchMore({ variables: { channel: "game=".concat(gameId), maxDate: messages[0].date } }); } }, { children: messages.map(function (message, index) {
-                                return (0, jsx_runtime_1.jsx)(ChatMessage_1.ChatMessage, { message: message, showAuthor: index === 0 || messages[index - 1].userId !== message.userId }, message.id);
-                            }) })) })), playerId || ((_b = me === null || me === void 0 ? void 0 : me.user) === null || _b === void 0 ? void 0 : _b.id) ? (0, jsx_runtime_1.jsx)(ChatTextInput_1.ChatTextInput, { channel: "game=".concat(gameId), inputRef: inputRef }) : (0, jsx_runtime_1.jsx)(SignInToChat_1.SignInToChat, {})] })), (0, jsx_runtime_1.jsx)("button", __assign({ "aria-label": t('Discuss'), title: t('Discuss'), css: [menuCss_1.floatingButtonCss, chatButtonCss], onClick: function () { return setOpen(!isOpen); } }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: isOpen ? free_solid_svg_icons_1.faTimes : free_regular_svg_icons_1.faComments, css: iconStyle }) }))] }));
-};
-exports.Chat = Chat;
-var chatButtonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  border-bottom-right-radius: 25%;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\n  min-width: 38px;\n  min-height: 38px;\n\n  &:focus, &:hover {\n    background: #24a5b9;\n  }\n\n  &:active {\n    background: #2092a3;\n  }\n\n  svg {\n    position: relative;\n    width: 70%;\n    height: 60%;\n  }\n"], ["\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  border-bottom-right-radius: 25%;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\n  min-width: 38px;\n  min-height: 38px;\n\n  &:focus, &:hover {\n    background: #24a5b9;\n  }\n\n  &:active {\n    background: #2092a3;\n  }\n\n  svg {\n    position: relative;\n    width: 70%;\n    height: 60%;\n  }\n"])));
-var iconStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: white;\n  font-size: 1.5em;\n  @media (max-height: 300px) {\n    font-size: 20px;\n  }\n"], ["\n  color: white;\n  font-size: 1.5em;\n  @media (max-height: 300px) {\n    font-size: 20px;\n  }\n"])));
-var chatCss = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 16px;\n  left: 0;\n  height: 100vh;\n  width: 360px;\n  max-width: 100vw;\n  border-bottom-right-radius: 0.5em;\n  transform-origin: top left;\n  justify-content: flex-end;\n"], ["\n  font-size: 16px;\n  left: 0;\n  height: 100vh;\n  width: 360px;\n  max-width: 100vw;\n  border-bottom-right-radius: 0.5em;\n  transform-origin: top left;\n  justify-content: flex-end;\n"])));
-var scrollCss = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  overflow-x: hidden;\n  overflow-y: scroll;\n  scrollbar-color: rgba(74, 74, 74, 0.3) transparent;\n  scrollbar-width: thin;\n  margin-left: 16px;\n  margin-right: 8px;\n\n  &::-webkit-scrollbar {\n    width: 6px\n  }\n\n  &::-webkit-scrollbar-thumb {\n    border-radius: 7px;\n    background-color: rgba(74, 74, 74, 0.3);\n  }\n\n  align-self: stretch;\n  display: flex;\n  flex-direction: column;\n"], ["\n  overflow-x: hidden;\n  overflow-y: scroll;\n  scrollbar-color: rgba(74, 74, 74, 0.3) transparent;\n  scrollbar-width: thin;\n  margin-left: 16px;\n  margin-right: 8px;\n\n  &::-webkit-scrollbar {\n    width: 6px\n  }\n\n  &::-webkit-scrollbar-thumb {\n    border-radius: 7px;\n    background-color: rgba(74, 74, 74, 0.3);\n  }\n\n  align-self: stretch;\n  display: flex;\n  flex-direction: column;\n"])));
-var scrollContentCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  padding-left: 3em;\n"], ["\n  position: relative;\n  padding-left: 3em;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
-//# sourceMappingURL=Chat.js.map

package/dist/components/Chat/Chat.js.map

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

package/dist/components/Chat/ChatMessage.d.ts

@@ -1,7 +0,0 @@
-import { Message } from '@gamepark/react-client';
-type Props = {
-    message: Message;
-    showAuthor: boolean;
-};
-export declare const ChatMessage: ({ message, showAuthor }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Chat/ChatMessage.js

@@ -1,29 +0,0 @@
-"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.ChatMessage = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("@emotion/react");
-var ChatMessageAuthor_1 = require("./ChatMessageAuthor");
-var ChatMessage = function (_a) {
-    var message = _a.message, showAuthor = _a.showAuthor;
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showAuthor && (0, jsx_runtime_1.jsx)(ChatMessageAuthor_1.ChatMessageAuthor, { author: message.userId }), (0, jsx_runtime_1.jsx)("p", __assign({ css: textCss }, { children: message.text }))] });
-};
-exports.ChatMessage = ChatMessage;
-var textCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  line-height: 1.5;\n  margin: 0;\n"], ["\n  line-height: 1.5;\n  margin: 0;\n"])));
-var templateObject_1;
-//# sourceMappingURL=ChatMessage.js.map

package/dist/components/Chat/ChatMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../src/components/Chat/ChatMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAEpC,yDAAuD;AAOhD,IAAM,WAAW,GAAG,UAAC,EAA8B;QAA5B,OAAO,aAAA,EAAE,UAAU,gBAAA;IAAc,OAAA,6DAC5D,UAAU,IAAI,uBAAC,qCAAiB,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAG,EAC3D,uCAAG,GAAG,EAAE,OAAO,gBAAG,OAAO,CAAC,IAAI,IAAK,IAClC;AAH4D,CAG5D,CAAA;AAHU,QAAA,WAAW,eAGrB;AAEH,IAAM,OAAO,OAAG,WAAG,2GAAA,uCAGlB,IAAA,CAAA"}

package/dist/components/Chat/ChatMessageAuthor.d.ts

@@ -1,3 +0,0 @@
-export declare const ChatMessageAuthor: ({ author }: {
-    author: string;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Chat/ChatMessageAuthor.js

@@ -1,34 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatMessageAuthor = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("@emotion/react");
-var avataaars_1 = __importDefault(require("@gamepark/avataaars"));
-var react_client_1 = require("@gamepark/react-client");
-var ChatMessageAuthor = function (_a) {
-    var author = _a.author;
-    var _b = (0, react_client_1.useMessageAuthor)(author), avatar = _b.avatar, name = _b.name;
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(avataaars_1.default, __assign({ style: { width: '48px', height: '48px', position: 'absolute', left: '-3px' }, circle: true }, avatar)), (0, jsx_runtime_1.jsx)("p", __assign({ css: authorCss }, { children: name }))] });
-};
-exports.ChatMessageAuthor = ChatMessageAuthor;
-var authorCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: bold;\n  line-height: 1.5;\n  margin: 4px 0 0;\n"], ["\n  font-weight: bold;\n  line-height: 1.5;\n  margin: 4px 0 0;\n"])));
-var templateObject_1;
-//# sourceMappingURL=ChatMessageAuthor.js.map

package/dist/components/Chat/ChatMessageAuthor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatMessageAuthor.js","sourceRoot":"","sources":["../../../src/components/Chat/ChatMessageAuthor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,kEAAwC;AACxC,uDAAyD;AAElD,IAAM,iBAAiB,GAAG,UAAC,EAA8B;QAA5B,MAAM,YAAA;IAClC,IAAA,KAAmB,IAAA,+BAAgB,EAAC,MAAM,CAAC,EAAzC,MAAM,YAAA,EAAE,IAAI,UAA6B,CAAA;IAEjD,OAAO,6DACL,uBAAC,mBAAM,aAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,MAAM,UAAK,MAAM,EAAG,EAC1G,uCAAG,GAAG,EAAE,SAAS,gBAAG,IAAI,IAAK,IAC5B,CAAA;AACL,CAAC,CAAA;AAPY,QAAA,iBAAiB,qBAO7B;AAED,IAAM,SAAS,OAAG,WAAG,uIAAA,mEAIpB,IAAA,CAAA"}

package/dist/components/Chat/ChatTextInput.d.ts

@@ -1,7 +0,0 @@
-import { RefObject } from 'react';
-type Props = {
-    channel: string;
-    inputRef: RefObject<HTMLInputElement>;
-};
-export declare const ChatTextInput: ({ channel, inputRef }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Chat/ChatTextInput.js

@@ -1,44 +0,0 @@
-"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.ChatTextInput = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("@emotion/react");
-var free_regular_svg_icons_1 = require("@fortawesome/free-regular-svg-icons");
-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 css_1 = require("../../css");
-var ChatTextInput = function (_a) {
-    var channel = _a.channel, inputRef = _a.inputRef;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var _b = (0, react_2.useState)(''), text = _b[0], setText = _b[1];
-    var sendMessage = (0, react_client_1.useSendMessage)()[0];
-    var onSubmit = function (event) {
-        event.preventDefault();
-        sendMessage({ variables: { channel: channel, text: text } }).catch(console.error);
-        setText('');
-    };
-    return ((0, jsx_runtime_1.jsxs)("form", __assign({ css: messageBar, onSubmit: onSubmit }, { children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "text", placeholder: t('Type a message'), css: textInputCss, value: text, onChange: function (event) { return setText(event.target.value); } }), (0, jsx_runtime_1.jsx)("button", __assign({ "aria-label": t('Send'), title: t('Send'), css: [css_1.buttonResetCss, sendButtonStyle] }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_regular_svg_icons_1.faPaperPlane }) }))] })));
-};
-exports.ChatTextInput = ChatTextInput;
-var messageBar = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 0.5em;\n  background: #28B8CE;\n  display: flex;\n"], ["\n  width: 100%;\n  padding: 0.5em;\n  background: #28B8CE;\n  display: flex;\n"])));
-var textInputCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-grow: 1;\n  border: none;\n  border-radius: 1em;\n  padding: 0.2em 0.5em;\n\n  &:focus-visible {\n    outline: none;\n  }\n"], ["\n  flex-grow: 1;\n  border: none;\n  border-radius: 1em;\n  padding: 0.2em 0.5em;\n\n  &:focus-visible {\n    outline: none;\n  }\n"])));
-var sendButtonStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: none;\n  color: white;\n"], ["\n  background: none;\n  color: white;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
-//# sourceMappingURL=ChatTextInput.js.map

package/dist/components/Chat/ChatTextInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatTextInput.js","sourceRoot":"","sources":["../../../src/components/Chat/ChatTextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,8EAAkE;AAClE,oEAAgE;AAChE,uDAAuD;AACvD,+BAAsD;AACtD,+CAA8C;AAC9C,iCAA0C;AAOnC,IAAM,aAAa,GAAG,UAAC,EAA4B;QAA1B,OAAO,aAAA,EAAE,QAAQ,cAAA;IACvC,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAA;IAC7B,IAAA,WAAW,GAAI,IAAA,6BAAc,GAAE,GAApB,CAAoB;IACtC,IAAM,QAAQ,GAAG,UAAC,KAA6B;QAC7C,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,OAAO,SAAA,EAAE,IAAI,MAAA,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAClE,OAAO,CAAC,EAAE,CAAC,CAAA;IACb,CAAC,CAAA;IACD,OAAO,CACL,2CAAM,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,iBACvC,kCAAO,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,CAAC,CAAC,gBAAgB,CAAE,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA3B,CAA2B,GAAG,EACtJ,0DAAoB,CAAC,CAAC,MAAM,CAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAE,EAAE,GAAG,EAAE,CAAC,oBAAc,EAAE,eAAe,CAAC,gBAAE,uBAAC,mCAAe,IAAC,IAAI,EAAE,qCAAY,GAAG,IAAS,KACrI,CACR,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,aAAa,iBAezB;AAED,IAAM,UAAU,OAAG,WAAG,qJAAA,iFAKrB,IAAA,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,0MAAA,sIASvB,IAAA,CAAA;AAED,IAAM,eAAe,OAAG,WAAG,8GAAA,0CAG1B,IAAA,CAAA"}

package/dist/components/Chat/SignInToChat.d.ts

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

package/dist/components/Chat/SignInToChat.js

@@ -1,35 +0,0 @@
-"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.SignInToChat = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("@emotion/react");
-var react_client_1 = require("@gamepark/react-client");
-var react_i18next_1 = require("react-i18next");
-var css_1 = require("../../css");
-var SignInToChat = function () {
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var query = new URLSearchParams(window.location.search);
-    var locale = query.get('locale') || 'en';
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: style }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ css: textCss }, { children: t('sign-in-to-chat') })), (0, jsx_runtime_1.jsx)("button", __assign({ css: [css_1.buttonResetCss, signInButtonCss], onClick: function () { return window.location.href = "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/auth/sign-in?callbackUrl=").concat(encodeURIComponent(window.location.href)); } }, { children: t('Sign in') }))] })));
-};
-exports.SignInToChat = SignInToChat;
-var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 8px 16px;\n  text-align: center;\n"], ["\n  width: 100%;\n  padding: 8px 16px;\n  text-align: center;\n"])));
-var textCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  line-height: 1.5;\n  margin: 0;\n  font-weight: bold;\n"], ["\n  line-height: 1.5;\n  margin: 0;\n  font-weight: bold;\n"])));
-var signInButtonCss = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 0.2em 0.5em;\n  border-radius: 2em;\n  border: 0.05em solid #002448;\n  color: #002448;\n  background: transparent;\n  font-size: 1.25em;\n\n  &:focus, &:hover {\n    background: #c2ebf1;\n  }\n\n  &:active {\n    background: #ade4ec;\n  }\n"], ["\n  padding: 0.2em 0.5em;\n  border-radius: 2em;\n  border: 0.05em solid #002448;\n  color: #002448;\n  background: transparent;\n  font-size: 1.25em;\n\n  &:focus, &:hover {\n    background: #c2ebf1;\n  }\n\n  &:active {\n    background: #ade4ec;\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
-//# sourceMappingURL=SignInToChat.js.map

package/dist/components/Chat/SignInToChat.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SignInToChat.js","sourceRoot":"","sources":["../../../src/components/Chat/SignInToChat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,uDAAqD;AACrD,+CAA8C;AAC9C,iCAA0C;AAEnC,IAAM,YAAY,GAAG;IAClB,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,IAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,IAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAA;IAC1C,OAAO,CACL,0CAAK,GAAG,EAAE,KAAK,iBACb,uCAAG,GAAG,EAAE,OAAO,gBAAG,CAAC,CAAC,iBAAiB,CAAC,IAAK,EAC3C,4CAAQ,GAAG,EAAE,CAAC,oBAAc,EAAE,eAAe,CAAC,EACtC,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,UAAG,2BAAY,cAAI,MAAM,uCAA6B,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAE,EAAvH,CAAuH,gBAC3I,CAAC,CAAC,SAAS,CAAC,IACN,KACL,CACP,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,YAAY,gBAaxB;AAED,IAAM,KAAK,OAAG,WAAG,qIAAA,iEAIhB,IAAA,CAAA;AAED,IAAM,OAAO,OAAG,WAAG,iIAAA,6DAIlB,IAAA,CAAA;AAED,IAAM,eAAe,OAAG,WAAG,oUAAA,gQAe1B,IAAA,CAAA"}

package/dist/components/Chat/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Chat';
-export * from './ChatMessage';
-export * from './ChatMessageAuthor';
-export * from './ChatTextInput';
-export * from './SignInToChat';

package/dist/components/Chat/index.js

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

package/dist/components/Chat/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chat/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,gDAA6B;AAC7B,sDAAmC;AACnC,kDAA+B;AAC/B,iDAA8B"}

package/dist/components/Header/PlayerTurnHeader.d.ts

@@ -1,11 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import { MaterialMove } from '@gamepark/rules-api';
-import { ReactElement } from 'react';
-type Props = {
-    code: string;
-    values?: Record<string, string>;
-    components?: Record<string, ReactElement>;
-    moves?: Record<string, (move: MaterialMove) => boolean>;
-};
-export declare const PlayerTurnHeader: ({ code, values, components, moves }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};