@gamepark/react-game 6.38.4 → 6.38.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/PlayerPanel/Counters.d.ts +3 -2
- package/dist/components/PlayerPanel/Counters.js +21 -12
- package/dist/components/PlayerPanel/Counters.js.map +1 -1
- package/dist/components/PlayerPanel/StyledPlayerPanel.js +7 -31
- package/dist/components/PlayerPanel/StyledPlayerPanel.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js +6 -4
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js.map +1 -1
- package/dist/components/material/utils/getBestDropMove.d.ts +1 -1
- package/dist/locators/Locator.d.ts +3 -1
- package/dist/locators/Locator.js.map +1 -1
- package/package.json +4 -4
- package/dist/components/Chat/Chat.d.ts +0 -3
- package/dist/components/Chat/Chat.js +0 -80
- package/dist/components/Chat/Chat.js.map +0 -1
- package/dist/components/Chat/ChatMessage.d.ts +0 -7
- package/dist/components/Chat/ChatMessage.js +0 -29
- package/dist/components/Chat/ChatMessage.js.map +0 -1
- package/dist/components/Chat/ChatMessageAuthor.d.ts +0 -3
- package/dist/components/Chat/ChatMessageAuthor.js +0 -34
- package/dist/components/Chat/ChatMessageAuthor.js.map +0 -1
- package/dist/components/Chat/ChatTextInput.d.ts +0 -7
- package/dist/components/Chat/ChatTextInput.js +0 -44
- package/dist/components/Chat/ChatTextInput.js.map +0 -1
- package/dist/components/Chat/SignInToChat.d.ts +0 -1
- package/dist/components/Chat/SignInToChat.js +0 -35
- package/dist/components/Chat/SignInToChat.js.map +0 -1
- package/dist/components/Chat/index.d.ts +0 -5
- package/dist/components/Chat/index.js +0 -22
- package/dist/components/Chat/index.js.map +0 -1
- package/dist/components/Header/PlayerTurnHeader.d.ts +0 -11
- package/dist/components/Header/PlayerTurnHeader.js +0 -37
- package/dist/components/Header/PlayerTurnHeader.js.map +0 -1
- package/dist/components/Header/SimultaneousHeader.d.ts +0 -8
- package/dist/components/Header/SimultaneousHeader.js +0 -35
- package/dist/components/Header/SimultaneousHeader.js.map +0 -1
- package/dist/components/JournalTabs/History/ActionHistoryEntry.d.ts +0 -12
- package/dist/components/JournalTabs/History/ActionHistoryEntry.js +0 -62
- package/dist/components/JournalTabs/History/ActionHistoryEntry.js.map +0 -1
- package/dist/components/JournalTabs/History/MaterialHistory.d.ts +0 -10
- package/dist/components/JournalTabs/History/MaterialHistory.js +0 -3
- package/dist/components/JournalTabs/History/MaterialHistory.js.map +0 -1
- package/dist/components/JournalTabs/History/PlayerActionHistory.d.ts +0 -8
- package/dist/components/JournalTabs/History/PlayerActionHistory.js +0 -42
- package/dist/components/JournalTabs/History/PlayerActionHistory.js.map +0 -1
- package/dist/components/JournalTabs/History/PlayerHistoryEntry.d.ts +0 -8
- package/dist/components/JournalTabs/History/PlayerHistoryEntry.js +0 -44
- package/dist/components/JournalTabs/History/PlayerHistoryEntry.js.map +0 -1
- package/dist/components/JournalTabs/History/StartHistory.d.ts +0 -2
- package/dist/components/JournalTabs/History/StartHistory.js +0 -30
- package/dist/components/JournalTabs/History/StartHistory.js.map +0 -1
- package/dist/components/material/Dices/DiceDescription.d.ts +0 -10
- package/dist/components/material/Dices/DiceDescription.js +0 -56
- package/dist/components/material/Dices/DiceDescription.js.map +0 -1
- package/dist/components/material/GameTable/DraggableStockItem.d.ts +0 -4
- package/dist/components/material/GameTable/DraggableStockItem.js +0 -82
- package/dist/components/material/GameTable/DraggableStockItem.js.map +0 -1
- package/dist/components/material/GameTable/FocusableElement.d.ts +0 -13
- package/dist/components/material/GameTable/FocusableElement.js +0 -63
- package/dist/components/material/GameTable/FocusableElement.js.map +0 -1
- package/dist/components/material/GameTable/FocusableLocation.d.ts +0 -8
- package/dist/components/material/GameTable/FocusableLocation.js +0 -37
- package/dist/components/material/GameTable/FocusableLocation.js.map +0 -1
- package/dist/components/material/GameTable/FocusableLocations.d.ts +0 -0
- package/dist/components/material/GameTable/FocusableLocations.js +0 -2
- package/dist/components/material/GameTable/FocusableLocations.js.map +0 -1
- package/dist/components/material/GameTable/GameTableContent.d.ts +0 -18
- package/dist/components/material/GameTable/GameTableContent.js +0 -63
- package/dist/components/material/GameTable/GameTableContent.js.map +0 -1
- package/dist/components/material/GameTable/focus/FocusableElement.d.ts +0 -13
- package/dist/components/material/GameTable/focus/FocusableElement.js +0 -63
- package/dist/components/material/GameTable/focus/FocusableElement.js.map +0 -1
- package/dist/components/material/GameTable/focus/FocusableLocation.d.ts +0 -8
- package/dist/components/material/GameTable/focus/FocusableLocation.js +0 -38
- package/dist/components/material/GameTable/focus/FocusableLocation.js.map +0 -1
- package/dist/components/material/GameTable/focus/LocationsWithFocus.d.ts +0 -9
- package/dist/components/material/GameTable/focus/LocationsWithFocus.js +0 -45
- package/dist/components/material/GameTable/focus/LocationsWithFocus.js.map +0 -1
- package/dist/components/material/GameTable/locations.utils.d.ts +0 -0
- package/dist/components/material/GameTable/locations.utils.js +0 -2
- package/dist/components/material/GameTable/locations.utils.js.map +0 -1
- package/dist/components/material/ItemMenu.js.map +0 -1
- package/dist/components/material/MaterialAnimations.d.ts +0 -25
- package/dist/components/material/MaterialAnimations.js +0 -219
- package/dist/components/material/MaterialAnimations.js.map +0 -1
- package/dist/components/material/MaterialGameAnimations.d.ts +0 -10
- package/dist/components/material/MaterialGameAnimations.js +0 -47
- package/dist/components/material/MaterialGameAnimations.js.map +0 -1
- package/dist/components/material/animations/adjustRotation.d.ts +0 -1
- package/dist/components/material/animations/adjustRotation.js +0 -67
- package/dist/components/material/animations/adjustRotation.js.map +0 -1
- package/dist/components/material/animations/isMovedOrDeletedItem.util.d.ts +0 -3
- package/dist/components/material/animations/isMovedOrDeletedItem.util.js +0 -26
- package/dist/components/material/animations/isMovedOrDeletedItem.util.js.map +0 -1
- package/dist/components/material/animations/itemMovementCss.util.d.ts +0 -2
- package/dist/components/material/animations/itemMovementCss.util.js +0 -13
- package/dist/components/material/animations/itemMovementCss.util.js.map +0 -1
- package/dist/components/material/locations/HexGridDropArea.d.ts +0 -11
- package/dist/components/material/locations/HexGridDropArea.js +0 -74
- package/dist/components/material/locations/HexGridDropArea.js.map +0 -1
- package/dist/components/material/utils/IsMoveOnItem.d.ts +0 -2
- package/dist/components/material/utils/IsMoveOnItem.js +0 -12
- package/dist/components/material/utils/IsMoveOnItem.js.map +0 -1
- package/dist/components/material/utils/getItemFromContext.d.ts +0 -3
- package/dist/components/material/utils/getItemFromContext.js +0 -10
- package/dist/components/material/utils/getItemFromContext.js.map +0 -1
- package/dist/components/menus/ContrastThemeButton/ContrastThemeButton.d.ts +0 -4
- package/dist/components/menus/ContrastThemeButton/ContrastThemeButton.js +0 -27
- package/dist/components/menus/ContrastThemeButton/ContrastThemeButton.js.map +0 -1
- package/dist/components/menus/ContrastThemeButton/index.d.ts +0 -1
- package/dist/components/menus/ContrastThemeButton/index.js +0 -18
- package/dist/components/menus/ContrastThemeButton/index.js.map +0 -1
- package/dist/components/tutorial/FocusableElement.d.ts +0 -0
- package/dist/components/tutorial/FocusableElement.js +0 -2
- package/dist/components/tutorial/FocusableElement.js.map +0 -1
- package/dist/hooks/useCloseHelpDialog.d.ts +0 -1
- package/dist/hooks/useCloseHelpDialog.js +0 -14
- package/dist/hooks/useCloseHelpDialog.js.map +0 -1
- package/dist/hooks/useContrastTheme.d.ts +0 -7
- package/dist/hooks/useContrastTheme.js +0 -27
- package/dist/hooks/useContrastTheme.js.map +0 -1
- package/dist/hooks/useGameHistory.d.ts +0 -1
- package/dist/hooks/useGameHistory.js +0 -13
- package/dist/hooks/useGameHistory.js.map +0 -1
- package/dist/hooks/useHistory.d.ts +0 -6
- package/dist/hooks/useHistory.js +0 -85
- package/dist/hooks/useHistory.js.map +0 -1
- package/dist/hooks/useMaterialAnimations.d.ts +0 -2
- package/dist/hooks/useMaterialAnimations.js +0 -17
- package/dist/hooks/useMaterialAnimations.js.map +0 -1
- package/dist/hooks/useMaterials.d.ts +0 -2
- package/dist/hooks/useMaterials.js +0 -10
- package/dist/hooks/useMaterials.js.map +0 -1
- package/dist/hooks/useRulesStep.d.ts +0 -2
- package/dist/hooks/useRulesStep.js +0 -10
- package/dist/hooks/useRulesStep.js.map +0 -1
- package/dist/hooks/useScale.d.ts +0 -1
- package/dist/hooks/useScale.js +0 -16
- package/dist/hooks/useScale.js.map +0 -1
- package/dist/locators/GridLocator.d.ts +0 -13
- package/dist/locators/GridLocator.js +0 -59
- package/dist/locators/GridLocator.js.map +0 -1
- package/dist/locators/ItemLocator.d.ts +0 -49
- package/dist/locators/ItemLocator.js +0 -144
- package/dist/locators/ItemLocator.js.map +0 -1
- package/dist/locators/LineLocator.d.ts +0 -12
- package/dist/locators/LineLocator.js +0 -77
- package/dist/locators/LineLocator.js.map +0 -1
- package/dist/translation/index.d.ts +0 -1
- package/dist/translation/index.js +0 -18
- package/dist/translation/index.js.map +0 -1
- package/dist/translation/setupTranslation.d.ts +0 -5
- package/dist/translation/setupTranslation.js +0 -33
- package/dist/translation/setupTranslation.js.map +0 -1
- package/dist/utilities/animations.constants.d.ts +0 -16
- package/dist/utilities/animations.constants.js +0 -62
- package/dist/utilities/animations.constants.js.map +0 -1
- package/dist/utilities/animations.util.d.ts +0 -4
- package/dist/utilities/animations.util.js +0 -71
- package/dist/utilities/animations.util.js.map +0 -1
- package/dist/utilities/bounds.util.d.ts +0 -7
- package/dist/utilities/bounds.util.js +0 -77
- package/dist/utilities/bounds.util.js.map +0 -1
- package/dist/utilities/calculation.util.d.ts +0 -2
- package/dist/utilities/calculation.util.js +0 -12
- package/dist/utilities/calculation.util.js.map +0 -1
- package/dist/utilities/zoom.util.d.ts +0 -1
- package/dist/utilities/zoom.util.js +0 -14
- package/dist/utilities/zoom.util.js.map +0 -1
|
@@ -4,11 +4,12 @@ import { FC } from 'react';
|
|
|
4
4
|
export type CounterProps = {
|
|
5
5
|
image: string;
|
|
6
6
|
value: number | string;
|
|
7
|
-
} & {
|
|
8
7
|
imageCss?: Interpolation<Theme>;
|
|
8
|
+
extraCss?: Interpolation<Theme>;
|
|
9
|
+
onClick?: () => void;
|
|
9
10
|
};
|
|
10
11
|
export type CountersProps = {
|
|
11
12
|
counters: CounterProps[];
|
|
12
|
-
lineSize
|
|
13
|
+
lineSize: number;
|
|
13
14
|
};
|
|
14
15
|
export declare const Counters: FC<CountersProps>;
|
|
@@ -19,27 +19,36 @@ exports.Counters = void 0;
|
|
|
19
19
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
20
20
|
/** @jsxImportSource @emotion/react */
|
|
21
21
|
var react_1 = require("@emotion/react");
|
|
22
|
+
var lodash_1 = require("lodash");
|
|
22
23
|
var Counters = function (props) {
|
|
23
|
-
var counters = props.counters,
|
|
24
|
+
var counters = props.counters, lineSize = props.lineSize;
|
|
24
25
|
if (!counters.length)
|
|
25
26
|
return null;
|
|
26
27
|
if (counters.length === 1)
|
|
27
28
|
return (0, jsx_runtime_1.jsx)(Counter, __assign({}, counters[0], { unique: true }));
|
|
28
|
-
return ((0, jsx_runtime_1.
|
|
29
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: counterGridCss(lineSize) }, { children: [(0, lodash_1.times)(Math.max(lineSize - counters.length), function () { return (0, jsx_runtime_1.jsx)("span", {}); }), counters.map(function (counter, i) { return ((0, jsx_runtime_1.jsx)(Counter, __assign({}, counter), i)); })] })));
|
|
29
30
|
};
|
|
30
31
|
exports.Counters = Counters;
|
|
31
32
|
var Counter = function (props) {
|
|
32
|
-
var image = props.image, value = props.value, imageCss = props.imageCss, unique = props.unique;
|
|
33
|
+
var image = props.image, value = props.value, imageCss = props.imageCss, unique = props.unique, onClick = props.onClick, extraCss = props.extraCss;
|
|
33
34
|
if (image === undefined && value === undefined)
|
|
34
35
|
return null;
|
|
35
|
-
return ((0, jsx_runtime_1.jsxs)("span", __assign({ css: [
|
|
36
|
+
return ((0, jsx_runtime_1.jsxs)("span", __assign({ css: [
|
|
37
|
+
data,
|
|
38
|
+
rightAlignment,
|
|
39
|
+
unique && uniqCounterCss,
|
|
40
|
+
!unique && counterCss,
|
|
41
|
+
extraCss,
|
|
42
|
+
onClick && hoverCss,
|
|
43
|
+
], onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)("div", { css: [mini, mainIconBackground(image), imageCss] }), (0, jsx_runtime_1.jsx)("span", { children: value })] })));
|
|
36
44
|
};
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
+
var hoverCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n position: relative;\n left: 0;\n right: 0;\n &:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.6);\n }\n"], ["\n overflow: hidden;\n position: relative;\n left: 0;\n right: 0;\n &:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.6);\n }\n"])));
|
|
46
|
+
var counterGridCss = function (size) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(", ", 1fr);\n gap: 0.4em;\n align-items: flex-end;\n"], ["\n display: grid;\n grid-template-columns: repeat(", ", 1fr);\n gap: 0.4em;\n align-items: flex-end;\n"])), size); };
|
|
47
|
+
var mainIconBackground = function (image) { return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-image: url(", ");\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n"], ["\n background-image: url(", ");\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n"])), image); };
|
|
48
|
+
var mini = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 1em;\n width: 1em;\n align-self: center;\n"], ["\n height: 1em;\n width: 1em;\n align-self: center;\n"])));
|
|
49
|
+
var data = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: white;\n background-color: rgba(0, 0, 0, 0.7);\n padding: 0.1em 0.3em;\n border-radius: 0.4em;\n z-index: 2;\n"], ["\n color: white;\n background-color: rgba(0, 0, 0, 0.7);\n padding: 0.1em 0.3em;\n border-radius: 0.4em;\n z-index: 2;\n"])));
|
|
50
|
+
var rightAlignment = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n left: initial;\n right: 0.2em;\n font-size: 2.5em;\n"], ["\n left: initial;\n right: 0.2em;\n font-size: 2.5em;\n"])));
|
|
51
|
+
var uniqCounterCss = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 3.5em;\n font-size: 2.5em;\n top: 1.7em;\n left: initial;\n right: 0.25em;\n display: flex;\n align-items: center;\n justify-content: space-between;\n ", ";\n\n > span {\n text-align: right;\n width: 1.7em;\n bottom: 0.2em;\n }\n"], ["\n width: 3.5em;\n font-size: 2.5em;\n top: 1.7em;\n left: initial;\n right: 0.25em;\n display: flex;\n align-items: center;\n justify-content: space-between;\n ", ";\n\n > span {\n text-align: right;\n width: 1.7em;\n bottom: 0.2em;\n }\n"])), rightAlignment);
|
|
52
|
+
var counterCss = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n justify-self: end;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n\n > span {\n text-align: right;\n bottom: 0.2em;\n }\n"], ["\n justify-self: end;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n\n > span {\n text-align: right;\n bottom: 0.2em;\n }\n"])));
|
|
53
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
45
54
|
//# sourceMappingURL=Counters.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/Counters.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;
|
|
1
|
+
{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/Counters.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAC1D,iCAA8B;AAgBvB,IAAM,QAAQ,GAAsB,UAAC,KAAK;IACvC,IAAA,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACpC,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IACjC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,uBAAC,OAAO,eAAK,QAAQ,CAAC,CAAC,CAAC,IAAE,MAAM,UAAE,CAAA;IAEpE,OAAO,CACL,0CAAK,GAAG,EAAE,cAAc,CAAC,QAAQ,CAAC,iBAC/B,IAAA,cAAK,EAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,EAAE,cAAM,OAAA,kCAAQ,EAAR,CAAQ,CAAC,EAC3D,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC,IAAK,OAAA,CAC5B,uBAAC,OAAO,eAAa,OAAO,GAAd,CAAC,CAAiB,CACjC,EAF6B,CAE7B,CAAC,KACE,CACP,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,QAAQ,YAapB;AAED,IAAM,OAAO,GAA4C,UAAC,KAAK;IACrD,IAAA,KAAK,GAAiD,KAAK,MAAtD,EAAE,KAAK,GAA0C,KAAK,MAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,MAAM,GAAwB,KAAK,OAA7B,EAAE,OAAO,GAAe,KAAK,QAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACnE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3D,OAAO,CACL,2CACE,GAAG,EAAE;YACH,IAAI;YACJ,cAAc;YACd,MAAM,IAAI,cAAc;YACxB,CAAC,MAAM,IAAI,UAAU;YACrB,QAAQ;YACR,OAAO,IAAI,QAAQ;SACpB,EACD,OAAO,EAAE,OAAO,iBAEhB,gCAAK,GAAG,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,EACxD,2CAAO,KAAK,GAAQ,KACf,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,gOAAA,4JASnB,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,UAAC,IAAY,IAAK,WAAA,WAAG,gLAAA,sDAEV,EAAI,oDAGrC,KAHiC,IAAI,GAFG,CAKxC,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,sMAAA,4BACvB,EAAK,oGAI9B,KAJyB,KAAK,GADe,CAK7C,CAAA;AACD,IAAM,IAAI,OAAG,WAAG,8HAAA,0DAIf,IAAA,CAAA;AAED,IAAM,IAAI,OAAG,WAAG,mMAAA,+HAMf,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,gIAAA,4DAIzB,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,yUAAA,4KAStB,EAAc,uFAOjB,KAPG,cAAc,CAOjB,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,0PAAA,sLAWrB,IAAA,CAAA"}
|
|
@@ -25,31 +25,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
25
25
|
}
|
|
26
26
|
return t;
|
|
27
27
|
};
|
|
28
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
29
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
30
|
-
if (!m) return o;
|
|
31
|
-
var i = m.call(o), r, ar = [], e;
|
|
32
|
-
try {
|
|
33
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
34
|
-
}
|
|
35
|
-
catch (error) { e = { error: error }; }
|
|
36
|
-
finally {
|
|
37
|
-
try {
|
|
38
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
39
|
-
}
|
|
40
|
-
finally { if (e) throw e.error; }
|
|
41
|
-
}
|
|
42
|
-
return ar;
|
|
43
|
-
};
|
|
44
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
45
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
46
|
-
if (ar || !(i in from)) {
|
|
47
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
48
|
-
ar[i] = from[i];
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
52
|
-
};
|
|
53
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
29
|
exports.StyledPlayerPanel = void 0;
|
|
55
30
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
@@ -63,8 +38,7 @@ var PlayerTimer_1 = require("../PlayerTimer");
|
|
|
63
38
|
var Counters_1 = require("./Counters");
|
|
64
39
|
var StyledPlayerPanel = function (props) {
|
|
65
40
|
var _a, _b;
|
|
66
|
-
var player = props.player, activeRing = props.activeRing, timerOnRight = props.timerOnRight, playerFocus = props.playerFocus, backgroundImage = props.backgroundImage, _c = props.counters, counters = _c === void 0 ? [] : _c, _d = props.countersPerLine, countersPerLine = _d === void 0 ?
|
|
67
|
-
var allCounter = mainCounter ? __spreadArray([mainCounter], __read(counters), false) : counters !== null && counters !== void 0 ? counters : [];
|
|
41
|
+
var player = props.player, activeRing = props.activeRing, timerOnRight = props.timerOnRight, playerFocus = props.playerFocus, backgroundImage = props.backgroundImage, _c = props.counters, counters = _c === void 0 ? [] : _c, _d = props.countersPerLine, countersPerLine = _d === void 0 ? 3 : _d, mainCounter = props.mainCounter, speak = props.speak, rest = __rest(props, ["player", "activeRing", "timerOnRight", "playerFocus", "backgroundImage", "counters", "countersPerLine", "mainCounter", "speak"]);
|
|
68
42
|
var setFocus = (0, material_1.useFocusContext)().setFocus;
|
|
69
43
|
var playerName = (0, hooks_1.usePlayerName)(player.id);
|
|
70
44
|
var gameOver = (_a = (0, hooks_1.useRules)()) === null || _a === void 0 ? void 0 : _a.isOver();
|
|
@@ -76,8 +50,10 @@ var StyledPlayerPanel = function (props) {
|
|
|
76
50
|
return;
|
|
77
51
|
setFocus(playerFocus);
|
|
78
52
|
}, [playerFocus]);
|
|
79
|
-
|
|
80
|
-
|
|
53
|
+
var main = mainCounter ? mainCounter : counters.length === 1 ? counters[0] : undefined;
|
|
54
|
+
var secondaryCounters = !mainCounter && counters.length === 1 ? [] : counters;
|
|
55
|
+
var hasCounter = counters.length > 0 || !!mainCounter;
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: panelRef, css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !hasCounter && noCounterCss], onClick: focusPlayer }, rest, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps: { direction: getSpeechBubbleDirection(panelRef), children: typeof speak === 'string' ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: speak }) : speak } }), activeRing && isTurnToPlay && (0, jsx_runtime_1.jsx)("div", __assign({ css: isPlaying }, { children: (0, jsx_runtime_1.jsx)("div", { css: isTurnToPlay && circle }) })), (0, jsx_runtime_1.jsx)("h2", __assign({ css: [nameStyle, data] }, { children: playerName })), !main && !gameOver && ((0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] })), main && !gameOver && ((0, jsx_runtime_1.jsxs)("div", __assign({ css: groupTimerAndCounter }, { children: [!gameOver && ((0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] })), (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: [main], lineSize: 1 })] }))), secondaryCounters.length > 0 && ((0, jsx_runtime_1.jsx)("div", __assign({ css: groupTimerAndCounters }, { children: (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: secondaryCounters, lineSize: countersPerLine }) })))] })));
|
|
81
57
|
};
|
|
82
58
|
exports.StyledPlayerPanel = StyledPlayerPanel;
|
|
83
59
|
var getSpeechBubbleDirection = function (element) {
|
|
@@ -99,7 +75,7 @@ var getSpeechBubbleDirection = function (element) {
|
|
|
99
75
|
};
|
|
100
76
|
var noCounterCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 8.1em;\n"], ["\n min-height: 8.1em;\n"])));
|
|
101
77
|
var groupTimerAndCounter = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-self: flex-end;\n gap: 0.5em;\n"], ["\n display: flex;\n flex-direction: row;\n align-self: flex-end;\n gap: 0.5em;\n"])));
|
|
102
|
-
var groupTimerAndCounters = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n
|
|
78
|
+
var groupTimerAndCounters = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n"])));
|
|
103
79
|
var halfOpacityOnPause = function (playing) { return !playing && (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n opacity: 0.8;\n"], ["\n opacity: 0.8;\n"]))); };
|
|
104
80
|
var rightAlignment = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n left: initial;\n right: 0.2em;\n font-size: 2.5em;\n"], ["\n left: initial;\n right: 0.2em;\n font-size: 2.5em;\n"])));
|
|
105
81
|
var panelPlayerStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: black;\n border-radius: 3em 1.5em 1.5em 1.5em;\n box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n width: 28em;\n display: flex;\n flex-direction: column;\n gap: 0.4em;\n padding: 0.5em;\n"], ["\n color: black;\n border-radius: 3em 1.5em 1.5em 1.5em;\n box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n width: 28em;\n display: flex;\n flex-direction: column;\n gap: 0.4em;\n padding: 0.5em;\n"])));
|
|
@@ -113,6 +89,6 @@ var timerStyle = (0, react_1.css)(templateObject_13 || (templateObject_13 = __ma
|
|
|
113
89
|
var isPlaying = (0, react_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 50%;\n height: 6em;\n width: 6em;\n color: black;\n z-index: 2;\n"], ["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 50%;\n height: 6em;\n width: 6em;\n color: black;\n z-index: 2;\n"])));
|
|
114
90
|
var circleAnimation = (0, react_1.keyframes)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n to {\n transform: rotateZ(0);\n }\n from {\n transform: rotateZ(360deg);\n }\n"], ["\n to {\n transform: rotateZ(0);\n }\n from {\n transform: rotateZ(360deg);\n }\n"])));
|
|
115
91
|
var inset = 0.8;
|
|
116
|
-
var circle = (0, react_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-image: linear-gradient(\n
|
|
92
|
+
var circle = (0, react_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-image: linear-gradient(\n to bottom, gold 0%,\n rgb(40, 184, 206) 100%);\n position: absolute;\n top: -", "em;\n bottom: -", "em;\n right: -", "em;\n left: -", "em;\n border-radius: inherit;\n animation: ", " 1s infinite linear;\n"], ["\n background-image: linear-gradient(\n to bottom, gold 0%,\n rgb(40, 184, 206) 100%);\n position: absolute;\n top: -", "em;\n bottom: -", "em;\n right: -", "em;\n left: -", "em;\n border-radius: inherit;\n animation: ", " 1s infinite linear;\n"])), inset, inset, inset, inset, circleAnimation);
|
|
117
93
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
|
|
118
94
|
//# sourceMappingURL=StyledPlayerPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledPlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/StyledPlayerPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StyledPlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/StyledPlayerPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,17 +25,19 @@ var hooks_1 = require("../../../hooks");
|
|
|
25
25
|
var RulesHelpDialogContent_1 = require("./RulesHelpDialogContent");
|
|
26
26
|
var displayHelp = rules_api_1.MaterialMoveBuilder.displayHelp;
|
|
27
27
|
var LocationRulesDialogContent = function (_a) {
|
|
28
|
+
var _b, _c;
|
|
28
29
|
var location = _a.helpDisplay.location;
|
|
29
30
|
var play = (0, hooks_1.usePlay)();
|
|
30
31
|
var context = (0, hooks_1.useMaterialContext)();
|
|
31
32
|
var locator = (0, hooks_1.useItemLocator)(location.type);
|
|
32
33
|
var description = locator === null || locator === void 0 ? void 0 : locator.getLocationDescription(location, context);
|
|
33
|
-
|
|
34
|
+
var Help = (_b = description === null || description === void 0 ? void 0 : description.help) !== null && _b !== void 0 ? _b : locator === null || locator === void 0 ? void 0 : locator.help;
|
|
35
|
+
if (!Help)
|
|
34
36
|
return null;
|
|
35
|
-
var image = description.getHelpImage(location, context);
|
|
36
|
-
var
|
|
37
|
+
var image = description === null || description === void 0 ? void 0 : description.getHelpImage(location, context);
|
|
38
|
+
var _d = (_c = description === null || description === void 0 ? void 0 : description.getLocationSize(location, context)) !== null && _c !== void 0 ? _c : { width: 0, height: 0 }, width = _d.width, height = _d.height;
|
|
37
39
|
return (0, jsx_runtime_1.jsxs)("div", __assign({ css: flex }, { children: [!!image &&
|
|
38
|
-
(0, jsx_runtime_1.jsx)("div", { css: [noShrink, (0, css_1.fontSizeCss)(Math.min(75 / height, 75 / width, 10)), backgroundImage(image, height, width)] }), (0, jsx_runtime_1.jsx)("div", __assign({ css: RulesHelpDialogContent_1.helpDialogContentCss }, { children: (0, jsx_runtime_1.jsx)(
|
|
40
|
+
(0, jsx_runtime_1.jsx)("div", { css: [noShrink, (0, css_1.fontSizeCss)(Math.min(75 / height, 75 / width, 10)), backgroundImage(image, height, width)] }), (0, jsx_runtime_1.jsx)("div", __assign({ css: RulesHelpDialogContent_1.helpDialogContentCss }, { children: (0, jsx_runtime_1.jsx)(Help, { location: location, closeDialog: function () { return play(displayHelp(undefined), { transient: true }); } }) }))] }));
|
|
39
41
|
};
|
|
40
42
|
exports.LocationRulesDialogContent = LocationRulesDialogContent;
|
|
41
43
|
var flex = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n padding: 3em 1em 3em 3em;\n max-width: inherit;\n max-height: inherit;\n"], ["\n display: flex;\n padding: 3em 1em 3em 3em;\n max-width: inherit;\n max-height: inherit;\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocationRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/LocationRulesDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,iDAA8E;AAC9E,oCAA0C;AAC1C,wCAA4E;AAC5E,mEAA+D;AAC/D,IAAO,WAAW,GAAG,+BAAmB,CAAC,WAAW,CAAA;AAM7C,IAAM,0BAA0B,GAAG,UACxC,EAAoE
|
|
1
|
+
{"version":3,"file":"LocationRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/LocationRulesDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,iDAA8E;AAC9E,oCAA0C;AAC1C,wCAA4E;AAC5E,mEAA+D;AAC/D,IAAO,WAAW,GAAG,+BAAmB,CAAC,WAAW,CAAA;AAM7C,IAAM,0BAA0B,GAAG,UACxC,EAAoE;;QAAnD,QAAQ,0BAAA;IAEzB,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAW,CAAA;IAC7C,IAAM,OAAO,GAAG,IAAA,sBAAc,EAAU,QAAQ,CAAC,IAAI,CAAC,CAAA;IACtD,IAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACtE,IAAM,IAAI,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,mCAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA;IAC/C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,IAAM,KAAK,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACpD,IAAA,KAAoB,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,mCAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAA5F,KAAK,WAAA,EAAE,MAAM,YAA+E,CAAA;IACpG,OAAO,0CAAK,GAAG,EAAE,IAAI,iBAClB,CAAC,CAAC,KAAK;gBACN,gCAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAA,iBAAW,EAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,EAEpH,yCAAK,GAAG,EAAE,6CAAoB,gBAC5B,uBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAM,OAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAjD,CAAiD,GAAG,IAC7F,KACF,CAAA;AACR,CAAC,CAAA;AAnBY,QAAA,0BAA0B,8BAmBtC;AAED,IAAM,IAAI,OAAG,WAAG,sKAAA,kGAKf,IAAA,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,2FAAA,uBAEnB,IAAA,CAAA;AAED,IAAM,eAAe,GAAG,UAAC,KAAa,EAAE,MAAc,EAAE,KAAa,IAAK,WAAA,WAAG,wKAAA,4BACnD,EAAK,2CAEnB,EAAM,gBACP,EAAK,OACf,KAJyB,KAAK,EAEnB,MAAM,EACP,KAAK,GAJ0D,CAKzE,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { DragEndEvent, DragMoveEvent } from '@dnd-kit/core';
|
|
2
|
-
import { MaterialMove } from '
|
|
2
|
+
import { MaterialMove } from '@gamepark/rules-api';
|
|
3
3
|
import { MaterialContext } from '../../../locators';
|
|
4
4
|
export declare function getBestDropMove<P extends number = number, M extends number = number, L extends number = number>(event: DragMoveEvent | DragEndEvent, context: MaterialContext<P, M, L>, legalMoves: MaterialMove<P, M, L>[]): MaterialMove<P, M, L> | undefined;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
|
2
2
|
import { Coordinates, DeleteItem, DisplayedItem, Location, MaterialItem, MaterialRules, MoveItem, MoveItemsAtOnce, XYCoordinates } from '@gamepark/rules-api';
|
|
3
|
-
import {
|
|
3
|
+
import { ComponentType } from 'react';
|
|
4
|
+
import { LocationDescription, LocationHelpProps, MaterialDescriptionRecord } from '../components';
|
|
4
5
|
export type SortFunction = ((item: MaterialItem) => number);
|
|
5
6
|
/**
|
|
6
7
|
* A Locator is responsible for placing item and locations (such as drop areas) on the Game Table.
|
|
@@ -227,6 +228,7 @@ export declare class Locator<P extends number = number, M extends number = numbe
|
|
|
227
228
|
* @return true if a preview must be displayed
|
|
228
229
|
*/
|
|
229
230
|
showDropPreview(_move: MoveItem<P, M, L>, _context: MaterialContext<P, M, L>): boolean;
|
|
231
|
+
help?: ComponentType<LocationHelpProps<P, L>>;
|
|
230
232
|
}
|
|
231
233
|
/**
|
|
232
234
|
* A record of item locators, to provide to the game context.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Locator.js","sourceRoot":"","sources":["../../src/locators/Locator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,iDAY4B;AAC5B,2DAAoC;AACpC,uDAAgC;AAChC,6DAAsC;
|
|
1
|
+
{"version":3,"file":"Locator.js","sourceRoot":"","sources":["../../src/locators/Locator.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gamepark/react-game",
|
|
3
|
-
"version": "6.38.
|
|
3
|
+
"version": "6.38.6",
|
|
4
4
|
"description": "React components & tools to create a Board Game user interface for Game Park",
|
|
5
5
|
"author": "Romain Fromi <romain@game-park.com> (https://game-park.com/)",
|
|
6
6
|
"license": "ISC",
|
|
@@ -20,15 +20,15 @@
|
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@apollo/client": "^3.5.0",
|
|
23
|
-
"@datadog/browser-logs": "^
|
|
23
|
+
"@datadog/browser-logs": "^6.18.1",
|
|
24
24
|
"@dnd-kit/modifiers": "^6.0.1",
|
|
25
25
|
"@fortawesome/fontawesome-svg-core": "^6.6.0",
|
|
26
26
|
"@fortawesome/free-regular-svg-icons": "^6.6.0",
|
|
27
27
|
"@fortawesome/free-solid-svg-icons": "^6.6.0",
|
|
28
28
|
"@fortawesome/react-fontawesome": "^0.2.2",
|
|
29
29
|
"@gamepark/avataaars": "~2.2.0",
|
|
30
|
-
"@gamepark/react-client": "~6.38.
|
|
31
|
-
"@gamepark/rules-api": "~6.38.
|
|
30
|
+
"@gamepark/react-client": "~6.38.5",
|
|
31
|
+
"@gamepark/rules-api": "~6.38.5",
|
|
32
32
|
"dayjs": "^1.11.7",
|
|
33
33
|
"emotion-normalize": "^11.0.1",
|
|
34
34
|
"fscreen": "^1.2.0",
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.Chat = void 0;
|
|
22
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
23
|
-
var react_1 = require("@emotion/react");
|
|
24
|
-
var free_regular_svg_icons_1 = require("@fortawesome/free-regular-svg-icons");
|
|
25
|
-
var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
|
|
26
|
-
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
27
|
-
var react_client_1 = require("@gamepark/react-client");
|
|
28
|
-
var react_2 = require("react");
|
|
29
|
-
var react_i18next_1 = require("react-i18next");
|
|
30
|
-
var react_infinite_scroller_1 = __importDefault(require("react-infinite-scroller"));
|
|
31
|
-
var hooks_1 = require("../../hooks");
|
|
32
|
-
var menus_1 = require("../menus");
|
|
33
|
-
var ChatMessage_1 = require("./ChatMessage");
|
|
34
|
-
var ChatTextInput_1 = require("./ChatTextInput");
|
|
35
|
-
var SignInToChat_1 = require("./SignInToChat");
|
|
36
|
-
var menuCss_1 = require("../menus/menuCss");
|
|
37
|
-
var Chat = function (_a) {
|
|
38
|
-
var _b;
|
|
39
|
-
var gameId = _a.gameId;
|
|
40
|
-
var t = (0, react_i18next_1.useTranslation)().t;
|
|
41
|
-
var _c = (0, react_2.useState)(false), isOpen = _c[0], setOpen = _c[1];
|
|
42
|
-
var me = (0, react_client_1.useMe)();
|
|
43
|
-
var playerId = (0, hooks_1.usePlayerId)();
|
|
44
|
-
var inputRef = (0, react_2.useRef)(null);
|
|
45
|
-
(0, react_2.useEffect)(function () {
|
|
46
|
-
if (isOpen && inputRef.current) {
|
|
47
|
-
inputRef.current.focus();
|
|
48
|
-
}
|
|
49
|
-
}, [isOpen]);
|
|
50
|
-
(0, hooks_1.useKeyDown)('Enter', function () { return setOpen(true); });
|
|
51
|
-
(0, hooks_1.useKeyDown)('Escape', function () { return setOpen(false); });
|
|
52
|
-
var _d = (0, react_client_1.useChatMessages)(gameId, function () {
|
|
53
|
-
if (!scrollRef.current)
|
|
54
|
-
return;
|
|
55
|
-
var _a = scrollRef.current, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight, scrollTop = _a.scrollTop;
|
|
56
|
-
if (clientHeight + scrollTop === scrollHeight) {
|
|
57
|
-
shouldScroll.current = true;
|
|
58
|
-
}
|
|
59
|
-
}), messages = _d.messages, hasMoreMessages = _d.hasMoreMessages, loading = _d.loading, fetchMore = _d.fetchMore;
|
|
60
|
-
var scrollRef = (0, react_2.useRef)(null);
|
|
61
|
-
var shouldScroll = (0, react_2.useRef)(false);
|
|
62
|
-
(0, react_2.useEffect)(function () {
|
|
63
|
-
if (!scrollRef.current || !shouldScroll.current)
|
|
64
|
-
return;
|
|
65
|
-
var _a = scrollRef.current, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
|
|
66
|
-
scrollRef.current.scrollTo({ top: scrollHeight - clientHeight, behavior: 'smooth' });
|
|
67
|
-
shouldScroll.current = false;
|
|
68
|
-
}, [messages]);
|
|
69
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { css: [menus_1.backdrop, isOpen && menus_1.displayBackdrop], onClick: function () { return setOpen(false); } }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: [menuCss_1.menuBaseCss, chatCss, !isOpen && menuCss_1.hide] }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ ref: scrollRef, id: "fui", css: scrollCss }, { children: (0, jsx_runtime_1.jsx)(react_infinite_scroller_1.default, __assign({ css: scrollContentCss, useWindow: false, isReverse: true, getScrollParent: function () { return scrollRef.current; }, hasMore: !loading && hasMoreMessages && messages.length > 0, loadMore: function () { return fetchMore({ variables: { channel: "game=".concat(gameId), maxDate: messages[0].date } }); } }, { children: messages.map(function (message, index) {
|
|
70
|
-
return (0, jsx_runtime_1.jsx)(ChatMessage_1.ChatMessage, { message: message, showAuthor: index === 0 || messages[index - 1].userId !== message.userId }, message.id);
|
|
71
|
-
}) })) })), playerId || ((_b = me === null || me === void 0 ? void 0 : me.user) === null || _b === void 0 ? void 0 : _b.id) ? (0, jsx_runtime_1.jsx)(ChatTextInput_1.ChatTextInput, { channel: "game=".concat(gameId), inputRef: inputRef }) : (0, jsx_runtime_1.jsx)(SignInToChat_1.SignInToChat, {})] })), (0, jsx_runtime_1.jsx)("button", __assign({ "aria-label": t('Discuss'), title: t('Discuss'), css: [menuCss_1.floatingButtonCss, chatButtonCss], onClick: function () { return setOpen(!isOpen); } }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: isOpen ? free_solid_svg_icons_1.faTimes : free_regular_svg_icons_1.faComments, css: iconStyle }) }))] }));
|
|
72
|
-
};
|
|
73
|
-
exports.Chat = Chat;
|
|
74
|
-
var chatButtonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n z-index: 1000;\n top: 0;\n left: 0;\n border-bottom-right-radius: 25%;\n background: #28B8CE;\n height: 2.5em;\n width: 2.5em;\n min-width: 38px;\n min-height: 38px;\n\n &:focus, &:hover {\n background: #24a5b9;\n }\n\n &:active {\n background: #2092a3;\n }\n\n svg {\n position: relative;\n width: 70%;\n height: 60%;\n }\n"], ["\n z-index: 1000;\n top: 0;\n left: 0;\n border-bottom-right-radius: 25%;\n background: #28B8CE;\n height: 2.5em;\n width: 2.5em;\n min-width: 38px;\n min-height: 38px;\n\n &:focus, &:hover {\n background: #24a5b9;\n }\n\n &:active {\n background: #2092a3;\n }\n\n svg {\n position: relative;\n width: 70%;\n height: 60%;\n }\n"])));
|
|
75
|
-
var iconStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: white;\n font-size: 1.5em;\n @media (max-height: 300px) {\n font-size: 20px;\n }\n"], ["\n color: white;\n font-size: 1.5em;\n @media (max-height: 300px) {\n font-size: 20px;\n }\n"])));
|
|
76
|
-
var chatCss = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 16px;\n left: 0;\n height: 100vh;\n width: 360px;\n max-width: 100vw;\n border-bottom-right-radius: 0.5em;\n transform-origin: top left;\n justify-content: flex-end;\n"], ["\n font-size: 16px;\n left: 0;\n height: 100vh;\n width: 360px;\n max-width: 100vw;\n border-bottom-right-radius: 0.5em;\n transform-origin: top left;\n justify-content: flex-end;\n"])));
|
|
77
|
-
var scrollCss = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: scroll;\n scrollbar-color: rgba(74, 74, 74, 0.3) transparent;\n scrollbar-width: thin;\n margin-left: 16px;\n margin-right: 8px;\n\n &::-webkit-scrollbar {\n width: 6px\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 7px;\n background-color: rgba(74, 74, 74, 0.3);\n }\n\n align-self: stretch;\n display: flex;\n flex-direction: column;\n"], ["\n overflow-x: hidden;\n overflow-y: scroll;\n scrollbar-color: rgba(74, 74, 74, 0.3) transparent;\n scrollbar-width: thin;\n margin-left: 16px;\n margin-right: 8px;\n\n &::-webkit-scrollbar {\n width: 6px\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 7px;\n background-color: rgba(74, 74, 74, 0.3);\n }\n\n align-self: stretch;\n display: flex;\n flex-direction: column;\n"])));
|
|
78
|
-
var scrollContentCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: relative;\n padding-left: 3em;\n"], ["\n position: relative;\n padding-left: 3em;\n"])));
|
|
79
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
80
|
-
//# sourceMappingURL=Chat.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.ChatMessage = void 0;
|
|
19
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
20
|
-
var react_1 = require("@emotion/react");
|
|
21
|
-
var ChatMessageAuthor_1 = require("./ChatMessageAuthor");
|
|
22
|
-
var ChatMessage = function (_a) {
|
|
23
|
-
var message = _a.message, showAuthor = _a.showAuthor;
|
|
24
|
-
return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showAuthor && (0, jsx_runtime_1.jsx)(ChatMessageAuthor_1.ChatMessageAuthor, { author: message.userId }), (0, jsx_runtime_1.jsx)("p", __assign({ css: textCss }, { children: message.text }))] });
|
|
25
|
-
};
|
|
26
|
-
exports.ChatMessage = ChatMessage;
|
|
27
|
-
var textCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n line-height: 1.5;\n margin: 0;\n"], ["\n line-height: 1.5;\n margin: 0;\n"])));
|
|
28
|
-
var templateObject_1;
|
|
29
|
-
//# sourceMappingURL=ChatMessage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../src/components/Chat/ChatMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAEpC,yDAAuD;AAOhD,IAAM,WAAW,GAAG,UAAC,EAA8B;QAA5B,OAAO,aAAA,EAAE,UAAU,gBAAA;IAAc,OAAA,6DAC5D,UAAU,IAAI,uBAAC,qCAAiB,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAG,EAC3D,uCAAG,GAAG,EAAE,OAAO,gBAAG,OAAO,CAAC,IAAI,IAAK,IAClC;AAH4D,CAG5D,CAAA;AAHU,QAAA,WAAW,eAGrB;AAEH,IAAM,OAAO,OAAG,WAAG,2GAAA,uCAGlB,IAAA,CAAA"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.ChatMessageAuthor = void 0;
|
|
22
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
23
|
-
var react_1 = require("@emotion/react");
|
|
24
|
-
var avataaars_1 = __importDefault(require("@gamepark/avataaars"));
|
|
25
|
-
var react_client_1 = require("@gamepark/react-client");
|
|
26
|
-
var ChatMessageAuthor = function (_a) {
|
|
27
|
-
var author = _a.author;
|
|
28
|
-
var _b = (0, react_client_1.useMessageAuthor)(author), avatar = _b.avatar, name = _b.name;
|
|
29
|
-
return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(avataaars_1.default, __assign({ style: { width: '48px', height: '48px', position: 'absolute', left: '-3px' }, circle: true }, avatar)), (0, jsx_runtime_1.jsx)("p", __assign({ css: authorCss }, { children: name }))] });
|
|
30
|
-
};
|
|
31
|
-
exports.ChatMessageAuthor = ChatMessageAuthor;
|
|
32
|
-
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"], ["\n font-weight: bold;\n line-height: 1.5;\n margin: 4px 0 0;\n"])));
|
|
33
|
-
var templateObject_1;
|
|
34
|
-
//# sourceMappingURL=ChatMessageAuthor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageAuthor.js","sourceRoot":"","sources":["../../../src/components/Chat/ChatMessageAuthor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,kEAAwC;AACxC,uDAAyD;AAElD,IAAM,iBAAiB,GAAG,UAAC,EAA8B;QAA5B,MAAM,YAAA;IAClC,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,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,MAAM,UAAK,MAAM,EAAG,EAC1G,uCAAG,GAAG,EAAE,SAAS,gBAAG,IAAI,IAAK,IAC5B,CAAA;AACL,CAAC,CAAA;AAPY,QAAA,iBAAiB,qBAO7B;AAED,IAAM,SAAS,OAAG,WAAG,uIAAA,mEAIpB,IAAA,CAAA"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.ChatTextInput = void 0;
|
|
19
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
20
|
-
var react_1 = require("@emotion/react");
|
|
21
|
-
var free_regular_svg_icons_1 = require("@fortawesome/free-regular-svg-icons");
|
|
22
|
-
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
23
|
-
var react_client_1 = require("@gamepark/react-client");
|
|
24
|
-
var react_2 = require("react");
|
|
25
|
-
var react_i18next_1 = require("react-i18next");
|
|
26
|
-
var css_1 = require("../../css");
|
|
27
|
-
var ChatTextInput = function (_a) {
|
|
28
|
-
var channel = _a.channel, inputRef = _a.inputRef;
|
|
29
|
-
var t = (0, react_i18next_1.useTranslation)().t;
|
|
30
|
-
var _b = (0, react_2.useState)(''), text = _b[0], setText = _b[1];
|
|
31
|
-
var sendMessage = (0, react_client_1.useSendMessage)()[0];
|
|
32
|
-
var onSubmit = function (event) {
|
|
33
|
-
event.preventDefault();
|
|
34
|
-
sendMessage({ variables: { channel: channel, text: text } }).catch(console.error);
|
|
35
|
-
setText('');
|
|
36
|
-
};
|
|
37
|
-
return ((0, jsx_runtime_1.jsxs)("form", __assign({ css: messageBar, onSubmit: onSubmit }, { children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "text", placeholder: t('Type a message'), css: textInputCss, value: text, onChange: function (event) { return setText(event.target.value); } }), (0, jsx_runtime_1.jsx)("button", __assign({ "aria-label": t('Send'), title: t('Send'), css: [css_1.buttonResetCss, sendButtonStyle] }, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_regular_svg_icons_1.faPaperPlane }) }))] })));
|
|
38
|
-
};
|
|
39
|
-
exports.ChatTextInput = ChatTextInput;
|
|
40
|
-
var messageBar = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n padding: 0.5em;\n background: #28B8CE;\n display: flex;\n"], ["\n width: 100%;\n padding: 0.5em;\n background: #28B8CE;\n display: flex;\n"])));
|
|
41
|
-
var textInputCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-grow: 1;\n border: none;\n border-radius: 1em;\n padding: 0.2em 0.5em;\n\n &:focus-visible {\n outline: none;\n }\n"], ["\n flex-grow: 1;\n border: none;\n border-radius: 1em;\n padding: 0.2em 0.5em;\n\n &:focus-visible {\n outline: none;\n }\n"])));
|
|
42
|
-
var sendButtonStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: none;\n color: white;\n"], ["\n background: none;\n color: white;\n"])));
|
|
43
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
44
|
-
//# sourceMappingURL=ChatTextInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChatTextInput.js","sourceRoot":"","sources":["../../../src/components/Chat/ChatTextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,8EAAkE;AAClE,oEAAgE;AAChE,uDAAuD;AACvD,+BAAsD;AACtD,+CAA8C;AAC9C,iCAA0C;AAOnC,IAAM,aAAa,GAAG,UAAC,EAA4B;QAA1B,OAAO,aAAA,EAAE,QAAQ,cAAA;IACvC,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IACxB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAA;IAC7B,IAAA,WAAW,GAAI,IAAA,6BAAc,GAAE,GAApB,CAAoB;IACtC,IAAM,QAAQ,GAAG,UAAC,KAA6B;QAC7C,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,OAAO,SAAA,EAAE,IAAI,MAAA,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAClE,OAAO,CAAC,EAAE,CAAC,CAAA;IACb,CAAC,CAAA;IACD,OAAO,CACL,2CAAM,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,iBACvC,kCAAO,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,CAAC,CAAC,gBAAgB,CAAE,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA3B,CAA2B,GAAG,EACtJ,0DAAoB,CAAC,CAAC,MAAM,CAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAE,EAAE,GAAG,EAAE,CAAC,oBAAc,EAAE,eAAe,CAAC,gBAAE,uBAAC,mCAAe,IAAC,IAAI,EAAE,qCAAY,GAAG,IAAS,KACrI,CACR,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,aAAa,iBAezB;AAED,IAAM,UAAU,OAAG,WAAG,qJAAA,iFAKrB,IAAA,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,0MAAA,sIASvB,IAAA,CAAA;AAED,IAAM,eAAe,OAAG,WAAG,8GAAA,0CAG1B,IAAA,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const SignInToChat: () => import("@emotion/react/jsx-runtime").JSX.Element;
|