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

package/dist/components/ImagesLoader/index.js

@@ -1,18 +1,2 @@
-"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("./ImagesLoader"), exports);
+export * from './ImagesLoader';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ImagesLoader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ImagesLoader/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

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

@@ -1,8 +1,8 @@
-/** @jsxImportSource @emotion/react */
-import { FC, HTMLAttributes } from 'react';
-type ChatProps = {
-    open: boolean;
-    gameId?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Chat: FC<ChatProps>;
-export {};
+/** @jsxImportSource @emotion/react */
+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

@@ -1,37 +1,11 @@
-"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;
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { LocalChat } from './LocalChat';
+import { RemoteChat } from './RemoteChat';
+export const Chat = (props) => {
+    const { gameId, open, ...rest } = props;
+    if (!gameId) {
+        return _jsx(LocalChat, { open: open, ...rest });
+    }
+    return _jsx(RemoteChat, { gameId: gameId, open: open, ...rest });
+};
 //# sourceMappingURL=Chat.js.map

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

@@ -1 +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"}
+{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/Chat.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAOzC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACvC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,KAAO,IAAI,GAAI,CAAA;IAC7C,CAAC;IAED,OAAO,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAO,IAAI,GAAI,CAAA;AAC9D,CAAC,CAAA"}

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

@@ -1,7 +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 {};
+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

@@ -1,30 +1,14 @@
-"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");
-/** @jsxImportSource @emotion/react */
-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;
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { ChatMessageAuthor } from './ChatMessageAuthor';
+export const ChatMessage = ({ message, showAuthor }) => (_jsxs("div", { css: chatMessageCss, children: [showAuthor && _jsx(ChatMessageAuthor, { author: message.userId }), _jsx("p", { css: textCss, children: message.text })] }));
+const chatMessageCss = css `
+`;
+const textCss = css `
+  line-height: 1.5;
+  margin: 0;
+  word-break: break-word;
+  font-size: 0.7em;
+`;
 //# sourceMappingURL=ChatMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/ChatMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,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"}
+{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/ChatMessage.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAOvD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAS,EAAE,EAAE,CAAC,CAC7D,eAAK,GAAG,EAAE,cAAc,aACrB,UAAU,IAAI,KAAC,iBAAiB,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAG,EAC3D,YAAG,GAAG,EAAE,OAAO,YAAG,OAAO,CAAC,IAAI,GAAK,IAC/B,CACP,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,CAAA;CACzB,CAAA;AAED,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;CAKlB,CAAA"}

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

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

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

@@ -1,38 +1,22 @@
-"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");
-/** @jsxImportSource @emotion/react */
-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;
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import Avatar from '@gamepark/avataaars';
+import { useMessageAuthor } from '@gamepark/react-client';
+import { useTranslation } from 'react-i18next';
+export const ChatMessageAuthor = ({ author }) => {
+    const { t } = useTranslation();
+    const { avatar, name } = useMessageAuthor(author);
+    return _jsxs(_Fragment, { children: [_jsx(Avatar, { style: { width: '2.25em', height: '2.25em', position: 'absolute', left: '0' }, circle: true, ...avatar }), name && _jsx("p", { css: [authorCss], children: name }), !name && _jsx("p", { css: [authorCss, anonymous], children: t('Anonymous') })] });
+};
+const authorCss = css `
+  font-weight: bold;
+  line-height: 1.5;
+  margin: 4px 0 0;
+  font-size: 0.7em
+`;
+const anonymous = css `
+  font-style: italic;
+  color: gray;
+`;
 //# sourceMappingURL=ChatMessageAuthor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageAuthor.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/ChatMessageAuthor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,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"}
+{"version":3,"file":"ChatMessageAuthor.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/Chat/ChatMessageAuthor.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAsB,EAAE,EAAE;IAClE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAEjD,OAAO,8BACL,KAAC,MAAM,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,WAAK,MAAM,GAAG,EAC1G,IAAI,IAAI,YAAG,GAAG,EAAE,CAAC,SAAS,CAAC,YAAG,IAAI,GAAK,EACvC,CAAC,IAAI,IAAI,YAAG,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,YAAG,CAAC,CAAC,WAAW,CAAC,GAAK,IAC7D,CAAA;AACL,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;CAKpB,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;CAGpB,CAAA"}

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

@@ -1,19 +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 {};
+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

@@ -1,88 +1,75 @@
-"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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatInput = exports.RemoteChatTextInput = exports.LocalChatTextInput = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-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 _a = __read((0, react_client_1.useSendMessage)(), 1), sendMessage = _a[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 = __read((0, react_2.useState)(''), 2), 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;
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { faPaperPlane } from '@fortawesome/free-regular-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useSendMessage } from '@gamepark/react-client';
+import { useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { buttonResetCss } from '../../../css';
+export const LocalChatTextInput = (props) => {
+    const { onMessageSent, messages, open } = props;
+    const onSubmit = (t) => {
+        if (!t)
+            return;
+        onMessageSent({ id: `${messages}`, text: t, date: new Date().toISOString(), userId: 'dev' });
+    };
+    return _jsx(ChatInput, { open: open, onSubmit: onSubmit });
+};
+export const RemoteChatTextInput = (props) => {
+    const { channel, open } = props;
+    const [sendMessage] = useSendMessage();
+    const onSubmit = (text) => {
+        sendMessage({ variables: { channel, text } }).catch(console.error);
+    };
+    return _jsx(ChatInput, { open: open, onSubmit: onSubmit });
+};
+export const ChatInput = (props) => {
+    const { open, onSubmit } = props;
+    const [text, setText] = useState('');
+    const { t } = useTranslation();
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (open && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [open]);
+    const doSubmit = (event) => {
+        event.preventDefault();
+        onSubmit(text);
+        setText('');
+    };
+    return (_jsxs("form", { css: [messageBar, !open && hidden], onSubmit: doSubmit, children: [_jsx("input", { ref: inputRef, type: "text", placeholder: t('Type a message'), css: textInputCss, value: text, onChange: event => setText(event.target.value) }), _jsx("button", { disabled: !text, "aria-label": t('Send'), title: t('Send'), css: [buttonResetCss, sendButtonStyle, !text && disableSubmit], children: _jsx(FontAwesomeIcon, { css: !text && transparent, icon: faPaperPlane }) })] }));
+};
+const disableSubmit = css `
+  cursor: not-allowed;
+`;
+const transparent = css `
+  opacity: 0.4;
+`;
+const hidden = css `
+  display: none;
+`;
+const messageBar = css `
+  width: 100%;
+  padding: 0.5em;
+  background: #28B8CE;
+  display: flex;
+  font-size: 0.5em;
+`;
+const textInputCss = css `
+  flex-grow: 1;
+  border: none;
+  border-radius: 1em;
+  padding: 0.5em 0.8em;
+
+  &:focus-visible {
+    outline: none;
+  }
+`;
+const sendButtonStyle = css `
+  background: none;
+  color: white;
+  font-size: 1.5em;
+`;
 //# sourceMappingURL=ChatTextInput.js.map

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

@@ -1,12 +1,13 @@
-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 {};
+import { MutableRefObject, ReactElement, ReactNode } from 'react';
+type CommonChatProps = {
+    children?: ReactNode;
+    gameId?: string;
+    loading?: boolean;
+    hasMoreMessages?: boolean;
+    messages: any[];
+    fetchMore: () => void;
+    Input: ReactElement;
+    shouldScroll: MutableRefObject<boolean>;
+};
+export declare function CommonChat(props: CommonChatProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};