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

package/dist/components/Header/MaterialHeader.js

@@ -1,113 +1,65 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaterialHeader = void 0;
-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 faCircleQuestion_1 = require("@fortawesome/free-regular-svg-icons/faCircleQuestion");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var rules_api_1 = require("@gamepark/rules-api");
-var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
-var react_redux_1 = require("react-redux");
-var css_1 = require("../../css");
-var hooks_1 = require("../../hooks");
-var dialogs_1 = require("../dialogs");
-var GameProvider_1 = require("../GameProvider");
-var Header_1 = require("./Header");
-var displayRulesHelp = rules_api_1.MaterialMoveBuilder.displayRulesHelp;
-var MaterialHeader = function (_a) {
-    var loading = _a.loading, rulesStepsHeaders = _a.rulesStepsHeaders, GameOver = _a.GameOver, GameOverRule = _a.GameOverRule, props = __rest(_a, ["loading", "rulesStepsHeaders", "GameOver", "GameOverRule"]);
-    return ((0, jsx_runtime_1.jsx)(Header_1.Header, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(MaterialHeaderContent, { loading: loading, rulesStepsHeaders: rulesStepsHeaders, GameOver: GameOver, GameOverRule: GameOverRule }) })));
+import { faCircleQuestion } from '@fortawesome/free-regular-svg-icons/faCircleQuestion';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useGameSelector } from '@gamepark/react-client';
+import { MaterialMoveBuilder } from '@gamepark/rules-api';
+import { useContext, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { pointerCursorCss } from '../../css';
+import { useGame, usePlay, usePlayerId, usePlayerName, useResultText } from '../../hooks';
+import { RulesDialog } from '../dialogs';
+import { gameContext } from '../GameProvider';
+import { Header } from './Header';
+var displayRulesHelp = MaterialMoveBuilder.displayRulesHelp;
+export const MaterialHeader = ({ loading, rulesStepsHeaders, GameOver, GameOverRule, ...props }) => {
+    return (_jsx(Header, { ...props, children: _jsx(MaterialHeaderContent, { loading: loading, rulesStepsHeaders: rulesStepsHeaders, GameOver: GameOver, GameOverRule: GameOverRule }) }));
 };
-exports.MaterialHeader = MaterialHeader;
-var MaterialHeaderContent = function (_a) {
-    var _b, _c;
-    var loading = _a.loading, rulesStepsHeaders = _a.rulesStepsHeaders, GameOver = _a.GameOver, GameOverRule = _a.GameOverRule;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var game = (0, hooks_1.useGame)();
-    var play = (0, hooks_1.usePlay)();
-    var context = (0, react_1.useContext)(GameProvider_1.gameContext);
-    var cancelled = (0, react_redux_1.useSelector)(function (state) { return state.players.every(function (player) { return player.quit; }); });
-    var victoryClaim = (0, react_redux_1.useSelector)(function (state) {
-        return state.gameOver === true && state.players.length > 1 && state.players.filter(function (player) { return !player.quit; }).length === 1;
-    });
-    var RulesStepsHeader = (game === null || game === void 0 ? void 0 : game.rule) ? rulesStepsHeaders[game.rule.id] : undefined;
+const MaterialHeaderContent = ({ loading, rulesStepsHeaders, GameOver, GameOverRule }) => {
+    const { t } = useTranslation();
+    const game = useGame();
+    const play = usePlay();
+    const context = useContext(gameContext);
+    const cancelled = useGameSelector((state) => state.players.every(player => player.quit));
+    const victoryClaim = useGameSelector((state) => state.gameOver === true && state.players.length > 1 && state.players.filter(player => !player.quit).length === 1);
+    const RulesStepsHeader = game?.rule ? rulesStepsHeaders[game.rule.id] : undefined;
     if (loading || !game) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: t('Game loading...') });
+        return _jsx(_Fragment, { children: t('Game loading...') });
     }
     else if (cancelled) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: t('game.cancelled') });
+        return _jsx(_Fragment, { children: t('game.cancelled') });
     }
     else if (victoryClaim) {
-        return (0, jsx_runtime_1.jsx)(ShowVictoryClaim, {});
+        return _jsx(ShowVictoryClaim, {});
     }
-    else if (!(game === null || game === void 0 ? void 0 : game.rule)) {
-        return GameOver ? (0, jsx_runtime_1.jsx)(GameOver, {}) : (0, jsx_runtime_1.jsx)(GameOverHeader, { GameOverRule: GameOverRule });
+    else if (!game?.rule) {
+        return GameOver ? _jsx(GameOver, {}) : _jsx(GameOverHeader, { GameOverRule: GameOverRule });
     }
     else if (RulesStepsHeader) {
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RulesStepsHeader, {}), ((_b = context.rulesHelp) === null || _b === void 0 ? void 0 : _b.hasOwnProperty(game.rule.id)) && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCircleQuestion_1.faCircleQuestion, onClick: function () { return play(displayRulesHelp(game.rule.id), { transient: true }); }, css: css_1.pointerCursorCss })] })] });
+        return _jsxs(_Fragment, { children: [_jsx(RulesStepsHeader, {}), context.rulesHelp?.hasOwnProperty(game.rule.id) && _jsxs(_Fragment, { children: ["\u00A0", _jsx(FontAwesomeIcon, { icon: faCircleQuestion, onClick: () => play(displayRulesHelp(game.rule.id), { transient: true }), css: pointerCursorCss })] })] });
     }
     else {
-        console.warn("Missing header for rule id ".concat((_c = game === null || game === void 0 ? void 0 : game.rule) === null || _c === void 0 ? void 0 : _c.id));
+        console.warn(`Missing header for rule id ${game?.rule?.id}`);
         return null;
     }
 };
-var GameOverHeader = function (_a) {
-    var GameOverRule = _a.GameOverRule;
-    var resultText = (0, hooks_1.useResultText)();
-    var _b = __read((0, react_1.useState)(false), 2), dialogOpen = _b[0], setDialogOpen = _b[1];
+const GameOverHeader = ({ GameOverRule }) => {
+    const resultText = useResultText();
+    const [dialogOpen, setDialogOpen] = useState(false);
     if (!GameOverRule)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: resultText });
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", { children: [resultText, "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCircleQuestion_1.faCircleQuestion, onClick: function () { return setDialogOpen(true); }, css: css_1.pointerCursorCss })] }), (0, jsx_runtime_1.jsx)(dialogs_1.RulesDialog, { open: dialogOpen, close: function () { return setDialogOpen(false); }, children: (0, jsx_runtime_1.jsx)(GameOverRule, {}) })] });
+        return _jsx(_Fragment, { children: resultText });
+    return _jsxs(_Fragment, { children: [_jsxs("span", { children: [resultText, "\u00A0", _jsx(FontAwesomeIcon, { icon: faCircleQuestion, onClick: () => setDialogOpen(true), css: pointerCursorCss })] }), _jsx(RulesDialog, { open: dialogOpen, close: () => setDialogOpen(false), children: _jsx(GameOverRule, {}) })] });
 };
-var ShowVictoryClaim = function () {
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var winnerId = (0, react_redux_1.useSelector)(function (state) { var _a; return (_a = state.players.find(function (p) { return !p.quit; })) === null || _a === void 0 ? void 0 : _a.id; });
-    var player = (0, hooks_1.usePlayerName)(winnerId);
-    var playerId = (0, hooks_1.usePlayerId)();
+const ShowVictoryClaim = () => {
+    const { t } = useTranslation();
+    const winnerId = useGameSelector((state) => state.players.find(p => !p.quit)?.id);
+    const player = usePlayerName(winnerId);
+    const playerId = usePlayerId();
     if (playerId === winnerId) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: t('game.over.concede.victory') });
+        return _jsx(_Fragment, { children: t('game.over.concede.victory') });
     }
     else {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: t('game.over.concede', { player: player }) });
+        return _jsx(_Fragment, { children: t('game.over.concede', { player }) });
     }
 };
 //# sourceMappingURL=MaterialHeader.js.map

package/dist/components/Header/MaterialHeader.js.map

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

package/dist/components/Header/index.js

@@ -1,20 +1,4 @@
-"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("./Header"), exports);
-__exportStar(require("./HeaderText"), exports);
-__exportStar(require("./MaterialHeader"), exports);
+export * from './Header';
+export * from './HeaderText';
+export * from './MaterialHeader';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,+CAA4B;AAC5B,mDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}

package/dist/components/ImagesLoader/ImagesLoader.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImagesLoader = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("react");
-var hooks_1 = require("../../hooks");
-var Picture_1 = require("../Picture");
-var ImagesLoader = function (_a) {
-    var images = _a.images, onImagesLoad = _a.onImagesLoad;
-    var webp = (0, hooks_1.useWebP)();
-    var loadCount = (0, react_1.useRef)(0);
-    var onLoad = function () {
+import { useRef } from 'react';
+import { useWebP } from '../../hooks';
+import { Picture } from '../Picture';
+export const ImagesLoader = ({ images, onImagesLoad }) => {
+    const webp = useWebP();
+    const loadCount = useRef(0);
+    const onLoad = () => {
         loadCount.current++;
         if (onImagesLoad && loadCount.current === images.length) {
             onImagesLoad();
@@ -21,7 +17,6 @@ var ImagesLoader = function (_a) {
     }
     if (webp === undefined)
         return null;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: images.map(function (image, index) { return (0, jsx_runtime_1.jsx)(Picture_1.Picture, { src: image, alt: "", style: { display: 'none' }, onLoad: onLoad }, index); }) }));
+    return (_jsx(_Fragment, { children: images.map((image, index) => _jsx(Picture, { src: image, alt: "", style: { display: 'none' }, onLoad: onLoad }, index)) }));
 };
-exports.ImagesLoader = ImagesLoader;
 //# sourceMappingURL=ImagesLoader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImagesLoader.js","sourceRoot":"","sources":["../../../src/components/ImagesLoader/ImagesLoader.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,+BAA8B;AAC9B,qCAAqC;AACrC,sCAAoC;AAO7B,IAAM,YAAY,GAAG,UAAC,EAA2C;QAAzC,MAAM,YAAA,EAAE,YAAY,kBAAA;IACjD,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,SAAS,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAA;IAC3B,IAAM,MAAM,GAAG;QACb,SAAS,CAAC,OAAO,EAAE,CAAA;QACnB,IAAI,YAAY,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC;YACxD,YAAY,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,CAAA;IACD,IAAI,YAAY,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxC,UAAU,CAAC,YAAY,CAAC,CAAA;IAC1B,CAAC;IACD,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IACnC,OAAO,CACL,2DACG,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,uBAAC,iBAAO,IAAa,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,IAApE,KAAK,CAAkE,EAArF,CAAqF,CAAC,GACnH,CACJ,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,YAAY,gBAkBxB"}
+{"version":3,"file":"ImagesLoader.js","sourceRoot":"","sources":["../../../src/components/ImagesLoader/ImagesLoader.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAOpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,YAAY,EAAqB,EAAE,EAAE;IAC1E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAC3B,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,SAAS,CAAC,OAAO,EAAE,CAAA;QACnB,IAAI,YAAY,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC;YACxD,YAAY,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,CAAA;IACD,IAAI,YAAY,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxC,UAAU,CAAC,YAAY,CAAC,CAAA;IAC1B,CAAC;IACD,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IACnC,OAAO,CACL,4BACG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,OAAO,IAAa,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,IAApE,KAAK,CAAkE,CAAC,GACnH,CACJ,CAAA;AACH,CAAC,CAAA"}

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.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"]);
+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 (0, jsx_runtime_1.jsx)(LocalChat_1.LocalChat, __assign({ open: open }, rest));
+        return _jsx(LocalChat, { open: open, ...rest });
     }
-    return (0, jsx_runtime_1.jsx)(RemoteChat_1.RemoteChat, __assign({ gameId: gameId, open: open }, rest));
+    return _jsx(RemoteChat, { gameId: gameId, open: open, ...rest });
 };
-exports.Chat = Chat;
 //# 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,CAAC;QACZ,OAAO,uBAAC,qBAAS,aAAC,IAAI,EAAE,IAAI,IAAO,IAAI,EAAI,CAAA;IAC7C,CAAC;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.js

@@ -1,19 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatMessage = 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 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", { 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 { 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,8BAAG,GAAG,EAAE,OAAO,YAAG,OAAO,CAAC,IAAI,GAAK,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.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");
+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 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", { css: [authorCss], children: name }), !name && (0, jsx_runtime_1.jsx)("p", { css: [authorCss, anonymous], children: t('Anonymous') })] });
+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') })] });
 };
-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;
+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,8BAAG,GAAG,EAAE,CAAC,SAAS,CAAC,YAAG,IAAI,GAAK,EACvC,CAAC,IAAI,IAAI,8BAAG,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,YAAG,CAAC,CAAC,WAAW,CAAC,GAAK,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.js

@@ -1,77 +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 __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");
+import { jsx as _jsx, jsxs as _jsxs } from "@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) {
+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: "".concat(messages), text: t, date: new Date().toISOString(), userId: 'dev' });
+        onMessageSent({ id: `${messages}`, text: t, date: new Date().toISOString(), userId: 'dev' });
     };
-    return (0, jsx_runtime_1.jsx)(exports.ChatInput, { open: open, onSubmit: onSubmit });
+    return _jsx(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);
+export const RemoteChatTextInput = (props) => {
+    const { channel, open } = props;
+    const [sendMessage] = useSendMessage();
+    const onSubmit = (text) => {
+        sendMessage({ variables: { channel, text } }).catch(console.error);
     };
-    return (0, jsx_runtime_1.jsx)(exports.ChatInput, { open: open, onSubmit: onSubmit });
+    return _jsx(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 () {
+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]);
-    var doSubmit = function (event) {
+    const doSubmit = (event) => {
         event.preventDefault();
         onSubmit(text);
         setText('');
     };
-    return ((0, jsx_runtime_1.jsxs)("form", { 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", { 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 }) })] }));
+    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 }) })] }));
 };
-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;
+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