@gamepark/react-game 6.15.5 → 6.17.0

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

@@ -0,0 +1,35 @@
+"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/JournalTabs/Chat/SignInToChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInToChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/SignInToChat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,uDAAqD;AACrD,+CAA8C;AAC9C,oCAA6C;AAEtC,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/JournalTabs/Chat/index.d.ts

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

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

@@ -0,0 +1,22 @@
+"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/JournalTabs/Chat/index.js.map

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

package/dist/components/JournalTabs/History/ActionHistoryEntry.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { HistoryEntryContext } from './MaterialHistory';
+export type ActionHistoryEntryProps = {
+    consequence?: boolean;
+    depth?: number;
+    picture?: string;
+    pictureCss?: any;
+    getColor?: (playerId: number) => string;
+    context: HistoryEntryContext;
+};
+export declare const ActionHistoryEntry: FC<ActionHistoryEntryProps>;

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

@@ -0,0 +1,41 @@
+"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.ActionHistoryEntry = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var Picture_1 = require("../../Picture");
+var HistoryEntry_1 = require("./HistoryEntry");
+var PlayerHistoryEntry_1 = require("./PlayerHistoryEntry");
+var ActionHistoryEntry = function (props) {
+    var _a;
+    var consequence = props.consequence, getColor = props.getColor, depth = props.depth, picture = props.picture, pictureCss = props.pictureCss, context = props.context, children = props.children;
+    var Component = consequence ? HistoryEntry_1.HistoryEntry : PlayerHistoryEntry_1.PlayerHistoryEntry;
+    return ((0, jsx_runtime_1.jsx)(Component, __assign({ context: context, css: [color((_a = getColor === null || getColor === void 0 ? void 0 : getColor(context.action.playerId)) !== null && _a !== void 0 ? _a : 'white')] }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: flex }, { children: [consequence && ((0, jsx_runtime_1.jsx)("div", __assign({ css: consequenceIcon(depth) }, { children: "\u2937" }))), (0, jsx_runtime_1.jsx)("div", __assign({ css: growth }, { children: children })), picture && ((0, jsx_runtime_1.jsx)("div", __assign({ css: actionPicture }, { children: (0, jsx_runtime_1.jsx)(Picture_1.Picture, { css: [pictureStyle, pictureCss], src: picture }) })))] })) })));
+};
+exports.ActionHistoryEntry = ActionHistoryEntry;
+var flex = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n"], ["\n  display: flex;\n  width: 100%;\n  align-items: center;\n"])));
+var growth = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
+var pictureStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 2.2em; \n  border-radius: 0.5em; \n  border: 0.1em solid black\n"], ["\n  height: 2.2em; \n  border-radius: 0.5em; \n  border: 0.1em solid black\n"])));
+var color = function (color) { return (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), color); };
+var actionPicture = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding-left: 0.3em;\n  border-radius: 0.5em;\n"], ["\n  padding-left: 0.3em;\n  border-radius: 0.5em;\n"])));
+var consequenceIcon = function (times) {
+    if (times === void 0) { times = 1; }
+    return (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 1.5em;\n  margin-right: 0.4em;\n  margin-left: ", "em;\n  margin-top: -0.2em;\n"], ["\n  font-size: 1.5em;\n  margin-right: 0.4em;\n  margin-left: ", "em;\n  margin-top: -0.2em;\n"])), 0.5 + (1.5 * (times - 1)));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=ActionHistoryEntry.js.map

package/dist/components/JournalTabs/History/ActionHistoryEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionHistoryEntry.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/ActionHistoryEntry.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAEpC,yCAAuC;AACvC,+CAA6C;AAE7C,2DAAyD;AAYlD,IAAM,kBAAkB,GAAgC,UAAC,KAAK;;IAC3D,IAAA,WAAW,GAA8D,KAAK,YAAnE,EAAE,QAAQ,GAAoD,KAAK,SAAzD,EAAE,KAAK,GAA6C,KAAK,MAAlD,EAAE,OAAO,GAAoC,KAAK,QAAzC,EAAE,UAAU,GAAwB,KAAK,WAA7B,EAAE,OAAO,GAAe,KAAK,QAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACtF,IAAM,SAAS,GAAG,WAAW,CAAA,CAAC,CAAC,2BAAY,CAAA,CAAC,CAAC,uCAAkB,CAAA;IAC/D,OAAO,CACL,uBAAC,SAAS,aAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,mCAAI,OAAO,CAAC,CAAC,gBACvF,0CAAK,GAAG,EAAE,IAAI,iBACX,WAAW,IAAI,CACd,yCAAK,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,4BAAS,CAC1C,EACD,yCAAK,GAAG,EAAE,MAAM,gBACb,QAAQ,IACL,EACL,OAAO,IAAI,CACV,yCAAK,GAAG,EAAE,aAAa,gBACrB,uBAAC,iBAAO,IAAC,GAAG,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,OAAO,GAAG,IACrD,CACP,KACG,IACI,CACb,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,kBAAkB,sBAoB9B;AAED,IAAM,IAAI,OAAG,WAAG,kIAAA,8DAIf,IAAA,CAAA;AAED,IAAM,MAAM,OAAG,WAAG,oFAAA,gBAEjB,IAAA,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,kJAAA,8EAIvB,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,mGAAA,wBACd,EAAK,KAC1B,KADqB,KAAK,GADM,CAEhC,CAAA;AAED,IAAM,aAAa,OAAG,WAAG,yHAAA,qDAGxB,IAAA,CAAA;AAED,IAAM,eAAe,GAAG,UAAC,KAAiB;IAAjB,sBAAA,EAAA,SAAiB;IAAK,WAAA,WAAG,oKAAA,gEAGjC,EAAyB,8BAEzC,KAFgB,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AAHK,CAK9C,CAAA"}

package/dist/components/JournalTabs/History/History.d.ts

@@ -0,0 +1,6 @@
+import { FC, HTMLAttributes } from 'react';
+type HistoryProps = {
+    open: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const History: FC<HistoryProps>;
+export {};

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

@@ -0,0 +1,54 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.History = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var react_2 = require("react");
+var useHistory_1 = require("../../../hooks/useHistory");
+var StartHistory_1 = require("./StartHistory");
+var History = function (props) {
+    var histories = (0, useHistory_1.useHistory)().histories;
+    var open = props.open, rest = __rest(props, ["open"]);
+    var scrollRef = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(function () {
+        if (!scrollRef.current)
+            return;
+        var _a = scrollRef.current, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
+        scrollRef.current.scrollTo({ top: scrollHeight - clientHeight });
+    }, [open]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ css: scrollCss, ref: scrollRef }, rest, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: scrollContentCss }, { children: [(0, jsx_runtime_1.jsx)(StartHistory_1.StartGameHistory, {}), Array.from(histories.entries()).map(function (_a) {
+                    var id = _a[0], _b = _a[1], actions = _b === void 0 ? [] : _b;
+                    return (actions.map(function (action, index) { return ((0, jsx_runtime_1.jsx)(react_2.Fragment, { children: action }, "".concat(id, "_").concat(index))); }));
+                })] })) })));
+};
+exports.History = History;
+var scrollCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __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-top: 0.5em;\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-top: 0.5em;\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_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  padding-bottom: 0.5em;\n  font-size: 0.5em;\n"], ["\n  position: relative;\n  padding-bottom: 0.5em;\n  font-size: 0.5em;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=History.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/History.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,+BAAuE;AACvE,wDAAsD;AACtD,+CAAiD;AAM1C,IAAM,OAAO,GAAqB,UAAC,KAAK;IAErC,IAAA,SAAS,GAAK,IAAA,uBAAU,GAAE,UAAjB,CAAiB;IAC1B,IAAA,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAAzB,QAAiB,CAAF,CAAU;IAC/B,IAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAG9C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QACxB,IAAA,KAAiC,SAAS,CAAC,OAAO,EAAhD,YAAY,kBAAA,EAAE,YAAY,kBAAsB,CAAA;QACxD,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,yCAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,IAAO,IAAI,cAC5C,0CAAK,GAAG,EAAE,gBAAgB,iBACxB,uBAAC,+BAAgB,KAAG,EACnB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,EAAkB;wBAAjB,EAAE,QAAA,EAAE,UAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA;oBAAM,OAAA,CAC3D,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC7B,uBAAC,gBAAQ,cACN,MAAM,IADM,UAAG,EAAE,cAAI,KAAK,CAAE,CAEpB,CACZ,EAJ8B,CAI9B,CAAC,CACH;gBAN4D,CAM5D,CAAC,KACE,IACF,CACP,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,OAAO,WA2BnB;AAGD,IAAM,SAAS,OAAG,WAAG,ydAAA,qZAoBpB,IAAA,CAAA;AAED,IAAM,gBAAgB,OAAG,WAAG,8IAAA,0EAI3B,IAAA,CAAA"}

package/dist/components/JournalTabs/History/HistoryEntry.d.ts

@@ -0,0 +1,7 @@
+import { FC, HTMLAttributes } from 'react';
+import { HistoryEntryContext } from './MaterialHistory';
+export type HistoryEntryProps = {
+    context?: HistoryEntryContext;
+    border?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const HistoryEntry: FC<HistoryEntryProps>;

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

@@ -0,0 +1,40 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HistoryEntry = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var HistoryEntry = function (props) {
+    var border = props.border, children = props.children, context = props.context, rest = __rest(props, ["border", "children", "context"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ css: [historyEntryStyle, border && borderBottom] }, rest, { children: children })));
+};
+exports.HistoryEntry = HistoryEntry;
+var historyEntryStyle = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 0.5em 0.5em 0.5em 0.7em;\n  user-select: text;\n"], ["\n  width: 100%;\n  padding: 0.5em 0.5em 0.5em 0.7em;\n  user-select: text;\n"])));
+var borderBottom = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-bottom: 0.05em solid black;\n  &:last-of-type {\n    border-bottom: 0;\n  }\n"], ["\n  border-bottom: 0.05em solid black;\n  &:last-of-type {\n    border-bottom: 0;\n  }\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=HistoryEntry.js.map

package/dist/components/JournalTabs/History/HistoryEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryEntry.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/HistoryEntry.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAS7B,IAAM,YAAY,GAA0B,UAAC,KAAK;IAC/C,IAAA,MAAM,GAAgC,KAAK,OAArC,EAAE,QAAQ,GAAsB,KAAK,SAA3B,EAAE,OAAO,GAAa,KAAK,QAAlB,EAAK,IAAI,UAAI,KAAK,EAA7C,iCAAqC,CAAD,CAAS;IACnD,OAAO,CACL,yCAAK,GAAG,EAAE,CAAC,iBAAiB,EAAE,MAAM,IAAI,YAAY,CAAC,IAAM,IAAI,cAC5D,QAAQ,IACL,CACP,CAAA;AAEH,CAAC,CAAA;AARY,QAAA,YAAY,gBAQxB;AAED,IAAM,iBAAiB,OAAG,WAAG,mJAAA,+EAI5B,IAAA,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,8JAAA,0FAKvB,IAAA,CAAA"}

package/dist/components/JournalTabs/History/MaterialHistory.d.ts

@@ -0,0 +1,11 @@
+import { DisplayedAction } from '@gamepark/react-client';
+import { MaterialMove } from '@gamepark/rules-api';
+export type MaterialHistoryProps<Game = any, Move = any, PlayerId = number> = {
+    move: MaterialMove;
+    context: HistoryEntryContext<Game, Move, PlayerId>;
+};
+export type HistoryEntryContext<Game = any, Move = any, PlayerId = number> = {
+    action: DisplayedAction<Move, PlayerId>;
+    consequenceIndex?: number;
+    game: Game;
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=MaterialHistory.js.map

package/dist/components/JournalTabs/History/MaterialHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialHistory.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/MaterialHistory.ts"],"names":[],"mappings":""}

package/dist/components/JournalTabs/History/PlayerActionHistory.d.ts

@@ -0,0 +1,8 @@
+import { HistoryEntryOptions } from '@gamepark/react-client';
+import { FC, HTMLAttributes } from 'react';
+type PlayerActionHistoryProps = {
+    options: HistoryEntryOptions;
+    playerId?: number;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const PlayerActionHistory: FC<PlayerActionHistoryProps>;
+export {};

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

@@ -0,0 +1,42 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerActionHistory = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var Avatar_1 = require("../../Avatar");
+var PlayerActionHistory = function (props) {
+    var playerId = props.playerId, children = props.children, options = props.options, rest = __rest(props, ["playerId", "children", "options"]);
+    var player = playerId !== null && playerId !== void 0 ? playerId : options.action.playerId;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: container }, rest, { children: [!!player && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: playerId }) })), (0, jsx_runtime_1.jsx)("div", { children: children })] })));
+};
+exports.PlayerActionHistory = PlayerActionHistory;
+var container = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex; \n  flex-direction: row;\n  align-items: center\n"], ["\n  display: flex; \n  flex-direction: row;\n  align-items: center\n"])));
+var avatarStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  left: 0;\n  border-radius: 100%;\n  height: 2.5em;\n  width: 2.5em;\n  margin-right: 1em;\n  color: black;\n  z-index: 1;\n"], ["\n  position: relative;\n  left: 0;\n  border-radius: 100%;\n  height: 2.5em;\n  width: 2.5em;\n  margin-right: 1em;\n  color: black;\n  z-index: 1;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=PlayerActionHistory.js.map

package/dist/components/JournalTabs/History/PlayerActionHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerActionHistory.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/PlayerActionHistory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAGpC,uCAAqC;AAO9B,IAAM,mBAAmB,GAAiC,UAAC,KAAK;IAC7D,IAAA,QAAQ,GAAiC,KAAK,SAAtC,EAAE,QAAQ,GAAuB,KAAK,SAA5B,EAAE,OAAO,GAAc,KAAK,QAAnB,EAAK,IAAI,UAAK,KAAK,EAAhD,mCAAwC,CAAF,CAAU;IACtD,IAAM,MAAM,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAA;IAElD,OAAO,CAEL,0CAAK,GAAG,EAAE,SAAS,IAAM,IAAI,eAC1B,CAAC,CAAC,MAAM,IAAI,CACX,0CACE,uBAAC,eAAM,IAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAC3C,CACP,EACD,0CACG,QAAQ,GACL,KACF,CACP,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,mBAAmB,uBAiB/B;AAED,IAAM,SAAS,OAAG,WAAG,0IAAA,sEAIpB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,4NAAA,wJAStB,IAAA,CAAA"}

package/dist/components/JournalTabs/History/PlayerHistoryEntry.d.ts

@@ -0,0 +1,9 @@
+import { FC, HTMLAttributes } from 'react';
+import { HistoryEntryContext } from './MaterialHistory';
+type PlayerHistoryEntryProps = {
+    context: HistoryEntryContext;
+    border?: boolean;
+    playerId?: number;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const PlayerHistoryEntry: FC<PlayerHistoryEntryProps>;
+export {};

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

@@ -0,0 +1,44 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerHistoryEntry = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var Avatar_1 = require("../../Avatar");
+var HistoryEntry_1 = require("./HistoryEntry");
+var PlayerHistoryEntry = function (props) {
+    var border = props.border, playerId = props.playerId, children = props.children, context = props.context, rest = __rest(props, ["border", "playerId", "children", "context"]);
+    var player = playerId !== null && playerId !== void 0 ? playerId : context.action.playerId;
+    return ((0, jsx_runtime_1.jsx)(HistoryEntry_1.HistoryEntry, __assign({ border: border }, rest, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: container }, { children: [!!player && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: player }) })), (0, jsx_runtime_1.jsx)("div", __assign({ css: growth }, { children: children }))] })) })));
+};
+exports.PlayerHistoryEntry = PlayerHistoryEntry;
+var container = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex: 1;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex: 1;\n"])));
+var growth = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
+var avatarStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  left: 0;\n  border-radius: 100%;\n  height: 2.5em;\n  width: 2.5em;\n  margin-right: 1em;\n  color: black;\n  z-index: 1;\n"], ["\n  position: relative;\n  left: 0;\n  border-radius: 100%;\n  height: 2.5em;\n  width: 2.5em;\n  margin-right: 1em;\n  color: black;\n  z-index: 1;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=PlayerHistoryEntry.js.map

package/dist/components/JournalTabs/History/PlayerHistoryEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerHistoryEntry.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/PlayerHistoryEntry.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAEpC,uCAAqC;AACrC,+CAA6C;AAStC,IAAM,kBAAkB,GAAgC,UAAC,KAAK;IAC3D,IAAA,MAAM,GAA2C,KAAK,OAAhD,EAAE,QAAQ,GAAiC,KAAK,SAAtC,EAAE,QAAQ,GAAuB,KAAK,SAA5B,EAAE,OAAO,GAAc,KAAK,QAAnB,EAAK,IAAI,UAAK,KAAK,EAAxD,6CAAgD,CAAF,CAAU;IAC9D,IAAM,MAAM,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAA;IAElD,OAAO,CACL,uBAAC,2BAAY,aAAC,MAAM,EAAE,MAAM,IAAM,IAAI,cACpC,0CAAK,GAAG,EAAE,SAAS,iBAChB,CAAC,CAAC,MAAM,IAAI,CACX,0CACE,uBAAC,eAAM,IAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,GACzC,CACP,EACD,yCAAK,GAAG,EAAE,MAAM,gBACb,QAAQ,IACL,KACF,IACO,CAChB,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,kBAAkB,sBAkB9B;AAED,IAAM,SAAS,OAAG,WAAG,sJAAA,kFAKpB,IAAA,CAAA;AAED,IAAM,MAAM,OAAG,WAAG,yFAAA,qBAEjB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,4NAAA,wJAStB,IAAA,CAAA"}

package/dist/components/JournalTabs/History/StartHistory.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const StartGameHistory: FC;

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

@@ -0,0 +1,30 @@
+"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.StartGameHistory = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var react_i18next_1 = require("react-i18next");
+var HistoryEntry_1 = require("./HistoryEntry");
+var StartGameHistory = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return ((0, jsx_runtime_1.jsx)(HistoryEntry_1.HistoryEntry, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: startOfGameStyle }, { children: t('history.game.start') })) }));
+};
+exports.StartGameHistory = StartGameHistory;
+var startOfGameStyle = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: grey;\n  text-align: center;\n  font-style: italic\n"], ["\n  color: grey;\n  text-align: center;\n  font-style: italic\n"])));
+var templateObject_1;
+//# sourceMappingURL=StartHistory.js.map

package/dist/components/JournalTabs/History/StartHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartHistory.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/StartHistory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAEpC,+CAA8C;AAC9C,+CAA6C;AAEtC,IAAM,gBAAgB,GAAO;IAC1B,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,OAAO,CACL,uBAAC,2BAAY,cACX,yCAAK,GAAG,EAAE,gBAAgB,gBAAG,CAAC,CAAC,oBAAoB,CAAC,IAAO,GAC9C,CAChB,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,gBAAgB,oBAO5B;AAED,IAAM,gBAAgB,OAAG,WAAG,qIAAA,iEAI3B,IAAA,CAAA"}

package/dist/components/JournalTabs/History/index.d.ts

@@ -0,0 +1,5 @@
+export * from './History';
+export * from './MaterialHistory';
+export * from './PlayerHistoryEntry';
+export * from './HistoryEntry';
+export * from './ActionHistoryEntry';

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

@@ -0,0 +1,22 @@
+"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("./History"), exports);
+__exportStar(require("./MaterialHistory"), exports);
+__exportStar(require("./PlayerHistoryEntry"), exports);
+__exportStar(require("./HistoryEntry"), exports);
+__exportStar(require("./ActionHistoryEntry"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/JournalTabs/History/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB;AACzB,oDAAiC;AACjC,uDAAoC;AACpC,iDAA8B;AAC9B,uDAAoC"}

package/dist/components/JournalTabs/JournalTabs.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export type JournalTabsProps = {
+    gameId?: string;
+};
+export declare const JournalTabs: FC<JournalTabsProps>;

package/dist/components/JournalTabs/JournalTabs.js

@@ -0,0 +1,74 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JournalTabs = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var faCommentDots_1 = require("@fortawesome/free-regular-svg-icons/faCommentDots");
+var faTimes_1 = require("@fortawesome/free-solid-svg-icons/faTimes");
+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_redux_1 = require("react-redux");
+var hooks_1 = require("../../hooks");
+var GameProvider_1 = require("../GameProvider");
+var menus_1 = require("../menus");
+var menuCss_1 = require("../menus/menuCss");
+var Chat_1 = require("./Chat");
+var History_1 = require("./History");
+var JournalTab;
+(function (JournalTab) {
+    JournalTab[JournalTab["LOG"] = 1] = "LOG";
+    JournalTab[JournalTab["CHAT"] = 2] = "CHAT";
+})(JournalTab || (JournalTab = {}));
+var JournalTabs = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var gameId = props.gameId;
+    var history = (0, react_2.useContext)(GameProvider_1.gameContext).MaterialHistory;
+    var logEnabled = history !== undefined;
+    var gameMode = (0, react_redux_1.useSelector)(function (state) { return state.gameMode; });
+    var chatEnabled = gameMode !== react_client_1.GameMode.COMPETITIVE && gameMode !== react_client_1.GameMode.TUTORIAL;
+    var _a = (0, react_2.useState)(), tab = _a[0], setTab = _a[1];
+    var _b = (0, react_2.useState)(false), isOpen = _b[0], setOpen = _b[1];
+    (0, hooks_1.useKeyDown)('Enter', function () { return setOpen(true); });
+    (0, hooks_1.useKeyDown)('Escape', function () { return setOpen(false); });
+    (0, react_2.useEffect)(function () {
+        if (!tab && gameMode) {
+            setTab(chatEnabled ? JournalTab.CHAT : JournalTab.LOG);
+        }
+    }, [gameMode]);
+    if (!gameMode || (!logEnabled && !chatEnabled))
+        return null;
+    var isChatOpened = isOpen && tab === JournalTab.CHAT;
+    var isLogOpened = isOpen && tab === JournalTab.LOG;
+    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.menuFontSize, menuCss_1.menuBaseCss, journalMenu, !isOpen && menuCss_1.hide] }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ css: buttonContainer }, { children: chatEnabled && logEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ css: [button, chatButton, isChatOpened && selected], disabled: tab === JournalTab.CHAT, onClick: function () { return setTab(JournalTab.CHAT); } }, { children: (0, jsx_runtime_1.jsx)("div", { children: t('Chat') }) })), (0, jsx_runtime_1.jsx)("button", __assign({ css: [button, logButton, isLogOpened && selected], disabled: tab === JournalTab.LOG, onClick: function () { return setTab(JournalTab.LOG); } }, { children: (0, jsx_runtime_1.jsx)("div", { children: t('History') }) }))] })) })), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [container, flexEnd] }, { children: [chatEnabled && ((0, jsx_runtime_1.jsx)(Chat_1.Chat, { css: [!isChatOpened && closed], open: isChatOpened, gameId: gameId })), logEnabled && ((0, jsx_runtime_1.jsx)(History_1.History, { css: [(0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["justify-self: flex-start"], ["justify-self: flex-start"]))), !isLogOpened && closed], open: isLogOpened }))] }))] })), (0, jsx_runtime_1.jsx)("button", __assign({ "aria-label": t('Discuss'), title: t('Discuss'), css: [journalButtonCss], onClick: function () { return setOpen(!isOpen); } }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: isOpen ? faTimes_1.faTimes : faCommentDots_1.faCommentDots, css: iconStyle }) }))] }));
+};
+exports.JournalTabs = JournalTabs;
+var buttonContainer = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  inset: 0;\n  width: 100%;\n  align-self: flex-start;\n  padding-left: 3em;\n  padding-top: 0.3em;\n  padding-right: 0.5em;\n  flex: 0;\n  min-height: 2em;\n"], ["\n  display: flex;\n  flex-direction: row;\n  inset: 0;\n  width: 100%;\n  align-self: flex-start;\n  padding-left: 3em;\n  padding-top: 0.3em;\n  padding-right: 0.5em;\n  flex: 0;\n  min-height: 2em;\n"])));
+var container = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden\n"])));
+var flexEnd = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  justify-content: flex-end;\n"], ["\n  justify-content: flex-end;\n"])));
+var button = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1;\n  border: 0.01em solid #28B8CE;\n  color: black;\n  cursor: pointer;\n  background: white;\n  height: 2em;\n"], ["\n  flex: 1;\n  border: 0.01em solid #28B8CE;\n  color: black;\n  cursor: pointer;\n  background: white;\n  height: 2em;\n"])));
+var selected = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background: #28B8CE;\n  color: white;\n"], ["\n  background: #28B8CE;\n  color: white;\n"])));
+var chatButton = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  border-top-left-radius: 0.5em;\n  border-bottom-left-radius: 0.5em\n"], ["\n  border-top-left-radius: 0.5em;\n  border-bottom-left-radius: 0.5em\n"])));
+var logButton = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  border-top-right-radius: 0.5em;\n  border-bottom-right-radius: 0.5em\n"], ["\n  border-top-right-radius: 0.5em;\n  border-bottom-right-radius: 0.5em\n"])));
+var closed = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
+var journalButtonCss = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", ";\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  border-bottom-right-radius: 25%;\n  border-bottom-left-radius: 0;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\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  ", ";\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  border-bottom-right-radius: 25%;\n  border-bottom-left-radius: 0;\n  background: #28B8CE;\n  height: 2.5em;\n  width: 2.5em;\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"])), menuCss_1.menuFloatingButtonCss);
+var iconStyle = (0, react_1.css)(templateObject_11 || (templateObject_11 = __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 journalMenu = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  padding: 0;\n  border-bottom-right-radius: 0.5em;\n  transform-origin: top left;\n  left: 0;\n  height: 100dvh;\n  width: 35dvw;\n  max-width: 100vw;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: column;\n"], ["\n  padding: 0;\n  border-bottom-right-radius: 0.5em;\n  transform-origin: top left;\n  left: 0;\n  height: 100dvh;\n  width: 35dvw;\n  max-width: 100vw;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: column;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+//# sourceMappingURL=JournalTabs.js.map

package/dist/components/JournalTabs/JournalTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JournalTabs.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/JournalTabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,wCAAoC;AACpC,mFAAiF;AACjF,qEAAmE;AACnE,oEAAgE;AAChE,uDAAgE;AAChE,+BAA2D;AAC3D,+CAA8C;AAC9C,2CAAyC;AACzC,qCAAwC;AACxC,gDAA6C;AAC7C,kCAAoD;AACpD,4CAAyF;AACzF,+BAA6B;AAC7B,qCAAmC;AAMnC,IAAK,UAGJ;AAHD,WAAK,UAAU;IACb,yCAAO,CAAA;IACP,2CAAI,CAAA;AACN,CAAC,EAHI,UAAU,KAAV,UAAU,QAGd;AAEM,IAAM,WAAW,GAAyB,UAAC,KAAK;IAC7C,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACtB,IAAA,MAAM,GAAK,KAAK,OAAV,CAAU;IACxB,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC,eAAe,CAAA;IACvD,IAAM,UAAU,GAAG,OAAO,KAAK,SAAS,CAAA;IACxC,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,CAAC,CAAA;IACtE,IAAM,WAAW,GAAG,QAAQ,KAAK,uBAAQ,CAAC,WAAW,IAAI,QAAQ,KAAK,uBAAQ,CAAC,QAAQ,CAAA;IACjF,IAAA,KAAgB,IAAA,gBAAQ,GAA0B,EAAjD,GAAG,QAAA,EAAE,MAAM,QAAsC,CAAA;IAClD,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,MAAM,QAAA,EAAE,OAAO,QAAmB,CAAA;IACzC,IAAA,kBAAU,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,CAAC,CAAA;IACxC,IAAA,kBAAU,EAAC,QAAQ,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC,CAAA;IAC1C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,GAAG,IAAI,QAAQ,EAAE;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;SACvD;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC;QAAE,OAAO,IAAI,CAAA;IAC3D,IAAM,YAAY,GAAG,MAAM,IAAI,GAAG,KAAK,UAAU,CAAC,IAAI,CAAA;IACtD,IAAM,WAAW,GAAG,MAAM,IAAI,GAAG,KAAK,UAAU,CAAC,GAAG,CAAA;IAEpD,OAAO,CACL,6DACE,gCAAK,GAAG,EAAE,CAAC,gBAAQ,EAAE,MAAM,IAAI,uBAAe,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,GAAG,EACjF,0CAAK,GAAG,EAAE,CAAC,sBAAY,EAAE,qBAAW,EAAE,WAAW,EAAE,CAAC,MAAM,IAAI,cAAI,CAAC,iBACjE,yCAAK,GAAG,EAAE,eAAe,gBACtB,WAAW,IAAI,UAAU,IAAI,CAC5B,6DACE,4CAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,IAAI,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,EAAvB,CAAuB,gBACpI,0CAAM,CAAC,CAAC,MAAM,CAAC,GAAO,IACf,EACT,4CAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,IAAI,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,EAAtB,CAAsB,gBAChI,0CAAM,CAAC,CAAC,SAAS,CAAC,GAAO,IAClB,IACR,CACJ,IACG,EACN,0CAAK,GAAG,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,iBAC3B,WAAW,IAAI,CACd,uBAAC,WAAI,IAAC,GAAG,EAAE,CAAC,CAAC,YAAY,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAG,CAC5E,EACA,UAAU,IAAI,CACb,uBAAC,iBAAO,IAAC,GAAG,EAAE,KAAC,WAAG,8FAAA,0BAA0B,MAAE,CAAC,WAAW,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,WAAW,GAAG,CAC5F,KACG,KACF,EACN,0DAAoB,CAAC,CAAC,SAAS,CAAE,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAE,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,MAAM,CAAC,EAAhB,CAAgB,gBAC/G,uBAAC,mCAAe,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,iBAAO,CAAC,CAAC,CAAC,6BAAa,EAAE,GAAG,EAAE,SAAS,GAAG,IACnE,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,WAAW,eAmDvB;AAED,IAAM,eAAe,OAAG,WAAG,gRAAA,4MAW1B,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,qKAAA,iGAMpB,IAAA,CAAA;AAED,IAAM,OAAO,OAAG,WAAG,sGAAA,kCAElB,IAAA,CAAA;AAED,IAAM,MAAM,OAAG,WAAG,gMAAA,4HAOjB,IAAA,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,iHAAA,6CAGnB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,8IAAA,0EAGrB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,gJAAA,4EAGpB,IAAA,CAAA;AAGD,IAAM,MAAM,OAAG,WAAG,0FAAA,sBAEjB,IAAA,CAAA;AAED,IAAM,gBAAgB,OAAG,WAAG,8aAAA,MACxB,EAAqB,gWAuBxB,KAvBG,+BAAqB,CAuBxB,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2KAAA,qGAMpB,IAAA,CAAA;AAGD,IAAM,WAAW,OAAG,WAAG,8SAAA,wOAWtB,IAAA,CAAA"}

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

@@ -0,0 +1 @@
+export * from './History';

package/dist/components/JournalTabs/index.js

@@ -0,0 +1,18 @@
+"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("./History"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/JournalTabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB"}