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

package/dist/components/Avatar/Avatar.js

@@ -1,64 +1,41 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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.Avatar = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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_2 = require("react");
-var hooks_1 = require("../../hooks");
-var ChatSpeechBubble_1 = require("./ChatSpeechBubble");
-var SpeechBubble_1 = require("./SpeechBubble");
-exports.Avatar = (0, react_2.forwardRef)(function (props, ref) {
-    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 ? (_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({ ref: ref, 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] })));
+import { css } from '@emotion/react';
+import Avataaar from '@gamepark/avataaars';
+import { useMe } from '@gamepark/react-client';
+import { forwardRef } from 'react';
+import { usePlayer, usePlayerId } from '../../hooks';
+import { ChatSpeechBubble } from './ChatSpeechBubble';
+import { SpeechBubble } from './SpeechBubble';
+export const Avatar = forwardRef((props, ref) => {
+    const { playerId, speechBubbleProps, children, ...rest } = props;
+    const player = usePlayer(playerId);
+    const me = useMe();
+    const myPlayerId = usePlayerId();
+    const avatar = myPlayerId === playerId ? me?.user?.avatar ?? player?.avatar : player?.avatar;
+    return (_jsxs("div", { ref: ref, css: style, ...rest, children: [_jsx(Avataaar, { circle: true, ...avatar, css: [avatarCss, player?.quit && greyscale] }), !!speechBubbleProps && _jsx(AvatarSpeechBubble, { playerId: playerId, ...speechBubbleProps }), children] }));
 });
-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.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)) }));
+const AvatarSpeechBubble = (props) => {
+    const { playerId, ...speechBubbleProps } = props;
+    const player = usePlayer(playerId);
+    const query = new URLSearchParams(window.location.search);
+    const gameId = query.get('game');
+    return (_jsx(_Fragment, { children: speechBubbleProps?.children ?
+            _jsx(SpeechBubble, { ...speechBubbleProps, children: speechBubbleProps.children }) :
+            gameId && player && _jsx(ChatSpeechBubble, { gameId: gameId, player: player, ...speechBubbleProps }) }));
 };
-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"])));
-var templateObject_1, templateObject_2, templateObject_3;
+const style = css `
+  border-radius: 50%;
+  box-shadow: 0 0 0.4em black;
+`;
+const avatarCss = css `
+  position: absolute;
+  bottom: 0;
+  left: -6%;
+  width: 112%;
+  height: 117%;
+`;
+const greyscale = css `
+  filter: grayscale();
+`;
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,kEAA0C;AAC1C,uDAA8C;AAC9C,+BAAsD;AACtD,qCAAoD;AACpD,uDAAqD;AACrD,+CAAgE;AAOnD,QAAA,MAAM,GAAG,IAAA,kBAAU,EAA8B,UAAC,KAAK,EAAE,GAAG;;IAC/D,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,GAAG,EAAE,GAAG,EAAE,KAAK,IAAM,IAAI,eACjC,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,CAAC,CAAA;AAMF,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"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,QAAQ,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAM,UAAU,EAAkB,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAOhE,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAChE,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAA;IAClC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,UAAU,GAAG,WAAW,EAAE,CAAA;IAChC,MAAM,MAAM,GAAG,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAA;IAC5F,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,KAAM,IAAI,aACjC,KAAC,QAAQ,IAAC,MAAM,WAAK,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,IAAI,SAAS,CAAC,GAAG,EACzE,CAAC,CAAC,iBAAiB,IAAI,KAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,KAAO,iBAAiB,GAAI,EAC1F,QAAQ,IACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAMF,MAAM,kBAAkB,GAAgC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,GAAG,KAAK,CAAA;IAChD,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAA;IAClC,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAEhC,OAAO,CACL,4BACG,iBAAiB,EAAE,QAAQ,CAAC,CAAC;YAC5B,KAAC,YAAY,OAAK,iBAAiB,YAAG,iBAAiB,CAAC,QAAQ,GAAgB,CAAC,CAAC;YAClF,MAAM,IAAI,MAAM,IAAI,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAM,iBAAiB,GAAG,GAE/F,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;;;CAGhB,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAMpB,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;CAEpB,CAAA"}

package/dist/components/Avatar/ChatSpeechBubble.js

@@ -1,81 +1,39 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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.ChatSpeechBubble = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_client_1 = require("@gamepark/react-client");
-var react_2 = require("react");
-var SpeechBubble_1 = require("./SpeechBubble");
-var ChatSpeechBubble = function (_a) {
-    var gameId = _a.gameId, player = _a.player, props = __rest(_a, ["gameId", "player"]);
-    (0, react_2.useEffect)(function () {
-        var channel = react_client_1.pusherClient.subscribe("game=".concat(gameId));
-        channel.bind('message', function (message) {
+import { css, keyframes } from '@emotion/react';
+import { pusherClient } from '@gamepark/react-client';
+import { useEffect, useState } from 'react';
+import { SpeechBubble } from './SpeechBubble';
+export const ChatSpeechBubble = ({ gameId, player, ...props }) => {
+    useEffect(() => {
+        const channel = pusherClient.subscribe(`game=${gameId}`);
+        channel.bind('message', (message) => {
             if (message && player.userId === message.userId) {
                 setMessage(message.text);
             }
         });
-        return function () { return react_client_1.pusherClient.unsubscribe("game=".concat(gameId)); };
+        return () => pusherClient.unsubscribe(`game=${gameId}`);
     }, []);
-    var _b = __read((0, react_2.useState)(''), 2), message = _b[0], setMessage = _b[1];
-    var hideMessage = function () { return setMessage(''); };
-    (0, react_2.useEffect)(function () {
+    const [message, setMessage] = useState('');
+    const hideMessage = () => setMessage('');
+    useEffect(() => {
         if (message) {
-            var timeout_1 = setTimeout(hideMessage, 5000);
-            return function () { return clearTimeout(timeout_1); };
+            const timeout = setTimeout(hideMessage, 5000);
+            return () => clearTimeout(timeout);
         }
     }, [message]);
-    var onClick = function (event) {
+    const onClick = (event) => {
         hideMessage();
         event.stopPropagation();
     };
-    return message ? (0, jsx_runtime_1.jsx)(SpeechBubble_1.SpeechBubble, __assign({ css: chatSpeechBubbleCss, onClick: onClick }, props, { children: message })) : null;
+    return message ? _jsx(SpeechBubble, { css: chatSpeechBubbleCss, onClick: onClick, ...props, children: message }) : null;
 };
-exports.ChatSpeechBubble = ChatSpeechBubble;
-var fadeOut = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  to {\n    opacity: 0\n  }\n"], ["\n  to {\n    opacity: 0\n  }\n"])));
-var chatSpeechBubbleCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: 1s ", " 4s forwards;\n"], ["\n  animation: 1s ", " 4s forwards;\n"])), fadeOut);
-var templateObject_1, templateObject_2;
+const fadeOut = keyframes `
+  to {
+    opacity: 0
+  }
+`;
+const chatSpeechBubbleCss = css `
+  animation: 1s ${fadeOut} 4s forwards;
+`;
 //# sourceMappingURL=ChatSpeechBubble.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatSpeechBubble.js","sourceRoot":"","sources":["../../../src/components/Avatar/ChatSpeechBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA+C;AAC/C,uDAAsE;AACtE,+BAAuD;AACvD,+CAAgE;AAOzD,IAAM,gBAAgB,GAAG,UAAC,EAAmC;IAAjC,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACzD,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,2BAAY,CAAC,SAAS,CAAC,eAAQ,MAAM,CAAE,CAAC,CAAA;QACxD,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAC,OAAgB;YACvC,IAAI,OAAO,IAAI,MAAM,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;gBAChD,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAC1B,CAAC;QACH,CAAC,CAAC,CAAA;QACF,OAAO,cAAM,OAAA,2BAAY,CAAC,WAAW,CAAC,eAAQ,MAAM,CAAE,CAAC,EAA1C,CAA0C,CAAA;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IACA,IAAA,KAAA,OAAwB,IAAA,gBAAQ,EAAC,EAAE,CAAC,IAAA,EAAnC,OAAO,QAAA,EAAE,UAAU,QAAgB,CAAA;IAC1C,IAAM,WAAW,GAAG,cAAM,OAAA,UAAU,CAAC,EAAE,CAAC,EAAd,CAAc,CAAA;IACxC,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,EAAE,CAAC;YACZ,IAAM,SAAO,GAAG,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;YAC7C,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACb,IAAM,OAAO,GAAG,UAAC,KAAiB;QAChC,WAAW,EAAE,CAAA;QACb,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IACD,OAAO,OAAO,CAAC,CAAC,CAAC,uBAAC,2BAAY,aAAC,GAAG,EAAE,mBAAmB,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,cAAG,OAAO,IAAgB,CAAC,CAAC,CAAC,IAAI,CAAA;AACvH,CAAC,CAAA;AAvBY,QAAA,gBAAgB,oBAuB5B;AAED,IAAM,OAAO,OAAG,iBAAS,qGAAA,iCAIxB,IAAA,CAAA;AAED,IAAM,mBAAmB,OAAG,WAAG,2GAAA,oBACb,EAAO,iBACxB,KADiB,OAAO,CACxB,CAAA"}
+{"version":3,"file":"ChatSpeechBubble.js","sourceRoot":"","sources":["../../../src/components/Avatar/ChatSpeechBubble.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAmB,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAc,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAOhE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IACtE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,QAAQ,MAAM,EAAE,CAAC,CAAA;QACxD,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,OAAgB,EAAE,EAAE;YAC3C,IAAI,OAAO,IAAI,MAAM,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;gBAChD,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAC1B,CAAC;QACH,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,QAAQ,MAAM,EAAE,CAAC,CAAA;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC1C,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;YAC7C,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACb,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;QACpC,WAAW,EAAE,CAAA;QACb,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IACD,OAAO,OAAO,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,GAAG,EAAE,mBAAmB,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,YAAG,OAAO,GAAgB,CAAC,CAAC,CAAC,IAAI,CAAA;AACvH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,SAAS,CAAA;;;;CAIxB,CAAA;AAED,MAAM,mBAAmB,GAAG,GAAG,CAAA;kBACb,OAAO;CACxB,CAAA"}

package/dist/components/Avatar/SpeechBubble.js

@@ -1,57 +1,47 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpeechBubble = exports.SpeechBubbleDirection = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_dom_1 = require("react-dom");
-var SpeechBubbleDirection;
+import { css } from '@emotion/react';
+import { createPortal } from 'react-dom';
+export var SpeechBubbleDirection;
 (function (SpeechBubbleDirection) {
     SpeechBubbleDirection[SpeechBubbleDirection["TOP_LEFT"] = 0] = "TOP_LEFT";
     SpeechBubbleDirection[SpeechBubbleDirection["TOP_RIGHT"] = 1] = "TOP_RIGHT";
     SpeechBubbleDirection[SpeechBubbleDirection["BOTTOM_LEFT"] = 2] = "BOTTOM_LEFT";
     SpeechBubbleDirection[SpeechBubbleDirection["BOTTOM_RIGHT"] = 3] = "BOTTOM_RIGHT";
-})(SpeechBubbleDirection || (exports.SpeechBubbleDirection = SpeechBubbleDirection = {}));
-var SpeechBubble = function (_a) {
-    var children = _a.children, _b = _a.direction, direction = _b === void 0 ? SpeechBubbleDirection.TOP_LEFT : _b, parent = _a.parent, css = _a.css, props = __rest(_a, ["children", "direction", "parent", "css"]);
-    var speechBubble = (0, jsx_runtime_1.jsx)("p", __assign({ css: [speechBubbleCss, getDirectionStyle(direction), css] }, props, { children: children }));
+})(SpeechBubbleDirection || (SpeechBubbleDirection = {}));
+export const SpeechBubble = ({ children, direction = SpeechBubbleDirection.TOP_LEFT, parent, css, ...props }) => {
+    const speechBubble = _jsx("p", { css: [speechBubbleCss, getDirectionStyle(direction), css], ...props, children: children });
     if (parent) {
-        var parentElement = document.getElementById(parent);
+        const parentElement = document.getElementById(parent);
         if (parentElement) {
-            return (0, react_dom_1.createPortal)(speechBubble, parentElement);
+            return createPortal(speechBubble, parentElement);
         }
     }
     return speechBubble;
 };
-exports.SpeechBubble = SpeechBubble;
-var speechBubbleCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: max-content;\n  max-width: 15em;\n  background: white;\n  border-radius: .4em;\n  font-size: 3em;\n  padding: 0.2em 0.4em;\n  margin: 0;\n  z-index: 500;\n  pointer-events: none;\n  filter:drop-shadow(0 0 0.1rem black);\n\n  :after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n  }\n"], ["\n  position: absolute;\n  width: max-content;\n  max-width: 15em;\n  background: white;\n  border-radius: .4em;\n  font-size: 3em;\n  padding: 0.2em 0.4em;\n  margin: 0;\n  z-index: 500;\n  pointer-events: none;\n  filter:drop-shadow(0 0 0.1rem black);\n\n  :after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n  }\n"])));
-var getDirectionStyle = function (direction) {
+const speechBubbleCss = css `
+  position: absolute;
+  width: max-content;
+  max-width: 15em;
+  background: white;
+  border-radius: .4em;
+  font-size: 3em;
+  padding: 0.2em 0.4em;
+  margin: 0;
+  z-index: 500;
+  pointer-events: none;
+  filter:drop-shadow(0 0 0.1rem black);
+
+  :after {
+    content: '';
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-color: transparent;
+  }
+`;
+const getDirectionStyle = (direction) => {
     switch (direction) {
         case SpeechBubbleDirection.TOP_LEFT:
             return [topBubble, leftBubble, rotateArrow];
@@ -63,11 +53,58 @@ var getDirectionStyle = function (direction) {
             return [bottomBubble, rightBubble, rotateArrow];
     }
 };
-var topBubble = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  bottom: 45%;\n\n  :after {\n    bottom: 0;\n    border-top-width: 0.4em;\n    border-bottom: 0;\n    margin-bottom: 0.3em;\n  }\n"], ["\n  bottom: 45%;\n\n  :after {\n    bottom: 0;\n    border-top-width: 0.4em;\n    border-bottom: 0;\n    margin-bottom: 0.3em;\n  }\n"])));
-var bottomBubble = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  top: 45%;\n\n  :after {\n    top: 0;\n    border-bottom-width: 0.4em;\n    border-top: 0;\n    margin-top: 0.3em;\n  }\n"], ["\n  top: 45%;\n\n  :after {\n    top: 0;\n    border-bottom-width: 0.4em;\n    border-top: 0;\n    margin-top: 0.3em;\n  }\n"])));
-var leftBubble = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  left: -0.3em;\n  transform: translateX(-100%);\n\n  :after {\n    right: 0;\n    border-left-color: white;\n    border-left-width: 0.6em;\n    border-right: 0;\n    margin-right: -0.5em;\n  }\n"], ["\n  left: -0.3em;\n  transform: translateX(-100%);\n\n  :after {\n    right: 0;\n    border-left-color: white;\n    border-left-width: 0.6em;\n    border-right: 0;\n    margin-right: -0.5em;\n  }\n"])));
-var rightBubble = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  right: -0.3em;\n  transform: translateX(100%);\n\n  :after {\n    left: 0;\n    border-right-color: white;\n    border-right-width: 0.6em;\n    border-left: 0;\n    margin-left: -0.5em;\n  }\n"], ["\n  right: -0.3em;\n  transform: translateX(100%);\n\n  :after {\n    left: 0;\n    border-right-color: white;\n    border-right-width: 0.6em;\n    border-left: 0;\n    margin-left: -0.5em;\n  }\n"])));
-var rotateArrow = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  :after {\n    transform: rotate(15deg);\n  }\n"], ["\n  :after {\n    transform: rotate(15deg);\n  }\n"])));
-var reverseRotateArrow = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  :after {\n    transform: rotate(-15deg);\n  }\n"], ["\n  :after {\n    transform: rotate(-15deg);\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+const topBubble = css `
+  bottom: 45%;
+
+  :after {
+    bottom: 0;
+    border-top-width: 0.4em;
+    border-bottom: 0;
+    margin-bottom: 0.3em;
+  }
+`;
+const bottomBubble = css `
+  top: 45%;
+
+  :after {
+    top: 0;
+    border-bottom-width: 0.4em;
+    border-top: 0;
+    margin-top: 0.3em;
+  }
+`;
+const leftBubble = css `
+  left: -0.3em;
+  transform: translateX(-100%);
+
+  :after {
+    right: 0;
+    border-left-color: white;
+    border-left-width: 0.6em;
+    border-right: 0;
+    margin-right: -0.5em;
+  }
+`;
+const rightBubble = css `
+  right: -0.3em;
+  transform: translateX(100%);
+
+  :after {
+    left: 0;
+    border-right-color: white;
+    border-right-width: 0.6em;
+    border-left: 0;
+    margin-left: -0.5em;
+  }
+`;
+const rotateArrow = css `
+  :after {
+    transform: rotate(15deg);
+  }
+`;
+const reverseRotateArrow = css `
+  :after {
+    transform: rotate(-15deg);
+  }
+`;
 //# sourceMappingURL=SpeechBubble.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpeechBubble.js","sourceRoot":"","sources":["../../../src/components/Avatar/SpeechBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAE1D,uCAAwC;AAExC,IAAY,qBAEX;AAFD,WAAY,qBAAqB;IAC/B,yEAAQ,CAAA;IAAE,2EAAS,CAAA;IAAE,+EAAW,CAAA;IAAE,iFAAY,CAAA;AAChD,CAAC,EAFW,qBAAqB,qCAArB,qBAAqB,QAEhC;AAQM,IAAM,YAAY,GAA0B,UAAC,EAA+E;IAA7E,IAAA,QAAQ,cAAA,EAAE,iBAA0C,EAA1C,SAAS,mBAAG,qBAAqB,CAAC,QAAQ,KAAA,EAAE,MAAM,YAAA,EAAE,GAAG,SAAA,EAAK,KAAK,cAA7E,0CAA+E,CAAF;IAC/H,IAAM,YAAY,GAAG,uCAAG,GAAG,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,IAAM,KAAK,cAAG,QAAQ,IAAK,CAAA;IAC5G,IAAI,MAAM,EAAE,CAAC;QACX,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACrD,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,IAAA,wBAAY,EAAC,YAAY,EAAE,aAAa,CAAC,CAAA;QAClD,CAAC;IACH,CAAC;IACD,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AATY,QAAA,YAAY,gBASxB;AAED,IAAM,eAAe,OAAG,WAAG,4dAAA,wZAqB1B,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,UAAC,SAAgC;IACzD,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,qBAAqB,CAAC,QAAQ;YACjC,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;QAC7C,KAAK,qBAAqB,CAAC,SAAS;YAClC,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAA;QACrD,KAAK,qBAAqB,CAAC,WAAW;YACpC,OAAO,CAAC,YAAY,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAA;QACvD,KAAK,qBAAqB,CAAC,YAAY;YACrC,OAAO,CAAC,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CAAA;IACnD,CAAC;AACH,CAAC,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2MAAA,uIASpB,IAAA,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,kMAAA,8HASvB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2QAAA,uMAWrB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,0QAAA,sMAWtB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,wHAAA,oDAItB,IAAA,CAAA;AAED,IAAM,kBAAkB,OAAG,WAAG,yHAAA,qDAI7B,IAAA,CAAA"}
+{"version":3,"file":"SpeechBubble.js","sourceRoot":"","sources":["../../../src/components/Avatar/SpeechBubble.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAwB,MAAM,gBAAgB,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,MAAM,CAAN,IAAY,qBAEX;AAFD,WAAY,qBAAqB;IAC/B,yEAAQ,CAAA;IAAE,2EAAS,CAAA;IAAE,+EAAW,CAAA;IAAE,iFAAY,CAAA;AAChD,CAAC,EAFW,qBAAqB,KAArB,qBAAqB,QAEhC;AAQD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,qBAAqB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrI,MAAM,YAAY,GAAG,YAAG,GAAG,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,KAAM,KAAK,YAAG,QAAQ,GAAK,CAAA;IAC5G,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACrD,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;QAClD,CAAC;IACH,CAAC;IACD,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqB1B,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,SAAgC,EAAE,EAAE;IAC7D,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,qBAAqB,CAAC,QAAQ;YACjC,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;QAC7C,KAAK,qBAAqB,CAAC,SAAS;YAClC,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAA;QACrD,KAAK,qBAAqB,CAAC,WAAW;YACpC,OAAO,CAAC,YAAY,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAA;QACvD,KAAK,qBAAqB,CAAC,YAAY;YACrC,OAAO,CAAC,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CAAA;IACnD,CAAC;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;CASpB,CAAA;AAED,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;CASvB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;CAWrB,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;CAWtB,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,CAAA;;;;CAItB,CAAA;AAED,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;CAI7B,CAAA"}

package/dist/components/Avatar/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("./Avatar"), exports);
-__exportStar(require("./ChatSpeechBubble"), exports);
-__exportStar(require("./SpeechBubble"), exports);
+export * from './Avatar';
+export * from './ChatSpeechBubble';
+export * from './SpeechBubble';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,qDAAkC;AAClC,iDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA"}

package/dist/components/GamePoints/GamePointIcon.js

@@ -1,26 +1,9 @@
-"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.GamePointIcon = 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 GamePointIcon = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "210 150 420 300", css: style }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fill: "#002448", d: "M493.7,138.3v55.4h-79.1c0,0-28-5.6-28.5,39c-0.6,44.3,0,152.2,0,152.2H433l0.6-74.3h-20.1l-0.6-57.9h80.8\r\n\t\tv191.2H374.2c0,0-57.3-10.4-48.9-73.1l-0.8-159.6c0,0,8.2-68.9,78.8-75.4L493.7,138.3z" }), (0, jsx_runtime_1.jsx)("circle", { fill: "#002448", cx: "259.7", cy: "317.4", r: "20.7" }), (0, jsx_runtime_1.jsx)("circle", { fill: "#002448", cx: "547.8", cy: "317.4", r: "20.7" }), (0, jsx_runtime_1.jsx)("path", { fill: "#28B8CE", d: "M479.6,146.7V202h-79.1c0,0-28-5.6-28.5,39c-0.6,44.3,0,152.2,0,152.2h46.9l0.6-74.3h-20.1l-0.6-57.9h80.8\r\n\t\tv191.2H360.1c0,0-57.3-10.4-48.9-73.1l-0.8-159.6c0,0,8.2-68.9,78.8-75.4L479.6,146.7z" })] }))); };
-exports.GamePointIcon = GamePointIcon;
-var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 1em;\n  width: 1.3em;\n"], ["\n  height: 1em;\n  width: 1.3em;\n"])));
-var templateObject_1;
+import { css } from '@emotion/react';
+export const GamePointIcon = (props) => (_jsxs("svg", { viewBox: "210 150 420 300", css: style, ...props, children: [_jsx("path", { fill: "#002448", d: "M493.7,138.3v55.4h-79.1c0,0-28-5.6-28.5,39c-0.6,44.3,0,152.2,0,152.2H433l0.6-74.3h-20.1l-0.6-57.9h80.8\r\n\t\tv191.2H374.2c0,0-57.3-10.4-48.9-73.1l-0.8-159.6c0,0,8.2-68.9,78.8-75.4L493.7,138.3z" }), _jsx("circle", { fill: "#002448", cx: "259.7", cy: "317.4", r: "20.7" }), _jsx("circle", { fill: "#002448", cx: "547.8", cy: "317.4", r: "20.7" }), _jsx("path", { fill: "#28B8CE", d: "M479.6,146.7V202h-79.1c0,0-28-5.6-28.5,39c-0.6,44.3,0,152.2,0,152.2h46.9l0.6-74.3h-20.1l-0.6-57.9h80.8\r\n\t\tv191.2H360.1c0,0-57.3-10.4-48.9-73.1l-0.8-159.6c0,0,8.2-68.9,78.8-75.4L479.6,146.7z" })] }));
+const style = css `
+  height: 1em;
+  width: 1.3em;
+`;
 //# sourceMappingURL=GamePointIcon.js.map

package/dist/components/GamePoints/GamePointIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"GamePointIcon.js","sourceRoot":"","sources":["../../../src/components/GamePoints/GamePointIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAG7B,IAAM,aAAa,GAAG,UAAC,KAA8B,IAAK,OAAA,CAC/D,0CAAK,OAAO,EAAC,iBAAiB,EAAC,GAAG,EAAE,KAAK,IAAM,KAAK,eAClD,iCAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,mMAC2D,GAAE,EACpF,mCAAQ,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,MAAM,GAAE,EACvD,mCAAQ,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,MAAM,GAAE,EACvD,iCAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,mMAC2D,GAAE,KAChF,CACP,EATgE,CAShE,CAAA;AATY,QAAA,aAAa,iBASzB;AAED,IAAM,KAAK,OAAG,WAAG,yGAAA,qCAGhB,IAAA,CAAA"}
+{"version":3,"file":"GamePointIcon.js","sourceRoot":"","sources":["../../../src/components/GamePoints/GamePointIcon.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAGpC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC/D,eAAK,OAAO,EAAC,iBAAiB,EAAC,GAAG,EAAE,KAAK,KAAM,KAAK,aAClD,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,mMAC2D,GAAE,EACpF,iBAAQ,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,MAAM,GAAE,EACvD,iBAAQ,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,MAAM,GAAE,EACvD,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,mMAC2D,GAAE,IAChF,CACP,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;;;CAGhB,CAAA"}

package/dist/components/GamePoints/GamePoints.js

@@ -1,74 +1,31 @@
-"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 __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.GamePoints = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var react_redux_1 = require("react-redux");
-var index_1 = require("./index");
-var GamePoints = function (_a) {
-    var _b;
-    var playerId = _a.playerId, _c = _a.suspense, suspense = _c === void 0 ? 0.1 : _c, test = _a.test, props = __rest(_a, ["playerId", "suspense", "test"]);
-    var player = (0, react_redux_1.useSelector)(function (state) { return state.players.find(function (p) { return p.id === playerId; }); });
-    var gamePointsDelta = (_b = player === null || player === void 0 ? void 0 : player.gamePointsDelta) !== null && _b !== void 0 ? _b : test;
-    var _d = __read((0, react_2.useState)(false), 2), hidden = _d[0], setHidden = _d[1];
-    (0, react_2.useEffect)(function () {
+import { css } from '@emotion/react';
+import { useGameSelector } from '@gamepark/react-client';
+import { useEffect, useState } from 'react';
+import { GamePointIcon } from './index';
+export const GamePoints = ({ playerId, suspense = 0.1, test, ...props }) => {
+    const player = useGameSelector((state) => state.players.find(p => p.id === playerId));
+    const gamePointsDelta = player?.gamePointsDelta ?? test;
+    const [hidden, setHidden] = useState(false);
+    useEffect(() => {
         if (player && gamePointsDelta === undefined) {
             setHidden(true);
         }
         else if (hidden && gamePointsDelta !== undefined) {
-            setTimeout(function () { return setHidden(false); }, suspense * 1000);
+            setTimeout(() => setHidden(false), suspense * 1000);
         }
     }, [player, gamePointsDelta, hidden, suspense, setHidden]);
     if (gamePointsDelta === undefined)
         return null;
-    return (0, jsx_runtime_1.jsxs)("span", __assign({ css: [style, hidden && hiddenCss] }, props, { children: [(0, jsx_runtime_1.jsx)(index_1.GamePointIcon, {}), gamePointsDelta > 0 && '+', gamePointsDelta] }));
+    return _jsxs("span", { css: [style, hidden && hiddenCss], ...props, children: [_jsx(GamePointIcon, {}), gamePointsDelta > 0 && '+', gamePointsDelta] });
 };
-exports.GamePoints = GamePoints;
-var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  transition: opacity 0.3s;\n"], ["\n  display: flex;\n  align-items: center;\n  transition: opacity 0.3s;\n"])));
-var hiddenCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  opacity: 0;\n"], ["\n  opacity: 0;\n"])));
-var templateObject_1, templateObject_2;
+const style = css `
+  display: flex;
+  align-items: center;
+  transition: opacity 0.3s;
+`;
+const hiddenCss = css `
+  opacity: 0;
+`;
 //# sourceMappingURL=GamePoints.js.map

package/dist/components/GamePoints/GamePoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"GamePoints.js","sourceRoot":"","sources":["../../../src/components/GamePoints/GamePoints.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAEpC,+BAA2D;AAC3D,2CAAyC;AACzC,iCAAuC;AAQhC,IAAM,UAAU,GAAG,UAAuB,EAA6D;;IAA3D,IAAA,QAAQ,cAAA,EAAE,gBAAc,EAAd,QAAQ,mBAAG,GAAG,KAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA1C,gCAA4C,CAAF;IACzF,IAAM,MAAM,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,KAAK,QAAQ,EAAjB,CAAiB,CAAC,EAA1C,CAA0C,CAAC,CAAA;IAChG,IAAM,eAAe,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,mCAAI,IAAI,CAAA;IACjD,IAAA,KAAA,OAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAC3C,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;YAC5C,SAAS,CAAC,IAAI,CAAC,CAAA;QACjB,CAAC;aAAM,IAAI,MAAM,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;YACnD,UAAU,CAAC,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAA;QACrD,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAA;IAC1D,IAAI,eAAe,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC9C,OAAO,2CAAM,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,SAAS,CAAC,IAAM,KAAK,eAAE,uBAAC,qBAAa,KAAE,EAAC,eAAe,GAAG,CAAC,IAAI,GAAG,EAAE,eAAe,KAAQ,CAAA;AACjI,CAAC,CAAA;AAbY,QAAA,UAAU,cAatB;AAED,IAAM,KAAK,OAAG,WAAG,+IAAA,2EAIhB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,uFAAA,mBAEpB,IAAA,CAAA"}
+{"version":3,"file":"GamePoints.js","sourceRoot":"","sources":["../../../src/components/GamePoints/GamePoints.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQvC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAuB,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;IAChH,MAAM,MAAM,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAA;IACrF,MAAM,eAAe,GAAG,MAAM,EAAE,eAAe,IAAI,IAAI,CAAA;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;YAC5C,SAAS,CAAC,IAAI,CAAC,CAAA;QACjB,CAAC;aAAM,IAAI,MAAM,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;YACnD,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAA;QACrD,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAA;IAC1D,IAAI,eAAe,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC9C,OAAO,gBAAM,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,SAAS,CAAC,KAAM,KAAK,aAAE,KAAC,aAAa,KAAE,EAAC,eAAe,GAAG,CAAC,IAAI,GAAG,EAAE,eAAe,IAAQ,CAAA;AACjI,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;;;;CAIhB,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;CAEpB,CAAA"}

package/dist/components/GamePoints/index.js

@@ -1,19 +1,3 @@
-"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("./GamePointIcon"), exports);
-__exportStar(require("./GamePoints"), exports);
+export * from './GamePointIcon';
+export * from './GamePoints';
 //# sourceMappingURL=index.js.map