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

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

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

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

@@ -5,7 +5,7 @@ type CommonChatProps = {
     loading?: boolean;
     hasMoreMessages?: boolean;
     messages: any[];
-    fetchMore?: () => void;
+    fetchMore: () => void;
     Input: ReactElement;
     shouldScroll: MutableRefObject<boolean>;
 };

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

@@ -1,58 +1,53 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommonChat = CommonChat;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var react_infinite_scroller_1 = __importDefault(require("react-infinite-scroller"));
-var ChatMessage_1 = require("./ChatMessage");
-function CommonChat(props) {
-    var loading = props.loading, hasMoreMessages = props.hasMoreMessages, messages = props.messages, shouldScroll = props.shouldScroll, Input = props.Input, fetchMore = props.fetchMore, rest = __rest(props, ["loading", "hasMoreMessages", "messages", "shouldScroll", "Input", "fetchMore"]);
-    var scrollRef = (0, react_2.useRef)(null);
-    (0, react_2.useEffect)(function () {
+import { css } from '@emotion/react';
+import { useEffect, useRef } from 'react';
+import InfiniteScroll from 'react-infinite-scroll-component';
+import { ChatMessage } from './ChatMessage';
+export function CommonChat(props) {
+    const { loading, hasMoreMessages, messages, shouldScroll, Input, fetchMore, ...rest } = props;
+    const scrollRef = useRef(null);
+    useEffect(() => {
         if (!scrollRef.current)
             return;
-        var _a = scrollRef.current, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
+        const { scrollHeight, clientHeight } = scrollRef.current;
         if (shouldScroll.current) {
             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", __assign({ ref: scrollRef, id: "fui", css: scrollCss }, rest, { children: (0, jsx_runtime_1.jsx)(react_infinite_scroller_1.default, { css: scrollContentCss, useWindow: false, isReverse: true, getScrollParent: function () { return scrollRef.current; }, hasMore: !loading && hasMoreMessages && messages.length > 0, loadMore: fetchMore ? fetchMore : (function () { return undefined; }), 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);
-                    }) }) })), Input] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: scrollRef, id: "chat", css: scrollCss, ...rest, children: _jsx(InfiniteScroll, { dataLength: messages.length, next: fetchMore, css: scrollContentCss, inverse: true, hasMore: !loading && !!hasMoreMessages && messages.length > 0, loader: _jsx("p", { children: "..." }), scrollableTarget: "chat", children: messages.map((message, index) => _jsx(ChatMessage, { message: message, showAuthor: index === messages.length - 1 || messages[index + 1].userId !== message.userId }, message.id)) }) }), Input] }));
 }
-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-left: 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-left: 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-left: 2.5em;\n  padding-right: 1em;\n  padding-bottom: 0.5em;\n  font-size: 0.7em;\n"], ["\n  position: relative;\n  padding-left: 2.5em;\n  padding-right: 1em;\n  padding-bottom: 0.5em;\n  font-size: 0.7em;\n"])));
-var templateObject_1, templateObject_2;
+const scrollCss = css `
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  display: flex;
+  flex-direction: column-reverse;
+  scrollbar-color: rgba(74, 74, 74, 0.3) transparent;
+  scrollbar-width: thin;
+  margin-top: 0.5em;
+  margin-left: 0.5em;
+  margin-right: 8px;
+
+  &::-webkit-scrollbar {
+    width: 6px
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 7px;
+    background-color: rgba(74, 74, 74, 0.3);
+  }
+
+  align-self: stretch;
+`;
+const scrollContentCss = css `
+  position: relative;
+  padding-left: 2.5em;
+  padding-right: 1em;
+  padding-bottom: 0.5em;
+  font-size: 0.7em;
+  display: flex;
+  flex-direction: column-reverse;
+`;
 //# sourceMappingURL=CommonChat.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommonChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/CommonChat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,gCA0BC;;AA3CD,sCAAsC;AACtC,wCAAoC;AACpC,+BAAoF;AACpF,oFAAoD;AACpD,6CAA2C;AAa3C,SAAgB,UAAU,CAAC,KAAsB;IACvC,IAAA,OAAO,GAAyE,KAAK,QAA9E,EAAE,eAAe,GAAwD,KAAK,gBAA7D,EAAE,QAAQ,GAA8C,KAAK,SAAnD,EAAE,YAAY,GAAgC,KAAK,aAArC,EAAE,KAAK,GAAyB,KAAK,MAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAAvF,gFAA+E,CAAF,CAAU;IAC7F,IAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC9C,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,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,YAAY,GAAG,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;YACpF,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,6DACE,yCAAK,GAAG,EAAE,SAAS,EAAE,EAAE,EAAC,KAAK,EAAC,GAAG,EAAE,SAAS,IAAM,IAAI,cACpD,uBAAC,iCAAc,IAAC,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,QAAC,eAAe,EAAE,cAAM,OAAA,SAAS,CAAC,OAAO,EAAjB,CAAiB,EAC3F,OAAO,EAAE,CAAC,OAAO,IAAI,eAAe,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAC3D,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,cAAM,OAAA,SAAS,EAAT,CAAS,CAAC,YAChE,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;wBAC3B,OAAA,uBAAC,yBAAW,IAAkB,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,KAAK,CAAC,IAAI,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,IAAtG,OAAO,CAAC,EAAE,CAA+F;oBAA3H,CAA2H,CAC5H,GACc,IACb,EACL,KAAK,IACL,CACJ,CAAA;AACH,CAAC;AAGD,IAAM,SAAS,OAAG,WAAG,gfAAA,4aAqBpB,IAAA,CAAA;AAED,IAAM,gBAAgB,OAAG,WAAG,6LAAA,yHAM3B,IAAA,CAAA"}
+{"version":3,"file":"CommonChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/CommonChat.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAA6C,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpF,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAa3C,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC7F,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QAC9B,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC,OAAO,CAAA;QACxD,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,YAAY,GAAG,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;YACpF,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,8BACE,cAAK,GAAG,EAAE,SAAS,EAAE,EAAE,EAAC,MAAM,EAAC,GAAG,EAAE,SAAS,KAAM,IAAI,YACrD,KAAC,cAAc,IAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,gBAAgB,EACrB,OAAO,QACP,OAAO,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,eAAe,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAC7D,MAAM,EAAE,8BAAU,EAClB,gBAAgB,EAAC,MAAM,YACpC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAC/B,KAAC,WAAW,IAAkB,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,IAAxH,OAAO,CAAC,EAAE,CAAiH,CAC9I,GACc,GACb,EACL,KAAK,IACL,CACJ,CAAA;AACH,CAAC;AAGD,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBpB,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;CAQ3B,CAAA"}

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

@@ -1,65 +1,14 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-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.LocalChat = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("react");
-var ChatTextInput_1 = require("./ChatTextInput");
-var CommonChat_1 = require("./CommonChat");
-var LocalChat = function (props) {
-    var open = props.open, rest = __rest(props, ["open"]);
-    var shouldScroll = (0, react_1.useRef)(false);
-    var _a = __read((0, react_1.useState)([]), 2), messages = _a[0], setMessages = _a[1];
-    (0, react_1.useEffect)(function () {
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { LocalChatTextInput } from './ChatTextInput';
+import { CommonChat } from './CommonChat';
+export const LocalChat = (props) => {
+    const { open, ...rest } = props;
+    const shouldScroll = useRef(false);
+    const [messages, setMessages] = useState([]);
+    useEffect(() => {
         shouldScroll.current = true;
     }, [messages]);
-    return (0, jsx_runtime_1.jsx)(CommonChat_1.CommonChat, __assign({ messages: messages, shouldScroll: shouldScroll, Input: (0, jsx_runtime_1.jsx)(ChatTextInput_1.LocalChatTextInput, __assign({ open: open, messages: messages.length, onMessageSent: function (m) { return setMessages(function (messages) { return __spreadArray(__spreadArray([], __read(messages), false), [m], false); }); } }, rest)) }, rest));
+    return _jsx(CommonChat, { messages: messages, shouldScroll: shouldScroll, fetchMore: () => undefined, Input: _jsx(LocalChatTextInput, { open: open, messages: messages.length, onMessageSent: (m) => setMessages((messages) => [...messages, m]), ...rest }), ...rest });
 };
-exports.LocalChat = LocalChat;
 //# sourceMappingURL=LocalChat.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LocalChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/LocalChat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+BAAuE;AACvE,iDAAoD;AACpD,2CAAyC;AAMlC,IAAM,SAAS,GAAwB,UAAC,KAAK;IAC1C,IAAA,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAAzB,QAAiB,CAAF,CAAU;IAC/B,IAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAC5B,IAAA,KAAA,OAA0B,IAAA,gBAAQ,EAAY,EAAE,CAAC,IAAA,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAA;IAEvD,IAAA,iBAAS,EAAC;QACR,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;IAC7B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,uBAAC,uBAAU,aAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,uBAAC,kCAAkB,aAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,UAAC,CAAU,IAAK,OAAA,WAAW,CAAC,UAAC,QAAQ,IAAK,8CAAI,QAAQ,YAAE,CAAC,WAAf,CAAgB,CAAC,EAA3C,CAA2C,IAAO,IAAI,EAAI,IACtJ,IAAI,EAEE,CAAA;AACf,CAAC,CAAA;AAhBY,QAAA,SAAS,aAgBrB"}
+{"version":3,"file":"LocalChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/LocalChat.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAMzC,MAAM,CAAC,MAAM,SAAS,GAAwB,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC/B,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAClC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;IAC7B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,KAAC,UAAU,IAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,CAAU,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAM,IAAI,GAAG,KACrJ,IAAI,GAEG,CAAA;AACf,CAAC,CAAA"}

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

@@ -1,46 +1,18 @@
-"use strict";
-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.RemoteChat = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_client_1 = require("@gamepark/react-client");
-var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
-var ChatTextInput_1 = require("./ChatTextInput");
-var CommonChat_1 = require("./CommonChat");
-var SignInToChat_1 = require("./SignInToChat");
-var RemoteChat = function (props) {
-    var _a;
-    var gameId = props.gameId, open = props.open, rest = __rest(props, ["gameId", "open"]);
-    var me = (0, react_client_1.useMe)();
-    var playerId = (0, hooks_1.usePlayerId)();
-    var shouldScroll = (0, react_1.useRef)(false);
-    var _b = (0, react_client_1.useChatMessages)(gameId, function () {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChatMessages, useMe } from '@gamepark/react-client';
+import { useRef } from 'react';
+import { usePlayerId } from '../../../hooks';
+import { RemoteChatTextInput } from './ChatTextInput';
+import { CommonChat } from './CommonChat';
+import { SignInToChat } from './SignInToChat';
+export const RemoteChat = (props) => {
+    const { gameId, open, ...rest } = props;
+    const me = useMe();
+    const playerId = usePlayerId();
+    const shouldScroll = useRef(false);
+    const { messages, hasMoreMessages, loading, fetchMore } = useChatMessages(gameId, () => {
         shouldScroll.current = true;
-    }), messages = _b.messages, hasMoreMessages = _b.hasMoreMessages, loading = _b.loading, fetchMore = _b.fetchMore;
-    var doFetchMore = function () { return fetchMore({ variables: { channel: "game=".concat(gameId), maxDate: messages[0].date } }); };
-    return (0, jsx_runtime_1.jsx)(CommonChat_1.CommonChat, __assign({ loading: loading, hasMoreMessages: hasMoreMessages, messages: messages, shouldScroll: shouldScroll, fetchMore: doFetchMore, Input: playerId || ((_a = me === null || me === void 0 ? void 0 : me.user) === null || _a === void 0 ? void 0 : _a.id) ? (0, jsx_runtime_1.jsx)(ChatTextInput_1.RemoteChatTextInput, { channel: "game=".concat(gameId), open: open }) : (0, jsx_runtime_1.jsx)(SignInToChat_1.SignInToChat, {}) }, rest));
+    });
+    return _jsx(CommonChat, { loading: loading, hasMoreMessages: hasMoreMessages, messages: messages, shouldScroll: shouldScroll, fetchMore: fetchMore, Input: playerId || me?.user?.id ? _jsx(RemoteChatTextInput, { channel: `game=${gameId}`, open: open }) : _jsx(SignInToChat, {}), ...rest });
 };
-exports.RemoteChat = RemoteChat;
 //# sourceMappingURL=RemoteChat.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RemoteChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/RemoteChat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAA+D;AAC/D,+BAAkD;AAClD,wCAA4C;AAC5C,iDAAqD;AACrD,2CAAyC;AACzC,+CAA6C;AAOtC,IAAM,UAAU,GAAwB,UAAC,KAAK;;IAC3C,IAAA,MAAM,GAAoB,KAAK,OAAzB,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAAjC,kBAAyB,CAAF,CAAU;IACvC,IAAM,EAAE,GAAG,IAAA,oBAAK,GAAE,CAAA;IAClB,IAAM,QAAQ,GAAG,IAAA,mBAAW,GAAE,CAAA;IAC9B,IAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAC5B,IAAA,KAAoD,IAAA,8BAAe,EAAC,MAAM,EAAE;QAChF,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;IAC7B,CAAC,CAAC,EAFM,QAAQ,cAAA,EAAE,eAAe,qBAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAEnD,CAAA;IAEF,IAAM,WAAW,GAAG,cAAM,OAAA,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,eAAQ,MAAM,CAAE,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,EAAlF,CAAkF,CAAA;IAE5G,OAAO,uBAAC,uBAAU,aAChB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,QAAQ,KAAI,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,EAAE,CAAA,CAAC,CAAC,CAAC,uBAAC,mCAAmB,IAAC,OAAO,EAAE,eAAQ,MAAM,CAAE,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,uBAAC,2BAAY,KAAE,IAC5G,IAAI,EACT,CAAA;AACJ,CAAC,CAAA;AApBY,QAAA,UAAU,cAoBtB"}
+{"version":3,"file":"RemoteChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/RemoteChat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAsB,MAAM,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAO7C,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACvC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAClC,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE;QACrF,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;IAC7B,CAAC,CAAC,CAAA;IAEF,OAAO,KAAC,UAAU,IAChB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,KAAC,mBAAmB,IAAC,OAAO,EAAE,QAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,KAAC,YAAY,KAAE,KAC7G,IAAI,GACR,CAAA;AACJ,CAAC,CAAA"}

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

@@ -1,25 +1,39 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SignInToChat = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-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", { css: style, children: [(0, jsx_runtime_1.jsx)("p", { css: textCss, children: t('sign-in-to-chat') }), (0, jsx_runtime_1.jsx)("button", { 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') })] }));
+import { css } from '@emotion/react';
+import { PLATFORM_URI } from '@gamepark/react-client';
+import { useTranslation } from 'react-i18next';
+import { buttonResetCss } from '../../../css';
+export const SignInToChat = () => {
+    const { t } = useTranslation();
+    const query = new URLSearchParams(window.location.search);
+    const locale = query.get('locale') || 'en';
+    return (_jsxs("div", { css: style, children: [_jsx("p", { css: textCss, children: t('sign-in-to-chat') }), _jsx("button", { css: [buttonResetCss, signInButtonCss], onClick: () => window.location.href = `${PLATFORM_URI}/${locale}/auth/sign-in?callbackUrl=${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;
+const style = css `
+  width: 100%;
+  padding: 8px 16px;
+  text-align: center;
+`;
+const textCss = css `
+  line-height: 1.5;
+  margin: 0;
+  font-weight: bold;
+`;
+const signInButtonCss = css `
+  padding: 0.2em 0.5em;
+  border-radius: 2em;
+  border: 0.05em solid #002448;
+  color: #002448;
+  background: transparent;
+  font-size: 1.25em;
+
+  &:focus, &:hover {
+    background: #c2ebf1;
+  }
+
+  &:active {
+    background: #ade4ec;
+  }
+`;
 //# sourceMappingURL=SignInToChat.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignInToChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/SignInToChat.tsx"],"names":[],"mappings":";;;;;;;;AAAA,sCAAsC;AACtC,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,iCAAK,GAAG,EAAE,KAAK,aACb,8BAAG,GAAG,EAAE,OAAO,YAAG,CAAC,CAAC,iBAAiB,CAAC,GAAK,EAC3C,mCAAQ,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,YAC3I,CAAC,CAAC,SAAS,CAAC,GACN,IACL,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"}
+{"version":3,"file":"SignInToChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/SignInToChat.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAA;IAC1C,OAAO,CACL,eAAK,GAAG,EAAE,KAAK,aACb,YAAG,GAAG,EAAE,OAAO,YAAG,CAAC,CAAC,iBAAiB,CAAC,GAAK,EAC3C,iBAAQ,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,CAAC,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,YAAY,IAAI,MAAM,6BAA6B,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAC3I,CAAC,CAAC,SAAS,CAAC,GACN,IACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;;;;CAIhB,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;;CAIlB,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;CAe1B,CAAA"}

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

@@ -1,22 +1,6 @@
-"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);
+export * from './Chat';
+export * from './ChatMessage';
+export * from './ChatMessageAuthor';
+export * from './ChatTextInput';
+export * from './SignInToChat';
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA"}

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

@@ -1,25 +1,19 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GameOverHistory = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_i18next_1 = require("react-i18next");
-var hooks_1 = require("../../../hooks");
-var HistoryEntry_1 = require("./HistoryEntry");
-var GameOverHistory = function () {
-    var _a;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var gameOver = (_a = (0, hooks_1.useRules)()) === null || _a === void 0 ? void 0 : _a.isOver();
+import { css } from '@emotion/react';
+import { useTranslation } from 'react-i18next';
+import { useRules } from '../../../hooks';
+import { HistoryEntry } from './HistoryEntry';
+export const GameOverHistory = () => {
+    const { t } = useTranslation();
+    const gameOver = useRules()?.isOver();
     if (!gameOver)
         return null;
-    return ((0, jsx_runtime_1.jsx)(HistoryEntry_1.HistoryEntry, { children: (0, jsx_runtime_1.jsx)("div", { css: gameOverStyle, children: t('history.game.over') }) }));
+    return (_jsx(HistoryEntry, { children: _jsx("div", { css: gameOverStyle, children: t('history.game.over') }) }));
 };
-exports.GameOverHistory = GameOverHistory;
-var gameOverStyle = (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;
+const gameOverStyle = css `
+  color: grey;
+  text-align: center;
+  font-style: italic
+`;
 //# sourceMappingURL=GameOverHistory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GameOverHistory.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/GameOverHistory.tsx"],"names":[],"mappings":";;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,+CAA8C;AAC9C,wCAAyC;AACzC,+CAA6C;AAEtC,IAAM,eAAe,GAAG;;IACrB,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,IAAM,QAAQ,GAAG,MAAA,IAAA,gBAAQ,GAAE,0CAAE,MAAM,EAAE,CAAA;IACrC,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAA;IAC1B,OAAO,CACL,uBAAC,2BAAY,cACX,gCAAK,GAAG,EAAE,aAAa,YAAG,CAAC,CAAC,mBAAmB,CAAC,GAAO,GAC1C,CAChB,CAAA;AACH,CAAC,CAAA;AATY,QAAA,eAAe,mBAS3B;AAED,IAAM,aAAa,OAAG,WAAG,qIAAA,iEAIxB,IAAA,CAAA"}
+{"version":3,"file":"GameOverHistory.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/GameOverHistory.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAA;IACrC,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAA;IAC1B,OAAO,CACL,KAAC,YAAY,cACX,cAAK,GAAG,EAAE,aAAa,YAAG,CAAC,CAAC,mBAAmB,CAAC,GAAO,GAC1C,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;;;;CAIxB,CAAA"}

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

@@ -3,5 +3,5 @@ type HistoryProps = {
     open: boolean;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const History: FC<HistoryProps>;
-export declare const historyButtonCss: import("@emotion/utils").SerializedStyles[];
+export declare const historyButtonCss: import("@emotion/react").SerializedStyles[];
 export {};

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

@@ -1,63 +1,68 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __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.historyButtonCss = exports.History = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var css_1 = require("../../../css");
-var useFlatHistory_1 = require("../../../hooks/useFlatHistory");
-var Log_1 = require("../../Log");
-var GameOverHistory_1 = require("./GameOverHistory");
-var StartGameHistory_1 = require("./StartGameHistory");
-var History = function (props) {
-    var history = (0, useFlatHistory_1.useFlatHistory)().history;
-    var open = props.open, rest = __rest(props, ["open"]);
-    var scrollRef = (0, react_2.useRef)(null);
-    (0, react_2.useEffect)(function () {
+import { css, ThemeProvider } from '@emotion/react';
+import { useEffect, useRef } from 'react';
+import { linkButtonCss } from '../../../css';
+import { useFlatHistory } from '../../../hooks/useFlatHistory';
+import { LogItem } from '../../Log';
+import { GameOverHistory } from './GameOverHistory';
+import { StartGameHistory } from './StartGameHistory';
+export const History = (props) => {
+    const { history } = useFlatHistory();
+    const { open, ...rest } = props;
+    const scrollRef = useRef(null);
+    useEffect(() => {
         if (!scrollRef.current)
             return;
-        var _a = scrollRef.current, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
+        const { scrollHeight, clientHeight } = scrollRef.current;
         scrollRef.current.scrollTo({ top: scrollHeight - clientHeight });
     }, [open]);
-    return ((0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { theme: function (theme) { return (__assign(__assign({}, theme), { buttons: exports.historyButtonCss })); }, children: (0, jsx_runtime_1.jsx)("div", __assign({ css: scrollCss, ref: scrollRef }, rest, { children: (0, jsx_runtime_1.jsxs)("div", { css: scrollContentCss, children: [(0, jsx_runtime_1.jsx)(StartGameHistory_1.StartGameHistory, {}), history.map(function (h) {
+    return (_jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: historyButtonCss }), children: _jsx("div", { css: scrollCss, ref: scrollRef, ...rest, children: _jsxs("div", { css: scrollContentCss, children: [_jsx(StartGameHistory, {}), history.map((h) => {
                         if (!h.action.id)
                             return null; // wait for server action.id
-                        var key = h.consequenceIndex !== undefined ? "".concat(h.action.id, "_").concat(h.consequenceIndex) : h.action.id;
-                        return (0, jsx_runtime_1.jsx)(Log_1.LogItem, { history: h, css: itemCss, customEntryCss: customEntryCss }, key);
-                    }), (0, jsx_runtime_1.jsx)(GameOverHistory_1.GameOverHistory, {})] }) })) }));
+                        const key = h.consequenceIndex !== undefined ? `${h.action.id}_${h.consequenceIndex}` : h.action.id;
+                        return _jsx(LogItem, { history: h, css: itemCss, customEntryCss: customEntryCss }, key);
+                    }), _jsx(GameOverHistory, {})] }) }) }));
 };
-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"])));
-exports.historyButtonCss = [css_1.linkButtonCss, (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: inherit;\n  background-color: transparent;\n  font-style: italic;\n"], ["\n  color: inherit;\n  background-color: transparent;\n  font-style: italic;\n"])))];
-var itemCss = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-left: 0.7em;\n  font-size: 0.5em;\n  user-select: text;\n  white-space: pre-wrap;\n"], ["\n  margin-left: 0.7em;\n  font-size: 0.5em;\n  user-select: text;\n  white-space: pre-wrap;\n"])));
-var customEntryCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: rgba(0, 0, 0, 0.8);\n  color: white;\n"], ["\n  background-color: rgba(0, 0, 0, 0.8);\n  color: white;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+const scrollCss = css `
+  overflow-x: hidden;
+  overflow-y: scroll;
+  scrollbar-color: rgba(74, 74, 74, 0.3) transparent;
+  scrollbar-width: thin;
+  margin-top: 0.5em;
+  margin-right: 8px;
+
+  &::-webkit-scrollbar {
+    width: 6px
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 7px;
+    background-color: rgba(74, 74, 74, 0.3);
+  }
+
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+`;
+const scrollContentCss = css `
+  position: relative;
+  padding-bottom: 0.5em;
+  font-size: 0.5em;
+`;
+export const historyButtonCss = [linkButtonCss, css `
+  color: inherit;
+  background-color: transparent;
+  font-style: italic;
+`];
+const itemCss = css `
+  margin-left: 0.7em;
+  font-size: 0.5em;
+  user-select: text;
+  white-space: pre-wrap;
+`;
+const customEntryCss = css `
+  background-color: rgba(0, 0, 0, 0.8);
+  color: white;
+`;
 //# sourceMappingURL=History.js.map