@gamepark/react-client 5.23.2 → 6.0.1-alpha.0

package/dist/index.d.ts

@@ -1,39 +1,17 @@
 export declare const PLATFORM_URI: string;
-export { default as GameProvider } from './GameProvider';
-export { default as Animation } from './animations/Animation';
-export { default as Animations } from './animations/Animations';
-export { default as Player } from './Types/Player';
-export { default as useActions } from './Hooks/useActions';
-export { default as useAnimation } from './Hooks/useAnimation';
-export { default as useAnimations } from './Hooks/useAnimations';
-export { default as useGame } from './Hooks/useGame';
-export { default as useGiveUp } from './GiveUp/useGiveUp';
-export { default as useNow } from './Hooks/useNow';
-export { default as useNumberOfPlayers } from './Hooks/useNumberOfPlayers';
-export { default as useOptions } from './Hooks/useOptions';
-export { default as usePlay } from './Hooks/usePlay';
-export { default as usePlayer } from './Hooks/usePlayer';
-export { default as usePlayerId } from './Hooks/usePlayerId';
-export { default as usePlayers } from './Hooks/usePlayers';
-export { animationPaused } from './Actions/AnimationPaused';
-export * from './translation/TranslationSetup';
-export { default as Avatar } from './Avatar';
-export * from './Avatar';
-export { default as Chat } from './Chat';
-export { default as EjectPlayer } from './EjectPlayer';
+export * from './Actions';
+export * from './animations';
+export * from './api';
+export * from './Chat';
 export * from './EjectPlayer';
-export { default as Failure } from './Failure';
 export * from './Failure';
-export * from './Fullscreen';
-export { default as GamePoints } from './GamePoints';
-export * from './GamePoints';
-export { default as Menu } from './Menu';
-export * from './Menu';
-export { default as PlayerTime } from './PlayerTime';
+export * from './GameProvider';
+export * from './GiveUp';
+export * from './Hooks';
 export * from './PlayerTime';
+export * from './Rematch';
 export * from './Sound';
-export * from './Theme';
-export { default as Tutorial } from './Tutorial';
+export * from './Store';
 export * from './Tutorial';
-export * from './Undo';
-export * from '@gamepark/avataaars';
+export * from './Types';
+export * from './User';

package/dist/index.js

@@ -13,64 +13,24 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Menu = exports.GamePoints = exports.Failure = exports.Chat = exports.Avatar = exports.animationPaused = exports.usePlayers = exports.usePlayerId = exports.usePlayer = exports.usePlay = exports.useOptions = exports.useNumberOfPlayers = exports.useNow = exports.useGiveUp = exports.useGame = exports.useAnimations = exports.useAnimation = exports.useActions = exports.Animations = exports.GameProvider = exports.PLATFORM_URI = void 0;
+exports.PLATFORM_URI = void 0;
 exports.PLATFORM_URI = (_a = process.env.REACT_APP_PLATFORM_URI) !== null && _a !== void 0 ? _a : 'https://game-park.com';
-var GameProvider_1 = require("./GameProvider");
-Object.defineProperty(exports, "GameProvider", { enumerable: true, get: function () { return __importDefault(GameProvider_1).default; } });
-var Animations_1 = require("./animations/Animations");
-Object.defineProperty(exports, "Animations", { enumerable: true, get: function () { return __importDefault(Animations_1).default; } });
-var useActions_1 = require("./Hooks/useActions");
-Object.defineProperty(exports, "useActions", { enumerable: true, get: function () { return __importDefault(useActions_1).default; } });
-var useAnimation_1 = require("./Hooks/useAnimation");
-Object.defineProperty(exports, "useAnimation", { enumerable: true, get: function () { return __importDefault(useAnimation_1).default; } });
-var useAnimations_1 = require("./Hooks/useAnimations");
-Object.defineProperty(exports, "useAnimations", { enumerable: true, get: function () { return __importDefault(useAnimations_1).default; } });
-var useGame_1 = require("./Hooks/useGame");
-Object.defineProperty(exports, "useGame", { enumerable: true, get: function () { return __importDefault(useGame_1).default; } });
-var useGiveUp_1 = require("./GiveUp/useGiveUp");
-Object.defineProperty(exports, "useGiveUp", { enumerable: true, get: function () { return __importDefault(useGiveUp_1).default; } });
-var useNow_1 = require("./Hooks/useNow");
-Object.defineProperty(exports, "useNow", { enumerable: true, get: function () { return __importDefault(useNow_1).default; } });
-var useNumberOfPlayers_1 = require("./Hooks/useNumberOfPlayers");
-Object.defineProperty(exports, "useNumberOfPlayers", { enumerable: true, get: function () { return __importDefault(useNumberOfPlayers_1).default; } });
-var useOptions_1 = require("./Hooks/useOptions");
-Object.defineProperty(exports, "useOptions", { enumerable: true, get: function () { return __importDefault(useOptions_1).default; } });
-var usePlay_1 = require("./Hooks/usePlay");
-Object.defineProperty(exports, "usePlay", { enumerable: true, get: function () { return __importDefault(usePlay_1).default; } });
-var usePlayer_1 = require("./Hooks/usePlayer");
-Object.defineProperty(exports, "usePlayer", { enumerable: true, get: function () { return __importDefault(usePlayer_1).default; } });
-var usePlayerId_1 = require("./Hooks/usePlayerId");
-Object.defineProperty(exports, "usePlayerId", { enumerable: true, get: function () { return __importDefault(usePlayerId_1).default; } });
-var usePlayers_1 = require("./Hooks/usePlayers");
-Object.defineProperty(exports, "usePlayers", { enumerable: true, get: function () { return __importDefault(usePlayers_1).default; } });
-var AnimationPaused_1 = require("./Actions/AnimationPaused");
-Object.defineProperty(exports, "animationPaused", { enumerable: true, get: function () { return AnimationPaused_1.animationPaused; } });
-__exportStar(require("./translation/TranslationSetup"), exports);
-var Avatar_1 = require("./Avatar");
-Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return __importDefault(Avatar_1).default; } });
-__exportStar(require("./Avatar"), exports);
-var Chat_1 = require("./Chat");
-Object.defineProperty(exports, "Chat", { enumerable: true, get: function () { return __importDefault(Chat_1).default; } });
+__exportStar(require("./Actions"), exports);
+__exportStar(require("./animations"), exports);
+__exportStar(require("./api"), exports);
+__exportStar(require("./Chat"), exports);
 __exportStar(require("./EjectPlayer"), exports);
-var Failure_1 = require("./Failure");
-Object.defineProperty(exports, "Failure", { enumerable: true, get: function () { return __importDefault(Failure_1).default; } });
 __exportStar(require("./Failure"), exports);
-__exportStar(require("./Fullscreen"), exports);
-var GamePoints_1 = require("./GamePoints");
-Object.defineProperty(exports, "GamePoints", { enumerable: true, get: function () { return __importDefault(GamePoints_1).default; } });
-__exportStar(require("./GamePoints"), exports);
-var Menu_1 = require("./Menu");
-Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return __importDefault(Menu_1).default; } });
-__exportStar(require("./Menu"), exports);
+__exportStar(require("./GameProvider"), exports);
+__exportStar(require("./GiveUp"), exports);
+__exportStar(require("./Hooks"), exports);
 __exportStar(require("./PlayerTime"), exports);
+__exportStar(require("./Rematch"), exports);
 __exportStar(require("./Sound"), exports);
-__exportStar(require("./Theme"), exports);
+__exportStar(require("./Store"), exports);
 __exportStar(require("./Tutorial"), exports);
-__exportStar(require("./Undo"), exports);
-__exportStar(require("@gamepark/avataaars"), exports);
+__exportStar(require("./Types"), exports);
+__exportStar(require("./User"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAa,QAAA,YAAY,GAAG,MAAA,OAAO,CAAC,GAAG,CAAC,sBAAsB,mCAAI,uBAAuB,CAAA;AACzF,+CAAsD;AAA9C,6HAAA,OAAO,OAAgB;AAG/B,sDAA6D;AAArD,yHAAA,OAAO,OAAc;AAG7B,iDAAwD;AAAhD,yHAAA,OAAO,OAAc;AAC7B,qDAA4D;AAApD,6HAAA,OAAO,OAAgB;AAC/B,uDAA8D;AAAtD,+HAAA,OAAO,OAAiB;AAChC,2CAAkD;AAA1C,mHAAA,OAAO,OAAW;AAC1B,gDAAuD;AAA/C,uHAAA,OAAO,OAAa;AAC5B,yCAAgD;AAAxC,iHAAA,OAAO,OAAU;AACzB,iEAAwE;AAAhE,yIAAA,OAAO,OAAsB;AACrC,iDAAwD;AAAhD,yHAAA,OAAO,OAAc;AAC7B,2CAAkD;AAA1C,mHAAA,OAAO,OAAW;AAC1B,+CAAsD;AAA9C,uHAAA,OAAO,OAAa;AAC5B,mDAA0D;AAAlD,2HAAA,OAAO,OAAe;AAC9B,iDAAwD;AAAhD,yHAAA,OAAO,OAAc;AAE7B,6DAAyD;AAAjD,kHAAA,eAAe,OAAA;AAEvB,iEAA8C;AAE9C,mCAA0C;AAAlC,iHAAA,OAAO,OAAU;AACzB,2CAAwB;AAExB,+BAAsC;AAA9B,6GAAA,OAAO,OAAQ;AAGvB,gDAA6B;AAE7B,qCAA4C;AAApC,mHAAA,OAAO,OAAW;AAC1B,4CAAyB;AAEzB,+CAA4B;AAE5B,2CAAkD;AAA1C,yHAAA,OAAO,OAAc;AAC7B,+CAA4B;AAE5B,+BAAsC;AAA9B,6GAAA,OAAO,OAAQ;AACvB,yCAAsB;AAGtB,+CAA4B;AAE5B,0CAAuB;AAEvB,0CAAuB;AAGvB,6CAA0B;AAE1B,yCAAsB;AAEtB,sDAAmC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAa,QAAA,YAAY,GAAG,MAAA,OAAO,CAAC,GAAG,CAAC,sBAAsB,mCAAI,uBAAuB,CAAA;AACzF,4CAAyB;AACzB,+CAA4B;AAC5B,wCAAqB;AACrB,yCAAsB;AACtB,gDAA6B;AAC7B,4CAAyB;AACzB,iDAA8B;AAC9B,2CAAwB;AACxB,0CAAuB;AACvB,+CAA4B;AAC5B,4CAAyB;AACzB,0CAAuB;AACvB,0CAAuB;AACvB,6CAA0B;AAC1B,0CAAuB;AACvB,yCAAsB"}

package/dist/util/TimeUtil.d.ts

@@ -1,2 +1,2 @@
-import Player from '../Types/Player';
+import { Player } from '../Types';
 export declare function updatePlayersTime<PlayerId>(players: Player<PlayerId>[], now: number): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gamepark/react-client",
-  "version": "5.23.2",
+  "version": "6.0.1-alpha.0",
   "description": "Library to interact with Game Park server in a React application for a board game",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,53 +19,38 @@
   "author": "Romain Fromi <romain@game-park.com> (https://game-park.com/)",
   "license": "ISC",
   "dependencies": {
-    "@apollo/client": "^3.5.0",
-    "@datadog/browser-logs": "^3.6.11",
-    "@fortawesome/free-regular-svg-icons": "^6.1.0",
-    "@fortawesome/free-solid-svg-icons": "^6.1.0",
-    "@fortawesome/react-fontawesome": "^0.1.18",
-    "@gamepark/avataaars": "^2.2.0",
-    "@gamepark/rules-api": "^5.23.2",
     "@harelpls/use-pusher": "^7.2.1",
     "assert": "^2.0.0",
-    "fscreen": "^1.2.0",
     "graphql": "^15.3.0",
-    "i18next-icu": "^2.0.2",
     "immer": "^9.0.2",
-    "intl-messageformat": "^9.5.2",
     "lodash.shuffle": "^4.2.0",
-    "moment": "^2.29.1",
-    "nosleep.js": "^0.12.0",
-    "o9n": "^2.1.0",
     "pusher-js": "^7.0.0",
-    "react-infinite-scroller": "^1.2.4",
-    "redux": ">=4.0.5"
+    "redux": "^4.2.1"
   },
   "devDependencies": {
-    "@emotion/react": "^11.10.5",
+    "@apollo/client": "^3.5.0",
+    "@gamepark/avataaars": "^2.2.0",
+    "@gamepark/rules-api": "^6.0.1-alpha.0",
     "@types/assert": "^1.5.4",
-    "@types/fscreen": "^1.0.1",
-    "@types/graphql-type-json": "^0.3.2",
     "@types/lodash.shuffle": "^4.2.6",
     "@types/react": "^17.0.3",
-    "@types/react-infinite-scroller": "^1.2.1",
     "@types/react-redux": "^7.1.16",
-    "@types/stylis": "^4.0.1",
-    "i18next": "^21.3.0",
+    "dayjs": "^1.11.7",
+    "i18next": "^22.4.13",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-i18next": "^11.8.9",
-    "react-redux": "^7.2.2"
+    "react-redux": "^8.0.5"
   },
   "peerDependencies": {
-    "@emotion/react": ">=11.x",
-    "react": ">=17.x",
-    "react-dom": ">=17.x",
-    "react-i18next": "^11.8.x",
-    "react-redux": ">=7.2.x"
+    "@apollo/client": "^3.5.0",
+    "@gamepark/rules-api": "^5.23.2",
+    "dayjs": "^1.11.7",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-redux": "^8.0.5"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "317a703a17f04f117eb91ab4a7a547a28bf87b0d"
+  "gitHead": "6743256139b4328bcdd2436f03ddc3b3cacecb71"
 }

package/dist/Avatar/Avatar.d.ts

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

package/dist/Avatar/Avatar.js

@@ -1,64 +0,0 @@
-"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 });
-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_2 = require("react");
-var usePlayer_1 = __importDefault(require("../Hooks/usePlayer"));
-var ChatSpeechBubble_1 = __importDefault(require("./ChatSpeechBubble"));
-var SpeechBubble_1 = __importDefault(require("./SpeechBubble"));
-var Tutorial_1 = require("../Tutorial");
-var User_1 = require("../User");
-var usePlayerId_1 = __importDefault(require("../Hooks/usePlayerId"));
-var GameContext_1 = require("../GameProvider/GameContext");
-function Avatar(_a) {
-    var _b, _c;
-    var playerId = _a.playerId, speechBubbleProps = _a.speechBubbleProps, props = __rest(_a, ["playerId", "speechBubbleProps"]);
-    var player = (0, usePlayer_1.default)(playerId);
-    var tutorial = (0, Tutorial_1.useTutorial)();
-    var context = (0, react_2.useContext)(GameContext_1.gameContext);
-    var tutorialAvatar = tutorial && ((_b = context === null || context === void 0 ? void 0 : context.tutorial) === null || _b === void 0 ? void 0 : _b.avatars);
-    var me = (0, User_1.useMe)();
-    var myPlayerId = (0, usePlayerId_1.default)();
-    var avatar = myPlayerId === playerId ? (_c = me === null || me === void 0 ? void 0 : me.user) === null || _c === void 0 ? void 0 : _c.avatar : tutorialAvatar ? tutorialAvatar(playerId) : player === null || player === void 0 ? void 0 : player.avatar;
-    var query = new URLSearchParams(window.location.search);
-    var gameId = query.get('game');
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: style }, props, { children: [(0, jsx_runtime_1.jsx)(avataaars_1.default, __assign({ circle: true }, avatar, { css: avatarCss })), (speechBubbleProps === null || speechBubbleProps === void 0 ? void 0 : speechBubbleProps.children) ?
-                (0, jsx_runtime_1.jsx)(SpeechBubble_1.default, __assign({}, speechBubbleProps, { children: speechBubbleProps.children })) :
-                gameId && player && (0, jsx_runtime_1.jsx)(ChatSpeechBubble_1.default, __assign({ gameId: gameId, player: player }, speechBubbleProps))] })));
-}
-exports.default = Avatar;
-var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 50%;\n  box-shadow: 0 0 0.4em black;\n"], ["\n  border-radius: 50%;\n  box-shadow: 0 0 0.4em black;\n"])));
-var avatarCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  left: -6%;\n  width: 112%;\n  height: 117%;\n"], ["\n  position: absolute;\n  bottom: 0;\n  left: -6%;\n  width: 112%;\n  height: 117%;\n"])));
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=Avatar.js.map

package/dist/Avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAkC;AAClC,kEAA0C;AAC1C,+BAAgD;AAChD,iEAA0C;AAC1C,wEAAiD;AACjD,gEAAyC;AAEzC,wCAAuC;AACvC,gCAA6B;AAC7B,qEAA8C;AAC9C,2DAAuD;AAOvD,SAAwB,MAAM,CAAC,EAA8C;;IAA7C,IAAA,QAAQ,cAAA,EAAE,iBAAiB,uBAAA,EAAK,KAAK,cAAtC,iCAAuC,CAAD;IACnE,IAAM,MAAM,GAAG,IAAA,mBAAS,EAAC,QAAQ,CAAC,CAAA;IAClC,IAAM,QAAQ,GAAG,IAAA,sBAAW,GAAE,CAAA;IAC9B,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAW,CAAC,CAAA;IACvC,IAAM,cAAc,GAAG,QAAQ,KAAI,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,0CAAE,OAAO,CAAA,CAAA;IAC7D,IAAM,EAAE,GAAG,IAAA,YAAK,GAAE,CAAA;IAClB,IAAM,UAAU,GAAG,IAAA,qBAAW,GAAE,CAAA;IAChC,IAAM,MAAM,GAAG,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA;IACtH,IAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,IAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAChC,OAAO,CACL,0CAAK,GAAG,EAAE,KAAK,IAAM,KAAK,eACxB,uBAAC,mBAAQ,aAAC,MAAM,UAAK,MAAM,IAAE,GAAG,EAAE,SAAS,IAAG,EAC7C,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,EAAC,CAAC;gBAC5B,uBAAC,sBAAY,eAAK,iBAAiB,cAAG,iBAAiB,CAAC,QAAQ,IAAgB,CAAC,CAAC;gBAClF,MAAM,IAAI,MAAM,IAAI,uBAAC,0BAAgB,aAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAM,iBAAiB,EAAG,KAE5F,CACP,CAAA;AACH,CAAC;AAnBD,yBAmBC;AAED,IAAM,KAAK,OAAG,WAAG,+HAAA,2DAGhB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,4JAAA,wFAMpB,IAAA,CAAA"}

package/dist/Avatar/ChatSpeechBubble.d.ts

@@ -1,8 +0,0 @@
-import Player from '../Types/Player';
-import SpeechBubbleProps from './SpeechBubbleProps';
-declare type Props = {
-    gameId: string;
-    player: Player;
-} & SpeechBubbleProps;
-export default function ChatSpeechBubble({ gameId, player, ...props }: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/Avatar/ChatSpeechBubble.js

@@ -1,64 +0,0 @@
-"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 });
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var use_pusher_1 = require("@harelpls/use-pusher");
-var react_2 = require("react");
-var SpeechBubble_1 = __importDefault(require("./SpeechBubble"));
-function ChatSpeechBubble(_a) {
-    var gameId = _a.gameId, player = _a.player, props = __rest(_a, ["gameId", "player"]);
-    var channel = (0, use_pusher_1.useChannel)("game=".concat(gameId));
-    var _b = (0, react_2.useState)(''), message = _b[0], setMessage = _b[1];
-    (0, use_pusher_1.useEvent)(channel, 'message', function (message) {
-        if (message && player.userId === message.userId) {
-            setMessage(message.text);
-        }
-    });
-    var hideMessage = function () { return setMessage(''); };
-    (0, react_2.useEffect)(function () {
-        if (message) {
-            var timeout_1 = setTimeout(hideMessage, 3000);
-            return function () { return clearTimeout(timeout_1); };
-        }
-    }, [message]);
-    var onClick = function (event) {
-        hideMessage();
-        event.stopPropagation();
-    };
-    return message ? (0, jsx_runtime_1.jsx)(SpeechBubble_1.default, __assign({ css: chatSpeechBubbleCss, onClick: onClick }, props, { children: message })) : null;
-}
-exports.default = 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 ", " 2s forwards;\n"], ["\n  animation: 1s ", " 2s forwards;\n"])), fadeOut);
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=ChatSpeechBubble.js.map

package/dist/Avatar/ChatSpeechBubble.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatSpeechBubble.js","sourceRoot":"","sources":["../../src/Avatar/ChatSpeechBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA6C;AAC7C,mDAAyD;AACzD,+BAAqD;AAGrD,gEAAyC;AAQzC,SAAwB,gBAAgB,CAAC,EAAiC;IAAhC,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAzB,oBAA0B,CAAD;IAChE,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,eAAQ,MAAM,CAAE,CAAC,CAAA;IACtC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAnC,OAAO,QAAA,EAAE,UAAU,QAAgB,CAAA;IAC1C,IAAA,qBAAQ,EAAU,OAAO,EAAE,SAAS,EAAE,UAAA,OAAO;QAC3C,IAAI,OAAO,IAAI,MAAM,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE;YAC/C,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;SACzB;IACH,CAAC,CAAC,CAAA;IACF,IAAM,WAAW,GAAG,cAAM,OAAA,UAAU,CAAC,EAAE,CAAC,EAAd,CAAc,CAAA;IACxC,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,EAAE;YACX,IAAM,SAAO,GAAG,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;YAC7C,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;SACnC;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,sBAAY,aAAC,GAAG,EAAE,mBAAmB,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,cAAG,OAAO,IAAgB,CAAC,CAAC,CAAC,IAAI,CAAA;AACvH,CAAC;AApBD,mCAoBC;AAED,IAAM,OAAO,OAAG,iBAAS,qGAAA,iCAIxB,IAAA,CAAA;AAED,IAAM,mBAAmB,OAAG,WAAG,2GAAA,oBACb,EAAO,iBACxB,KADiB,OAAO,CACxB,CAAA"}

package/dist/Avatar/SpeechBubble.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import SpeechBubbleProps from './SpeechBubbleProps';
-declare const SpeechBubble: FC<SpeechBubbleProps>;
-export default SpeechBubble;

package/dist/Avatar/SpeechBubble.js

@@ -1,69 +0,0 @@
-"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 });
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_dom_1 = require("react-dom");
-var SpeechBubbleDirection_1 = __importDefault(require("./SpeechBubbleDirection"));
-var SpeechBubble = function (_a) {
-    var children = _a.children, _b = _a.direction, direction = _b === void 0 ? SpeechBubbleDirection_1.default.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 }));
-    if (parent) {
-        var parentElement = document.getElementById(parent);
-        if (parentElement) {
-            return (0, react_dom_1.createPortal)(speechBubble, parentElement);
-        }
-    }
-    return speechBubble;
-};
-var speechBubbleCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: max-content;\n  max-width: 20em;\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\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: 20em;\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\n  :after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n  }\n"])));
-function getDirectionStyle(direction) {
-    switch (direction) {
-        case SpeechBubbleDirection_1.default.TOP_LEFT:
-            return [topBubble, leftBubble, rotateArrow];
-        case SpeechBubbleDirection_1.default.TOP_RIGHT:
-            return [topBubble, rightBubble, reverseRotateArrow];
-        case SpeechBubbleDirection_1.default.BOTTOM_LEFT:
-            return [bottomBubble, leftBubble, reverseRotateArrow];
-        case SpeechBubbleDirection_1.default.BOTTOM_RIGHT:
-            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"])));
-exports.default = SpeechBubble;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
-//# sourceMappingURL=SpeechBubble.js.map

package/dist/Avatar/SpeechBubble.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpeechBubble.js","sourceRoot":"","sources":["../../src/Avatar/SpeechBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAkC;AAElC,uCAAsC;AACtC,kFAA2D;AAG3D,IAAM,YAAY,GAA0B,UAAC,EAA6E;IAA5E,IAAA,QAAQ,cAAA,EAAE,iBAA0C,EAA1C,SAAS,mBAAG,+BAAqB,CAAC,QAAQ,KAAA,EAAE,MAAM,YAAA,EAAE,GAAG,SAAA,EAAK,KAAK,cAA5E,0CAA6E,CAAD;IACvH,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;QACV,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACrD,IAAI,aAAa,EAAE;YACjB,OAAO,IAAA,wBAAY,EAAC,YAAY,EAAE,aAAa,CAAC,CAAA;SACjD;KACF;IACD,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAED,IAAM,eAAe,OAAG,WAAG,mbAAA,+WAoB1B,IAAA,CAAA;AAED,SAAS,iBAAiB,CAAC,SAAgC;IACzD,QAAQ,SAAS,EAAE;QACjB,KAAK,+BAAqB,CAAC,QAAQ;YACjC,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;QAC7C,KAAK,+BAAqB,CAAC,SAAS;YAClC,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAA;QACrD,KAAK,+BAAqB,CAAC,WAAW;YACpC,OAAO,CAAC,YAAY,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAA;QACvD,KAAK,+BAAqB,CAAC,YAAY;YACrC,OAAO,CAAC,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CAAA;KAClD;AACH,CAAC;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;AAED,kBAAe,YAAY,CAAA"}

package/dist/Avatar/SpeechBubbleDirection.d.ts

@@ -1,7 +0,0 @@
-declare enum SpeechBubbleDirection {
-    TOP_LEFT = 0,
-    TOP_RIGHT = 1,
-    BOTTOM_LEFT = 2,
-    BOTTOM_RIGHT = 3
-}
-export default SpeechBubbleDirection;

package/dist/Avatar/SpeechBubbleDirection.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 || (SpeechBubbleDirection = {}));
-exports.default = SpeechBubbleDirection;
-//# sourceMappingURL=SpeechBubbleDirection.js.map

package/dist/Avatar/SpeechBubbleDirection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpeechBubbleDirection.js","sourceRoot":"","sources":["../../src/Avatar/SpeechBubbleDirection.ts"],"names":[],"mappings":";;AAAA,IAAK,qBAEJ;AAFD,WAAK,qBAAqB;IACxB,yEAAQ,CAAA;IAAE,2EAAS,CAAA;IAAE,+EAAW,CAAA;IAAE,iFAAY,CAAA;AAChD,CAAC,EAFI,qBAAqB,KAArB,qBAAqB,QAEzB;AAED,kBAAe,qBAAqB,CAAA"}

package/dist/Avatar/SpeechBubbleProps.d.ts

@@ -1,9 +0,0 @@
-import { Interpolation } from '@emotion/serialize';
-import { HTMLAttributes } from 'react';
-import SpeechBubbleDirection from './SpeechBubbleDirection';
-export declare type SpeechBubbleProps = {
-    direction?: SpeechBubbleDirection;
-    parent?: string;
-    css?: Interpolation<any>;
-} & HTMLAttributes<HTMLParagraphElement>;
-export default SpeechBubbleProps;

package/dist/Avatar/SpeechBubbleProps.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=SpeechBubbleProps.js.map

package/dist/Avatar/SpeechBubbleProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpeechBubbleProps.js","sourceRoot":"","sources":["../../src/Avatar/SpeechBubbleProps.ts"],"names":[],"mappings":""}

package/dist/Avatar/index.d.ts

@@ -1,5 +0,0 @@
-export { default } from './Avatar';
-export { default as ChatSpeechBubble } from './ChatSpeechBubble';
-export { default as SpeechBubble } from './SpeechBubble';
-export { default as SpeechBubbleDirection } from './SpeechBubbleDirection';
-export { default as SpeechBubbleProps } from './SpeechBubbleProps';

package/dist/Avatar/index.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpeechBubbleDirection = exports.SpeechBubble = exports.ChatSpeechBubble = exports.default = void 0;
-var Avatar_1 = require("./Avatar");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Avatar_1).default; } });
-var ChatSpeechBubble_1 = require("./ChatSpeechBubble");
-Object.defineProperty(exports, "ChatSpeechBubble", { enumerable: true, get: function () { return __importDefault(ChatSpeechBubble_1).default; } });
-var SpeechBubble_1 = require("./SpeechBubble");
-Object.defineProperty(exports, "SpeechBubble", { enumerable: true, get: function () { return __importDefault(SpeechBubble_1).default; } });
-var SpeechBubbleDirection_1 = require("./SpeechBubbleDirection");
-Object.defineProperty(exports, "SpeechBubbleDirection", { enumerable: true, get: function () { return __importDefault(SpeechBubbleDirection_1).default; } });
-//# sourceMappingURL=index.js.map

package/dist/Avatar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAgC;AAAxB,kHAAA,OAAO,OAAA;AACf,uDAA8D;AAAtD,qIAAA,OAAO,OAAoB;AACnC,+CAAsD;AAA9C,6HAAA,OAAO,OAAgB;AAC/B,iEAAwE;AAAhE,+IAAA,OAAO,OAAyB"}

package/dist/Chat/Chat.d.ts

@@ -1,3 +0,0 @@
-export default function Chat({ gameId }: {
-    gameId: string;
-}): import("@emotion/react/jsx-runtime").JSX.Element;