@gamepark/react-game 6.15.5 → 6.17.0

package/dist/components/Avatar/Avatar.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from 'react';
+import { FC, HTMLAttributes } from 'react';
 import { SpeechBubbleProps } from './SpeechBubble';
-type Props = {
+type AvatarProps = {
     playerId: any;
     speechBubbleProps?: SpeechBubbleProps;
 } & HTMLAttributes<HTMLDivElement>;
-export declare const Avatar: ({ playerId, speechBubbleProps, children, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Avatar: FC<AvatarProps>;
 export {};

package/dist/components/Avatar/Avatar.js

@@ -37,20 +37,25 @@ var react_client_1 = require("@gamepark/react-client");
 var hooks_1 = require("../../hooks");
 var ChatSpeechBubble_1 = require("./ChatSpeechBubble");
 var SpeechBubble_1 = require("./SpeechBubble");
-var Avatar = function (_a) {
-    var _b, _c;
-    var playerId = _a.playerId, speechBubbleProps = _a.speechBubbleProps, children = _a.children, props = __rest(_a, ["playerId", "speechBubbleProps", "children"]);
+var Avatar = function (props) {
+    var _a, _b;
+    var playerId = props.playerId, speechBubbleProps = props.speechBubbleProps, children = props.children, rest = __rest(props, ["playerId", "speechBubbleProps", "children"]);
     var player = (0, hooks_1.usePlayer)(playerId);
     var me = (0, react_client_1.useMe)();
     var myPlayerId = (0, hooks_1.usePlayerId)();
-    var avatar = myPlayerId === playerId ? (_c = (_b = me === null || me === void 0 ? void 0 : me.user) === null || _b === void 0 ? void 0 : _b.avatar) !== null && _c !== void 0 ? _c : player === null || player === void 0 ? void 0 : player.avatar : player === null || player === void 0 ? void 0 : player.avatar;
+    var avatar = myPlayerId === playerId ? (_b = (_a = me === null || me === void 0 ? void 0 : me.user) === null || _a === void 0 ? void 0 : _a.avatar) !== null && _b !== void 0 ? _b : player === null || player === void 0 ? void 0 : player.avatar : player === null || player === void 0 ? void 0 : player.avatar;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: style }, rest, { children: [(0, jsx_runtime_1.jsx)(avataaars_1.default, __assign({ circle: true }, avatar, { css: [avatarCss, (player === null || player === void 0 ? void 0 : player.quit) && greyscale] })), !!speechBubbleProps && (0, jsx_runtime_1.jsx)(AvatarSpeechBubble, __assign({ playerId: playerId }, speechBubbleProps)), children] })));
+};
+exports.Avatar = Avatar;
+var AvatarSpeechBubble = function (props) {
+    var playerId = props.playerId, speechBubbleProps = __rest(props, ["playerId"]);
+    var player = (0, hooks_1.usePlayer)(playerId);
     var query = new URLSearchParams(window.location.search);
     var gameId = query.get('game');
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: style }, props, { children: [(0, jsx_runtime_1.jsx)(avataaars_1.default, __assign({ circle: true }, avatar, { css: [avatarCss, (player === null || player === void 0 ? void 0 : player.quit) && greyscale] })), (speechBubbleProps === null || speechBubbleProps === void 0 ? void 0 : speechBubbleProps.children) ?
-                (0, jsx_runtime_1.jsx)(SpeechBubble_1.SpeechBubble, __assign({}, speechBubbleProps, { children: speechBubbleProps.children })) :
-                gameId && player && (0, jsx_runtime_1.jsx)(ChatSpeechBubble_1.ChatSpeechBubble, __assign({ gameId: gameId, player: player }, speechBubbleProps)), children] })));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (speechBubbleProps === null || speechBubbleProps === void 0 ? void 0 : speechBubbleProps.children) ?
+            (0, jsx_runtime_1.jsx)(SpeechBubble_1.SpeechBubble, __assign({}, speechBubbleProps, { children: speechBubbleProps.children })) :
+            gameId && player && (0, jsx_runtime_1.jsx)(ChatSpeechBubble_1.ChatSpeechBubble, __assign({ gameId: gameId, player: player }, speechBubbleProps)) }));
 };
-exports.Avatar = Avatar;
 var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 50%;\n  box-shadow: 0 0 0.4em black;\n"], ["\n  border-radius: 50%;\n  box-shadow: 0 0 0.4em black;\n"])));
 var avatarCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  left: -6%;\n  width: 112%;\n  height: 117%;\n"], ["\n  position: absolute;\n  bottom: 0;\n  left: -6%;\n  width: 112%;\n  height: 117%;\n"])));
 var greyscale = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  filter: grayscale();\n"], ["\n  filter: grayscale();\n"])));

package/dist/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,kEAA0C;AAC1C,uDAA8C;AAE9C,qCAAoD;AACpD,uDAAqD;AACrD,+CAAgE;AAOzD,IAAM,MAAM,GAAG,UAAC,EAA0D;;IAAxD,IAAA,QAAQ,cAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAjD,6CAAmD,CAAF;IACtE,IAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAA;IAClC,IAAM,EAAE,GAAG,IAAA,oBAAK,GAAE,CAAA;IAClB,IAAM,UAAU,GAAG,IAAA,mBAAW,GAAE,CAAA;IAChC,IAAM,MAAM,GAAG,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,MAAM,mCAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA;IAC5F,IAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,IAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAChC,OAAO,CACL,0CAAK,GAAG,EAAE,KAAK,IAAM,KAAK,eACxB,uBAAC,mBAAQ,aAAC,MAAM,UAAK,MAAM,IAAE,GAAG,EAAE,CAAC,SAAS,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,SAAS,CAAC,IAAG,EAC1E,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,EAAC,CAAC;gBAC5B,uBAAC,2BAAY,eAAK,iBAAiB,cAAG,iBAAiB,CAAC,QAAQ,IAAgB,CAAC,CAAC;gBAClF,MAAM,IAAI,MAAM,IAAI,uBAAC,mCAAgB,aAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAM,iBAAiB,EAAG,EAE/F,QAAQ,KACL,CACP,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,MAAM,UAiBlB;AAED,IAAM,KAAK,OAAG,WAAG,+HAAA,2DAGhB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,4JAAA,wFAMpB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,gGAAA,4BAEpB,IAAA,CAAA"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,kEAA0C;AAC1C,uDAA8C;AAE9C,qCAAoD;AACpD,uDAAqD;AACrD,+CAAgE;AAOzD,IAAM,MAAM,GAAoB,UAAC,KAAK;;IACnC,IAAA,QAAQ,GAA2C,KAAK,SAAhD,EAAE,iBAAiB,GAAwB,KAAK,kBAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAA1D,6CAAkD,CAAF,CAAU;IAChE,IAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAA;IAClC,IAAM,EAAE,GAAG,IAAA,oBAAK,GAAE,CAAA;IAClB,IAAM,UAAU,GAAG,IAAA,mBAAW,GAAE,CAAA;IAChC,IAAM,MAAM,GAAG,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,MAAM,mCAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA;IAC5F,OAAO,CACL,0CAAK,GAAG,EAAE,KAAK,IAAM,IAAI,eACvB,uBAAC,mBAAQ,aAAC,MAAM,UAAK,MAAM,IAAE,GAAG,EAAE,CAAC,SAAS,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,SAAS,CAAC,IAAG,EACzE,CAAC,CAAC,iBAAiB,IAAI,uBAAC,kBAAkB,aAAC,QAAQ,EAAE,QAAQ,IAAO,iBAAiB,EAAI,EAC1F,QAAQ,KACL,CACP,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,MAAM,UAalB;AAMD,IAAM,kBAAkB,GAAgC,UAAC,KAAK;IACpD,IAAA,QAAQ,GAA2B,KAAK,SAAhC,EAAK,iBAAiB,UAAK,KAAK,EAA1C,YAAkC,CAAF,CAAU;IAChD,IAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAA;IAClC,IAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,IAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAEhC,OAAO,CACL,2DACG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,EAAC,CAAC;YAC5B,uBAAC,2BAAY,eAAK,iBAAiB,cAAG,iBAAiB,CAAC,QAAQ,IAAgB,CAAC,CAAC;YAClF,MAAM,IAAI,MAAM,IAAI,uBAAC,mCAAgB,aAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAM,iBAAiB,EAAG,GAE/F,CACJ,CAAA;AACH,CAAC,CAAA;AAED,IAAM,KAAK,OAAG,WAAG,+HAAA,2DAGhB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,4JAAA,wFAMpB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,gGAAA,4BAEpB,IAAA,CAAA"}

package/dist/components/GameProvider/GameContext.d.ts

@@ -2,6 +2,7 @@ import { Animations, TutorialDescription } from '@gamepark/react-client';
 import { RulesCreator } from '@gamepark/rules-api';
 import React, { ComponentType } from 'react';
 import { ItemLocatorRecord } from '../../locators';
+import { MaterialHistoryProps } from '../JournalTabs/History/MaterialHistory';
 import { MaterialDescriptionRecord } from '../material';
 export type GameContext<Game = any, Move = any, PlayerId extends number = number, MaterialType extends number = number, LocationType extends number = number> = {
     game: string;
@@ -15,6 +16,7 @@ export type GameContext<Game = any, Move = any, PlayerId extends number = number
     optionsSpec?: any;
     animations?: Animations<Game, Move, PlayerId>;
     tutorial?: TutorialDescription<Game, Move, PlayerId>;
+    MaterialHistory?: ComponentType<MaterialHistoryProps<Game, Move, PlayerId>>;
     hasSounds?: boolean;
 };
 export type MaterialGameContext<Game = any, Move = any, PlayerId extends number = number, MaterialType extends number = number, LocationType extends number = number> = GameContext<Game, Move, PlayerId, MaterialType, LocationType> & {

package/dist/components/GameProvider/GameContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"GameContext.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameContext.ts"],"names":[],"mappings":";;;;;;AAEA,gDAA4C;AAuB5C;IACE;QACE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;IACxC,CAAC;IACH,mBAAC;AAAD,CAAC,AAJD,IAIC;AAGD,IAAM,cAAc,GAAgB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA;AAExD,QAAA,WAAW,GAAG,eAAK,CAAC,aAAa,CAAc,cAAc,CAAC,CAAA;AAE3E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA;CACxC"}
+{"version":3,"file":"GameContext.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameContext.ts"],"names":[],"mappings":";;;;;;AAEA,gDAA4C;AAyB5C;IACE;QACE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;IACxC,CAAC;IACH,mBAAC;AAAD,CAAC,AAJD,IAIC;AAGD,IAAM,cAAc,GAAgB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA;AAExD,QAAA,WAAW,GAAG,eAAK,CAAC,aAAa,CAAc,cAAc,CAAC,CAAA;AAE3E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA;CACxC"}

package/dist/components/GameProvider/GameProvider.js

@@ -60,9 +60,11 @@ var gameId = query.get('game');
 var locale = query.get('locale') || 'en';
 var GameProvider = function (_a) {
     var materialI18n = _a.materialI18n, _b = _a.theme, theme = _b === void 0 ? {} : _b, children = _a.children, props = __rest(_a, ["materialI18n", "theme", "children"]);
-    if ((0, tutorial_1.isMaterialTutorial)(props.tutorial)) {
-        (0, TutorialRulesWrapper_1.wrapRulesWithTutorial)(props.tutorial, props.Rules);
-    }
+    (0, react_2.useEffect)(function () {
+        if ((0, tutorial_1.isMaterialTutorial)(props.tutorial)) {
+            (0, TutorialRulesWrapper_1.wrapRulesWithTutorial)(props.tutorial, props.Rules);
+        }
+    }, [props.tutorial, props.Rules]);
     var webP = (0, hooks_1.useWebP)();
     var emotionCache = (0, react_2.useMemo)(function () { return (0, cache_1.default)({
         key: 'css', stylisPlugins: (webP ? [webPReplace, stylis_1.prefixer] : [stylis_1.prefixer])
@@ -122,7 +124,7 @@ if (process.env.NODE_ENV === 'production') {
         return browser_logs_1.datadogLogs.logger.warn(buildMessage_1(message, optionalParams), { origin: 'console' });
     };
 }
-var globalCss = function (theme) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  html {\n    box-sizing: border-box;\n  }\n\n  *, *::before, *::after {\n    box-sizing: inherit;\n  }\n\n  body {\n    margin: 0;\n    font-family: \"", "\", sans-serif;\n    font-size: 1dvh;\n    @media (max-aspect-ratio: 16/9) {\n      font-size: calc(9dvw / 16);\n    }\n  }\n\n  #root {\n    position: absolute;\n    height: 100dvh;\n    width: 100dvw;\n    -webkit-touch-callout: none;\n    user-select: none;\n    overflow: hidden;\n    color: #eee;\n    ", ";\n  }\n  \n  /* Chrome, Edge, and Safari */\n  *::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  *::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  *::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n  }\n"], ["\n  html {\n    box-sizing: border-box;\n  }\n\n  *, *::before, *::after {\n    box-sizing: inherit;\n  }\n\n  body {\n    margin: 0;\n    font-family: \"", "\", sans-serif;\n    font-size: 1dvh;\n    @media (max-aspect-ratio: 16/9) {\n      font-size: calc(9dvw / 16);\n    }\n  }\n\n  #root {\n    position: absolute;\n    height: 100dvh;\n    width: 100dvw;\n    -webkit-touch-callout: none;\n    user-select: none;\n    overflow: hidden;\n    color: #eee;\n    ", ";\n  }\n  \n  /* Chrome, Edge, and Safari */\n  *::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  *::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  *::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n  }\n"])), theme.root.fontFamily, backgroundCss(theme.root.background)); };
+var globalCss = function (theme) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  html {\n    box-sizing: border-box;\n  }\n\n  *, *::before, *::after {\n    box-sizing: inherit;\n  }\n\n  body {\n    margin: 0;\n    font-family: \"", "\", sans-serif;\n    font-size: 1dvh;\n    @media (max-aspect-ratio: 16/9) {\n      font-size: calc(9dvw / 16);\n    }\n  }\n\n  #root {\n    position: absolute;\n    height: 100dvh;\n    width: 100dvw;\n    -webkit-touch-callout: none;\n    user-select: none;\n    overflow: hidden;\n    color: #eee;\n    // Disable native zoom\n    touch-action: none;\n    ", ";\n  }\n  \n  /* Chrome, Edge, and Safari */\n  *::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  *::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  *::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n  }\n"], ["\n  html {\n    box-sizing: border-box;\n  }\n\n  *, *::before, *::after {\n    box-sizing: inherit;\n  }\n\n  body {\n    margin: 0;\n    font-family: \"", "\", sans-serif;\n    font-size: 1dvh;\n    @media (max-aspect-ratio: 16/9) {\n      font-size: calc(9dvw / 16);\n    }\n  }\n\n  #root {\n    position: absolute;\n    height: 100dvh;\n    width: 100dvw;\n    -webkit-touch-callout: none;\n    user-select: none;\n    overflow: hidden;\n    color: #eee;\n    // Disable native zoom\n    touch-action: none;\n    ", ";\n  }\n  \n  /* Chrome, Edge, and Safari */\n  *::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  *::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  *::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n  }\n"])), theme.root.fontFamily, backgroundCss(theme.root.background)); };
 var backgroundCss = function (_a) {
     var image = _a.image, overlay = _a.overlay;
     return overlay ? (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n  "], ["\n    background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n  "])), overlay, overlay, image) : (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    background: url(", ") center / cover, black;\n  "], ["\n    background: url(", ") center / cover, black;\n  "])), image);

package/dist/components/GameProvider/GameProvider.js.map

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

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

@@ -0,0 +1,7 @@
+import { FC, HTMLAttributes } from 'react';
+type ChatProps = {
+    open: boolean;
+    gameId?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Chat: FC<ChatProps>;
+export {};

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

@@ -0,0 +1,37 @@
+"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.Chat = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var LocalChat_1 = require("./LocalChat");
+var RemoteChat_1 = require("./RemoteChat");
+var Chat = function (props) {
+    var gameId = props.gameId, open = props.open, rest = __rest(props, ["gameId", "open"]);
+    if (!gameId) {
+        return (0, jsx_runtime_1.jsx)(LocalChat_1.LocalChat, __assign({ open: open }, rest));
+    }
+    return (0, jsx_runtime_1.jsx)(RemoteChat_1.RemoteChat, __assign({ gameId: gameId, open: open }, rest));
+};
+exports.Chat = Chat;
+//# sourceMappingURL=Chat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,yCAAuC;AACvC,2CAAyC;AAOlC,IAAM,IAAI,GAAkB,UAAC,KAAK;IAC/B,IAAA,MAAM,GAAoB,KAAK,OAAzB,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAAjC,kBAAyB,CAAF,CAAU;IACvC,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,uBAAC,qBAAS,aAAC,IAAI,EAAE,IAAI,IAAO,IAAI,EAAI,CAAA;KAC5C;IAED,OAAO,uBAAC,uBAAU,aAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,IAAO,IAAI,EAAI,CAAA;AAC9D,CAAC,CAAA;AAPY,QAAA,IAAI,QAOhB"}

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

@@ -0,0 +1,7 @@
+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/JournalTabs/Chat/ChatMessage.js

@@ -0,0 +1,29 @@
+"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  word-break: break-word;\n  font-size: 0.7em\n"], ["\n  line-height: 1.5;\n  margin: 0;\n  word-break: break-word;\n  font-size: 0.7em\n"])));
+var templateObject_1;
+//# sourceMappingURL=ChatMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/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,0JAAA,sFAKlB,IAAA,CAAA"}

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

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

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

@@ -0,0 +1,37 @@
+"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 react_i18next_1 = require("react-i18next");
+var ChatMessageAuthor = function (_a) {
+    var author = _a.author;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    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: '2.25em', height: '2.25em', position: 'absolute', left: '0' }, circle: true }, avatar)), name && (0, jsx_runtime_1.jsx)("p", __assign({ css: [authorCss] }, { children: name })), !name && (0, jsx_runtime_1.jsx)("p", __assign({ css: [authorCss, anonymous] }, { children: t('Anonymous') }))] });
+};
+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  font-size: 0.7em\n"], ["\n  font-weight: bold;\n  line-height: 1.5;\n  margin: 4px 0 0;\n  font-size: 0.7em\n"])));
+var anonymous = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-style: italic;\n  color: gray;\n"], ["\n  font-style: italic;\n  color: gray;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ChatMessageAuthor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageAuthor.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/ChatMessageAuthor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,kEAAwC;AACxC,uDAAyD;AACzD,+CAA8C;AAEvC,IAAM,iBAAiB,GAAG,UAAC,EAA8B;QAA5B,MAAM,YAAA;IAChC,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,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,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,UAAK,MAAM,EAAG,EAC1G,IAAI,IAAI,uCAAG,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAG,IAAI,IAAK,EACvC,CAAC,IAAI,IAAI,uCAAG,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,gBAAG,CAAC,CAAC,WAAW,CAAC,IAAK,IAC7D,CAAA;AACL,CAAC,CAAA;AATY,QAAA,iBAAiB,qBAS7B;AAED,IAAM,SAAS,OAAG,WAAG,2JAAA,uFAKpB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,+GAAA,2CAGpB,IAAA,CAAA"}

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

@@ -0,0 +1,19 @@
+import { Message } from '@gamepark/react-client';
+import { FC } from 'react';
+type LocalChatTextInputProps = {
+    onMessageSent: (message: Message) => void;
+    messages: number;
+    open: boolean;
+};
+export declare const LocalChatTextInput: FC<LocalChatTextInputProps>;
+type RemoteChatTextInputProps = {
+    channel: string;
+    open: boolean;
+};
+export declare const RemoteChatTextInput: FC<RemoteChatTextInputProps>;
+type ChatInputProps = {
+    onSubmit: (text: string) => void;
+    open: boolean;
+};
+export declare const ChatInput: FC<ChatInputProps>;
+export {};

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

@@ -0,0 +1,71 @@
+"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.ChatInput = exports.RemoteChatTextInput = exports.LocalChatTextInput = 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 LocalChatTextInput = function (props) {
+    var onMessageSent = props.onMessageSent, messages = props.messages, open = props.open;
+    var onSubmit = function (t) {
+        if (!t)
+            return;
+        onMessageSent({ id: "".concat(messages), text: t, date: new Date().toISOString(), userId: 'dev' });
+    };
+    return (0, jsx_runtime_1.jsx)(exports.ChatInput, { open: open, onSubmit: onSubmit });
+};
+exports.LocalChatTextInput = LocalChatTextInput;
+var RemoteChatTextInput = function (props) {
+    var channel = props.channel, open = props.open;
+    var sendMessage = (0, react_client_1.useSendMessage)()[0];
+    var onSubmit = function (text) {
+        sendMessage({ variables: { channel: channel, text: text } }).catch(console.error);
+    };
+    return (0, jsx_runtime_1.jsx)(exports.ChatInput, { open: open, onSubmit: onSubmit });
+};
+exports.RemoteChatTextInput = RemoteChatTextInput;
+var ChatInput = function (props) {
+    var open = props.open, onSubmit = props.onSubmit;
+    var _a = (0, react_2.useState)(''), text = _a[0], setText = _a[1];
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var inputRef = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(function () {
+        if (open && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [open]);
+    var doSubmit = function (event) {
+        event.preventDefault();
+        onSubmit(text);
+        setText('');
+    };
+    return ((0, jsx_runtime_1.jsxs)("form", __assign({ css: [messageBar, !open && hidden], onSubmit: doSubmit }, { 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({ disabled: !text, "aria-label": t('Send'), title: t('Send'), css: [css_1.buttonResetCss, sendButtonStyle, !text && disableSubmit] }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { css: !text && transparent, icon: free_regular_svg_icons_1.faPaperPlane }) }))] })));
+};
+exports.ChatInput = ChatInput;
+var disableSubmit = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: not-allowed;\n"], ["\n  cursor: not-allowed;\n"])));
+var transparent = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  opacity: 0.4;\n"], ["\n  opacity: 0.4;\n"])));
+var hidden = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
+var messageBar = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 100%;\n  padding: 0.5em;\n  background: #28B8CE;\n  display: flex;\n  font-size: 0.5em;\n"], ["\n  width: 100%;\n  padding: 0.5em;\n  background: #28B8CE;\n  display: flex;\n  font-size: 0.5em;\n"])));
+var textInputCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex-grow: 1;\n  border: none;\n  border-radius: 1em;\n  padding: 0.5em 0.8em;\n\n  &:focus-visible {\n    outline: none;\n  }\n"], ["\n  flex-grow: 1;\n  border: none;\n  border-radius: 1em;\n  padding: 0.5em 0.8em;\n\n  &:focus-visible {\n    outline: none;\n  }\n"])));
+var sendButtonStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background: none;\n  color: white;\n  font-size: 1.5em;\n"], ["\n  background: none;\n  color: white;\n  font-size: 1.5em;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=ChatTextInput.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+import { FC, MutableRefObject, ReactElement } from 'react';
+type CommonChatProps = {
+    gameId?: string;
+    loading?: boolean;
+    hasMoreMessages?: boolean;
+    messages: any[];
+    fetchMore?: () => void;
+    Input: ReactElement;
+    shouldScroll: MutableRefObject<boolean>;
+};
+export declare const CommonChat: FC<CommonChatProps>;
+export {};

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

@@ -0,0 +1,58 @@
+"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 = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+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");
+var CommonChat = function (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 () {
+        if (!scrollRef.current)
+            return;
+        var _a = scrollRef.current, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
+        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, __assign({ 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] }));
+};
+exports.CommonChat = CommonChat;
+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;
+//# sourceMappingURL=CommonChat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommonChat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/CommonChat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,+BAA6E;AAC7E,oFAAoD;AACpD,6CAA2C;AAYpC,IAAM,UAAU,GAAwB,UAAC,KAAK;IAC3C,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;YACxB,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;SAC7B;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,6DACE,yCAAK,GAAG,EAAE,SAAS,EAAE,EAAE,EAAC,KAAK,EAAC,GAAG,EAAE,SAAS,IAAO,IAAI,cACrD,uBAAC,iCAAc,aAAC,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,gBAChE,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,IACc,IACb,EACL,KAAK,IACL,CACJ,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,UAAU,cA0BtB;AAGD,IAAM,SAAS,OAAG,WAAG,gfAAA,4aAqBpB,IAAA,CAAA;AAED,IAAM,gBAAgB,OAAG,WAAG,6LAAA,yHAM3B,IAAA,CAAA"}

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

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

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

@@ -0,0 +1,49 @@
+"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 __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 = (0, react_1.useState)([]), messages = _a[0], setMessages = _a[1];
+    (0, react_1.useEffect)(function () {
+        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([], messages, true), [m], false); }); } }, rest)) }, rest));
+};
+exports.LocalChat = LocalChat;
+//# sourceMappingURL=LocalChat.js.map

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

@@ -0,0 +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,KAA0B,IAAA,gBAAQ,EAAY,EAAE,CAAC,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,uCAAI,QAAQ,UAAE,CAAC,WAAf,CAAgB,CAAC,EAA3C,CAA2C,IAAO,IAAI,EAAI,IACtJ,IAAI,EAEE,CAAA;AACf,CAAC,CAAA;AAhBY,QAAA,SAAS,aAgBrB"}

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

@@ -0,0 +1,7 @@
+import { FC, HTMLAttributes } from 'react';
+type RemoteChatProps = {
+    open: boolean;
+    gameId: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const RemoteChat: FC<RemoteChatProps>;
+export {};

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

@@ -0,0 +1,46 @@
+"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 () {
+        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));
+};
+exports.RemoteChat = RemoteChat;
+//# sourceMappingURL=RemoteChat.js.map

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

@@ -0,0 +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"}

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

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