@gamepark/react-game 6.0.0-alpha.0 → 6.1.0

package/dist/components/Avatar/Avatar.js

@@ -40,16 +40,18 @@ var react_2 = require("react");
 var ChatSpeechBubble_1 = require("./ChatSpeechBubble");
 var SpeechBubble_1 = require("./SpeechBubble");
 var hooks_1 = require("../../hooks");
+var react_redux_1 = require("react-redux");
+var tutorial_1 = require("../tutorial");
 var Avatar = function (_a) {
-    var _b, _c;
+    var _b;
     var playerId = _a.playerId, speechBubbleProps = _a.speechBubbleProps, props = __rest(_a, ["playerId", "speechBubbleProps"]);
     var player = (0, hooks_1.usePlayer)(playerId);
-    var tutorial = (0, react_client_1.useTutorial)();
-    var context = (0, react_2.useContext)(GameProvider_1.gameContext);
-    var tutorialAvatar = tutorial && ((_b = context === null || context === void 0 ? void 0 : context.tutorial) === null || _b === void 0 ? void 0 : _b.avatars);
+    var isTutorial = (0, react_redux_1.useSelector)(function (state) { return state.gameMode === react_client_1.GameMode.TUTORIAL; });
+    var tutorial = (0, react_2.useContext)(GameProvider_1.gameContext).tutorial;
+    var tutorialAvatar = isTutorial && (0, tutorial_1.isMaterialTutorial)(tutorial) && tutorial.avatars[playerId];
     var me = (0, react_client_1.useMe)();
     var myPlayerId = (0, hooks_1.usePlayerId)();
-    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 avatar = myPlayerId === playerId ? (_b = me === null || me === void 0 ? void 0 : me.user) === null || _b === void 0 ? void 0 : _b.avatar : tutorialAvatar || (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) ?

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,uDAA2D;AAC3D,gDAA6C;AAC7C,+BAAkD;AAClD,uDAAqD;AACrD,+CAAgE;AAChE,qCAAoD;AAO7C,IAAM,MAAM,GAAG,UAAC,EAAgD;;IAA9C,IAAA,QAAQ,cAAA,EAAE,iBAAiB,uBAAA,EAAK,KAAK,cAAvC,iCAAyC,CAAF;IAC5D,IAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAA;IAClC,IAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAA;IAC9B,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAW,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,oBAAK,GAAE,CAAA;IAClB,IAAM,UAAU,GAAG,IAAA,mBAAW,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,2BAAY,eAAK,iBAAiB,cAAG,iBAAiB,CAAC,QAAQ,IAAgB,CAAC,CAAC;gBAClF,MAAM,IAAI,MAAM,IAAI,uBAAC,mCAAgB,aAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAM,iBAAiB,EAAG,KAE5F,CACP,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,MAAM,UAmBlB;AAED,IAAM,KAAK,OAAG,WAAG,+HAAA,2DAGhB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,4JAAA,wFAMpB,IAAA,CAAA"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,kEAA0C;AAC1C,uDAAuE;AACvE,gDAA6C;AAC7C,+BAAkD;AAClD,uDAAqD;AACrD,+CAAgE;AAChE,qCAAoD;AACpD,2CAAyC;AACzC,wCAAgD;AAOzC,IAAM,MAAM,GAAG,UAAC,EAAgD;;IAA9C,IAAA,QAAQ,cAAA,EAAE,iBAAiB,uBAAA,EAAK,KAAK,cAAvC,iCAAyC,CAAF;IAC5D,IAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAA;IAClC,IAAM,UAAU,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,IAAK,OAAA,KAAK,CAAC,QAAQ,KAAK,uBAAQ,CAAC,QAAQ,EAApC,CAAoC,CAAC,CAAA;IAC9F,IAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC,QAAQ,CAAA;IACjD,IAAM,cAAc,GAAG,UAAU,IAAI,IAAA,6BAAkB,EAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC/F,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,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,MAAM,CAAC,CAAC,CAAC,cAAc,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,CAAA;IAC5F,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,2BAAY,eAAK,iBAAiB,cAAG,iBAAiB,CAAC,QAAQ,IAAgB,CAAC,CAAC;gBAClF,MAAM,IAAI,MAAM,IAAI,uBAAC,mCAAgB,aAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAM,iBAAiB,EAAG,KAE5F,CACP,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,MAAM,UAmBlB;AAED,IAAM,KAAK,OAAG,WAAG,+HAAA,2DAGhB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,4JAAA,wFAMpB,IAAA,CAAA"}

package/dist/components/GameProvider/GameContext.d.ts

@@ -7,6 +7,7 @@ export type GameContext<Game = any, Move = any, PlayerId = any, MaterialType ext
     game: string;
     Rules: RulesCreator<Game, Move, PlayerId>;
     material?: Record<MaterialType, MaterialDescription>;
+    materialI18n?: Record<string, Partial<Record<MaterialType, MaterialDescription>>>;
     locators?: Record<LocationType, ItemLocator>;
     optionsSpec?: any;
     animations?: Animations<Game, Move, PlayerId>;

package/dist/components/GameProvider/GameContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"GameContext.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameContext.ts"],"names":[],"mappings":";;;;;;AAEA,gDAAyB;AAqBzB;IACE;QACE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;IACxC,CAAC;IACH,mBAAC;AAAD,CAAC,AAJD,IAIC;AAED,aAAa;AACb,IAAM,cAAc,GAAgB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA;AAExD,QAAA,WAAW,GAAG,eAAK,CAAC,aAAa,CAAc,cAAc,CAAC,CAAA;AAE3E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA;CACxC"}
+{"version":3,"file":"GameContext.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameContext.ts"],"names":[],"mappings":";;;;;;AAEA,gDAAyB;AAsBzB;IACE;QACE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;IACxC,CAAC;IACH,mBAAC;AAAD,CAAC,AAJD,IAIC;AAED,aAAa;AACb,IAAM,cAAc,GAAgB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA;AAExD,QAAA,WAAW,GAAG,eAAK,CAAC,aAAa,CAAc,cAAc,CAAC,CAAA;AAE3E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA;CACxC"}

package/dist/components/GameProvider/GameProvider.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { LocalGameProviderProps } from '@gamepark/react-client';
 import { GameContext } from './GameContext';
 export type GameProviderProps<Game = any, GameView = Game, Move = string, MoveView = Move, PlayerId = number> = LocalGameProviderProps<Game, GameView, Move, MoveView, PlayerId> & GameContext<Game, Move, PlayerId>;
-export declare const GameProvider: <Game, GameView = Game, Move = string, MoveView = Move, PlayerId = number>({ material, locators, hasSounds, children, ...props }: PropsWithChildren<GameProviderProps<Game, GameView, Move, MoveView, PlayerId>>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const GameProvider: <Game, GameView = Game, Move = string, MoveView = Move, PlayerId = number>({ materialI18n, children, ...props }: PropsWithChildren<GameProviderProps<Game, GameView, Move, MoveView, PlayerId>>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/GameProvider/GameProvider.js

@@ -47,17 +47,26 @@ var client_1 = require("@apollo/client");
 var hooks_1 = require("../../hooks");
 var react_client_1 = require("@gamepark/react-client");
 var GameContext_1 = require("./GameContext");
+var merge_1 = __importDefault(require("lodash/merge"));
+var tutorial_1 = require("../tutorial");
+var TutorialRulesWrapper_1 = require("../tutorial/TutorialRulesWrapper");
 var query = new URLSearchParams(window.location.search);
 var gameId = query.get('game');
+var locale = query.get('locale') || 'en';
 var GameProvider = function (_a) {
-    var material = _a.material, locators = _a.locators, hasSounds = _a.hasSounds, children = _a.children, props = __rest(_a, ["material", "locators", "hasSounds", "children"]);
-    var game = props.game, Rules = props.Rules, RulesView = props.RulesView, optionsSpec = props.optionsSpec, animations = props.animations, tutorial = props.tutorial;
+    var materialI18n = _a.materialI18n, children = _a.children, props = __rest(_a, ["materialI18n", "children"]);
+    if ((0, tutorial_1.isMaterialTutorial)(props.tutorial)) {
+        (0, TutorialRulesWrapper_1.wrapRulesWithTutorial)(props.tutorial, props.Rules);
+    }
     var webP = (0, hooks_1.useWebP)();
     var emotionCache = (0, react_2.useMemo)(function () { return (0, cache_1.default)({
         key: 'css', stylisPlugins: (webP ? [webPReplace, stylis_1.prefixer] : [stylis_1.prefixer])
     }); }, [webP]);
-    return ((0, jsx_runtime_1.jsx)(GameContext_1.gameContext.Provider, __assign({ value: { game: game, Rules: RulesView !== null && RulesView !== void 0 ? RulesView : Rules, material: material, locators: locators, optionsSpec: optionsSpec, animations: animations, tutorial: tutorial, hasSounds: hasSounds } }, { children: (0, jsx_runtime_1.jsx)(react_1.CacheProvider, __assign({ value: emotionCache }, { children: (0, jsx_runtime_1.jsx)(client_1.ApolloProvider, __assign({ client: (0, react_client_1.getApolloClient)() }, { children: gameId ?
-                    (0, jsx_runtime_1.jsx)(react_client_1.RemoteGameProvider, __assign({ Rules: RulesView !== null && RulesView !== void 0 ? RulesView : Rules, gameId: gameId, animations: props.animations }, { children: children })) :
+    if (props.material && materialI18n && locale in materialI18n) {
+        (0, merge_1.default)(props.material, materialI18n[locale]);
+    }
+    return ((0, jsx_runtime_1.jsx)(GameContext_1.gameContext.Provider, __assign({ value: props }, { children: (0, jsx_runtime_1.jsx)(react_1.CacheProvider, __assign({ value: emotionCache }, { children: (0, jsx_runtime_1.jsx)(client_1.ApolloProvider, __assign({ client: (0, react_client_1.getApolloClient)() }, { children: gameId ?
+                    (0, jsx_runtime_1.jsx)(react_client_1.RemoteGameProvider, __assign({ gameId: gameId }, props, { children: children })) :
                     (0, jsx_runtime_1.jsx)(react_client_1.LocalGameProvider, __assign({}, props, { children: children })) })) })) })));
 };
 exports.GameProvider = GameProvider;

package/dist/components/GameProvider/GameProvider.js.map

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

package/dist/components/ImagesLoader/ImagesLoader.d.ts

@@ -1,6 +1,5 @@
-type Props = {
+export type ImagesLoaderProps = {
     images: string[];
     onImagesLoad?: () => void;
 };
-export declare const ImagesLoader: ({ images, onImagesLoad }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+export declare const ImagesLoader: ({ images, onImagesLoad }: ImagesLoaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"ImagesLoader.js","sourceRoot":"","sources":["../../../src/components/ImagesLoader/ImagesLoader.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,+BAA2C;AAC3C,sCAAoC;AACpC,qCAAqC;AAO9B,IAAM,YAAY,GAAG,UAAC,EAA+B;QAA7B,MAAM,YAAA,EAAE,YAAY,kBAAA;IACjD,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,SAAS,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAA;IAC3B,IAAM,MAAM,GAAG,IAAA,mBAAW,EAAC;QACzB,SAAS,CAAC,OAAO,EAAE,CAAA;QACnB,IAAI,YAAY,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE;YACvD,YAAY,EAAE,CAAA;SACf;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IACnC,OAAO,CACL,2DACG,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,uBAAC,iBAAO,IAAa,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,IAApE,KAAK,CAAkE,EAArF,CAAqF,CAAC,GACnH,CACJ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,YAAY,gBAexB"}
+{"version":3,"file":"ImagesLoader.js","sourceRoot":"","sources":["../../../src/components/ImagesLoader/ImagesLoader.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,+BAA2C;AAC3C,sCAAoC;AACpC,qCAAqC;AAO9B,IAAM,YAAY,GAAG,UAAC,EAA2C;QAAzC,MAAM,YAAA,EAAE,YAAY,kBAAA;IACjD,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,SAAS,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAA;IAC3B,IAAM,MAAM,GAAG,IAAA,mBAAW,EAAC;QACzB,SAAS,CAAC,OAAO,EAAE,CAAA;QACnB,IAAI,YAAY,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE;YACvD,YAAY,EAAE,CAAA;SACf;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IACnC,OAAO,CACL,2DACG,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,uBAAC,iBAAO,IAAa,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,IAApE,KAAK,CAAkE,EAArF,CAAqF,CAAC,GACnH,CACJ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,YAAY,gBAexB"}

package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js

@@ -36,31 +36,46 @@ var dialogs_1 = require("../../dialogs");
 var react_2 = require("@emotion/react");
 var css_1 = require("../../../css");
 var react_i18next_1 = require("react-i18next");
+var useIsAnimatingPlayerAction_1 = require("../../material/utils/useIsAnimatingPlayerAction");
 var PlayMoveButton = function (props) {
     var _a;
     var move = props.move, confirmation = props.confirmation, delayed = props.delayed, skipAnimation = props.skipAnimation, local = props.local, onPlay = props.onPlay, rest = __rest(props, ["move", "confirmation", "delayed", "skipAnimation", "local", "onPlay"]);
     var play = (0, hooks_1.usePlay)();
     var t = (0, react_i18next_1.useTranslation)().t;
     var _b = (0, react_1.useState)(false), showDialog = _b[0], setShowDialog = _b[1];
-    var close = function () { return setShowDialog(false); };
-    var onClick = (0, react_1.useCallback)(function () {
-        if (!showDialog && (confirmation === null || confirmation === void 0 ? void 0 : confirmation.text)) {
-            setShowDialog(true);
-            return;
+    var _c = (0, react_1.useState)(false), displayedLongEnough = _c[0], setDisplayedLongEnough = _c[1];
+    var isAnimatingPlayerAction = (0, useIsAnimatingPlayerAction_1.useIsAnimatingPlayerAction)();
+    var disabled = move === undefined || (isAnimatingPlayerAction && !local);
+    (0, react_1.useEffect)(function () {
+        if (disabled) {
+            setDisplayedLongEnough(false);
         }
+        else {
+            var timeout_1 = setTimeout(function () { return setDisplayedLongEnough(true); }, 200);
+            return function () { return clearTimeout(timeout_1); };
+        }
+    }, [disabled]);
+    var doPlay = (0, react_1.useCallback)(function () {
         setShowDialog(false);
         play(move, { delayed: delayed, skipAnimation: skipAnimation, local: local });
         if (onPlay)
             onPlay();
     }, [move, delayed, skipAnimation, local, onPlay]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!confirmation && ((0, jsx_runtime_1.jsx)(dialogs_1.Dialog, __assign({ open: showDialog, onBackdropClick: close, css: [flex, confirmationDialogCss] }, { children: (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: content }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ css: description }, { children: confirmation.text })), (0, jsx_runtime_1.jsxs)("div", __assign({ css: buttons }, { children: [(0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: close, disabled: move === undefined }, rest, { children: (_a = confirmation.cancelText) !== null && _a !== void 0 ? _a : t('Cancel') })), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ css: moveButton, onClick: onClick, disabled: move === undefined }, rest))] }))] })) })) }), "dialog")), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: onClick, disabled: move === undefined }, rest), "button")] }));
+    var onClick = (0, react_1.useCallback)(function () {
+        if (confirmation !== undefined) {
+            setShowDialog(true);
+        }
+        else if (displayedLongEnough) {
+            doPlay();
+        }
+    }, [confirmation !== undefined, doPlay, displayedLongEnough]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!confirmation && ((0, jsx_runtime_1.jsx)(dialogs_1.Dialog, __assign({ open: showDialog, onBackdropClick: function () { return setShowDialog(false); }, css: [flex, confirmationDialogCss] }, { children: (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: content }, { children: [(0, jsx_runtime_1.jsx)("p", { children: confirmation.text }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: buttons }, { children: [(0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: function () { return setShowDialog(false); } }, rest, { children: (_a = confirmation.cancelText) !== null && _a !== void 0 ? _a : t('Cancel') })), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ css: moveButton, onClick: doPlay }, rest))] }))] })) })) }), "dialog")), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: onClick, disabled: disabled }, rest), "button")] }));
 };
 exports.PlayMoveButton = PlayMoveButton;
 var buttons = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-bottom: 0.3em;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-bottom: 0.3em;\n"])));
 var moveButton = (0, react_2.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-transform: capitalize;\n  align-self: flex-end;\n\n  > button {\n    white-space: break-spaces;\n  }\n"], ["\n  text-transform: capitalize;\n  align-self: flex-end;\n\n  > button {\n    white-space: break-spaces;\n  }\n"])));
 var flex = (0, react_2.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"], ["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"])));
-var description = (0, react_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-bottom: 1em;\n"], ["\n  margin-bottom: 1em;\n"])));
-var content = (0, react_2.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n  display: flex;\n  flex-direction: column;\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n  display: flex;\n  flex-direction: column;\n"])));
-var confirmationDialogCss = (0, react_2.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"], ["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+var content = (0, react_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n  display: flex;\n  flex-direction: column;\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n  display: flex;\n  flex-direction: column;\n"])));
+var confirmationDialogCss = (0, react_2.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"], ["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=PlayMoveButton.js.map

package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js.map

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

package/dist/components/dialogs/ResultDialog/ResultDialog.js

@@ -55,6 +55,11 @@ var NavButton_1 = require("../../menus/Menu/NavButton");
 var GamePoints_1 = require("../../GamePoints");
 var menus_1 = require("../../menus");
 var GameProvider_1 = require("../../GameProvider");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var RestartTutorialButton_1 = require("../../menus/RestartTutorialButton");
+var query = new URLSearchParams(window.location.search);
+var locale = query.get('locale') || 'en';
+var gameId = query.get('game');
 var ResultDialog = function (_a) {
     var _b;
     var openDialog = _a.openDialog, close = _a.close, props = __rest(_a, ["openDialog", "close"]);
@@ -65,8 +70,6 @@ var ResultDialog = function (_a) {
     var game = (0, hooks_1.useGame)();
     var gameMode = (0, react_redux_1.useSelector)(function (state) { return state.gameMode; });
     var tournament = (0, react_redux_1.useSelector)(function (state) { return state.tournament; });
-    var query = new URLSearchParams(window.location.search);
-    var locale = query.get('locale') || 'en';
     var rules = new context.Rules(game);
     var ranks = players.map(function (_) { return 1; });
     if ((0, rules_api_1.isCompetitive)(rules) && players.length > 1) {
@@ -87,21 +90,23 @@ var ResultDialog = function (_a) {
                         return (0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ css: [relative, rows > 1 && borderLeft] }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ css: avatarContainer }, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { playerId: player.id, css: avatarCss }), (0, rules_api_1.isCompetitive)(rules) && ranks[index] <= 3 && (0, jsx_runtime_1.jsx)(menus_1.Medal, { rank: ranks[index], css: medalCss })] })), (0, jsx_runtime_1.jsx)("span", { children: (_a = player.name) !== null && _a !== void 0 ? _a : (0, rules_api_1.getFallbackPlayerName)(player.id, t, context.optionsSpec) })] }), index), gameMode === react_client_1.GameMode.TOURNAMENT &&
                                     (0, jsx_runtime_1.jsx)("div", __assign({ css: [borderLeft, borderTop] }, { children: !!player.tournamentPoints && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faTrophy_1.faTrophy, css: trophyIcon }), (0, jsx_runtime_1.jsxs)("span", { children: ["+", player.tournamentPoints] })] }) })), (gameMode === react_client_1.GameMode.TOURNAMENT || gameMode === react_client_1.GameMode.COMPETITIVE) &&
                                     (0, jsx_runtime_1.jsx)("div", __assign({ css: [borderLeft, borderTop] }, { children: (0, jsx_runtime_1.jsx)(GamePoints_1.GamePoints, { playerId: player.id }) }))] }, index);
-                    })] })), (0, jsx_runtime_1.jsx)(RematchSection_1.RematchSection, { openDialog: openDialog })] })));
+                    })] })), gameMode === react_client_1.GameMode.TUTORIAL &&
+                (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", __assign({ css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["white-space: break-spaces;"], ["white-space: break-spaces;"]))) }, { children: t('tuto.over') })), (0, jsx_runtime_1.jsxs)("p", __assign({ css: buttonsLine }, { children: [(0, jsx_runtime_1.jsx)(RestartTutorialButton_1.RestartTutorialButton, {}), (0, jsx_runtime_1.jsxs)(NavButton_1.NavButton, __assign({ url: "".concat(react_client_1.PLATFORM_URI, "/").concat(locale, "/board-games/").concat(game, "/play"), css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["margin-left: 1em;"], ["margin-left: 1em;"]))) }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faChessPawn }), t('Play')] }))] }))] }), gameId !== null && (0, jsx_runtime_1.jsx)(RematchSection_1.RematchSection, { openDialog: openDialog })] })));
 };
 exports.ResultDialog = ResultDialog;
-var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  text-align: center;\n\n  > h2 {\n    margin: 0 1em 0.5em;\n  }\n"], ["\n  ", ";\n  text-align: center;\n\n  > h2 {\n    margin: 0 1em 0.5em;\n  }\n"])), Dialog_1.dialogDefaultCss);
-var closeIcon = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  right: 0.8em;\n  top: 0.6em;\n  font-size: 1.3em;\n  cursor: pointer;\n"], ["\n  position: absolute;\n  right: 0.8em;\n  top: 0.6em;\n  font-size: 1.3em;\n  cursor: pointer;\n"])));
-var autoMargin = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-left: auto;\n  margin-right: auto;\n"], ["\n  margin-left: auto;\n  margin-right: auto;\n"])));
-var gridCss = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: grid;\n  grid-auto-flow: column;\n\n  > div {\n    padding: 1em;\n  }\n"], ["\n  display: grid;\n  grid-auto-flow: column;\n\n  > div {\n    padding: 1em;\n  }\n"])));
-var multiRows = function (players, rows) { return (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  grid-template-columns: auto repeat(", ", 1fr);\n  grid-template-rows: repeat(", ", auto);\n"], ["\n  grid-template-columns: auto repeat(", ", 1fr);\n  grid-template-rows: repeat(", ", auto);\n"])), players, rows); };
-var singleRow = function (players) { return (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  grid-template-columns: repeat(", ", 1fr);\n  justify-items: center;\n"], ["\n  grid-template-columns: repeat(", ", 1fr);\n  justify-items: center;\n"])), players); };
-var avatarContainer = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  width: 3em;\n  height: 3em;\n  margin: auto auto 0.5em;\n"], ["\n  position: relative;\n  width: 3em;\n  height: 3em;\n  margin: auto auto 0.5em;\n"])));
-var avatarCss = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: relative;\n  width: 3em;\n  height: 3em;\n"], ["\n  position: relative;\n  width: 3em;\n  height: 3em;\n"])));
-var medalCss = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: 1.3em;\n  height: 1.6em;\n  fill: #002448;\n  position: absolute;\n  top: -0.5em;\n  left: -0.8em;\n"], ["\n  width: 1.3em;\n  height: 1.6em;\n  fill: #002448;\n  position: absolute;\n  top: -0.5em;\n  left: -0.8em;\n"])));
-var relative = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-var borderLeft = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  border-left: 0.2em solid #28b8ce;\n"], ["\n  border-left: 0.2em solid #28b8ce;\n"])));
-var borderTop = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  border-top: 0.2em solid #28b8ce;\n"], ["\n  border-top: 0.2em solid #28b8ce;\n"])));
-var trophyIcon = (0, react_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  color: #28b8ce;\n"], ["\n  color: #28b8ce;\n"])));
-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;
+var style = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  text-align: center;\n\n  > h2 {\n    margin: 0 1em 0.5em;\n  }\n"], ["\n  ", ";\n  text-align: center;\n\n  > h2 {\n    margin: 0 1em 0.5em;\n  }\n"])), Dialog_1.dialogDefaultCss);
+var closeIcon = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  right: 0.8em;\n  top: 0.6em;\n  font-size: 1.3em;\n  cursor: pointer;\n"], ["\n  position: absolute;\n  right: 0.8em;\n  top: 0.6em;\n  font-size: 1.3em;\n  cursor: pointer;\n"])));
+var autoMargin = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-left: auto;\n  margin-right: auto;\n"], ["\n  margin-left: auto;\n  margin-right: auto;\n"])));
+var gridCss = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: grid;\n  grid-auto-flow: column;\n\n  > div {\n    padding: 1em;\n  }\n"], ["\n  display: grid;\n  grid-auto-flow: column;\n\n  > div {\n    padding: 1em;\n  }\n"])));
+var multiRows = function (players, rows) { return (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  grid-template-columns: auto repeat(", ", 1fr);\n  grid-template-rows: repeat(", ", auto);\n"], ["\n  grid-template-columns: auto repeat(", ", 1fr);\n  grid-template-rows: repeat(", ", auto);\n"])), players, rows); };
+var singleRow = function (players) { return (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  grid-template-columns: repeat(", ", 1fr);\n  justify-items: center;\n"], ["\n  grid-template-columns: repeat(", ", 1fr);\n  justify-items: center;\n"])), players); };
+var avatarContainer = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: relative;\n  width: 3em;\n  height: 3em;\n  margin: auto auto 0.5em;\n"], ["\n  position: relative;\n  width: 3em;\n  height: 3em;\n  margin: auto auto 0.5em;\n"])));
+var avatarCss = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  position: relative;\n  width: 3em;\n  height: 3em;\n"], ["\n  position: relative;\n  width: 3em;\n  height: 3em;\n"])));
+var medalCss = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: 1.3em;\n  height: 1.6em;\n  fill: #002448;\n  position: absolute;\n  top: -0.5em;\n  left: -0.8em;\n"], ["\n  width: 1.3em;\n  height: 1.6em;\n  fill: #002448;\n  position: absolute;\n  top: -0.5em;\n  left: -0.8em;\n"])));
+var relative = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var borderLeft = (0, react_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  border-left: 0.2em solid #28b8ce;\n"], ["\n  border-left: 0.2em solid #28b8ce;\n"])));
+var borderTop = (0, react_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  border-top: 0.2em solid #28b8ce;\n"], ["\n  border-top: 0.2em solid #28b8ce;\n"])));
+var trophyIcon = (0, react_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  color: #28b8ce;\n"], ["\n  color: #28b8ce;\n"])));
+var buttonsLine = (0, react_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n"])));
+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;
 //# sourceMappingURL=ResultDialog.js.map

package/dist/components/dialogs/ResultDialog/ResultDialog.js.map

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

package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.d.ts

@@ -1,11 +1,6 @@
 /** @jsxImportSource @emotion/react */
-import { LocationRulesDisplay, MaterialMove } from '@gamepark/rules-api';
-import { ItemLocator } from '../../../locators';
-import { MaterialDescription } from '../../material';
-export type LocationRulesDialogContentProps<Player extends number = number, MaterialType extends number = number, LocationType extends number = number> = {
-    rulesDisplay: LocationRulesDisplay<Player, LocationType>;
-    material: Record<MaterialType, MaterialDescription>;
-    locator: ItemLocator<Player, MaterialType, LocationType>;
-    legalMoves: MaterialMove<Player, MaterialType, LocationType>[];
+import { LocationRulesDisplay } from '@gamepark/rules-api';
+export type LocationRulesDialogContentProps<P extends number = number, L extends number = number> = {
+    rulesDisplay: LocationRulesDisplay<P, L>;
 };
-export declare const LocationRulesDialogContent: <P extends number = number, M extends number = number, L extends number = number>({ rulesDisplay, locator, legalMoves }: LocationRulesDialogContentProps<P, M, L>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const LocationRulesDialogContent: <P extends number = number, L extends number = number>({ rulesDisplay }: LocationRulesDialogContentProps<P, L>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js

@@ -26,17 +26,17 @@ var react_1 = require("@emotion/react");
 var react_custom_scrollbars_2_1 = __importDefault(require("react-custom-scrollbars-2"));
 var hooks_1 = require("../../../hooks");
 var LocationRulesDialogContent = function (_a) {
-    var rulesDisplay = _a.rulesDisplay, locator = _a.locator, legalMoves = _a.legalMoves;
+    var _b;
+    var rulesDisplay = _a.rulesDisplay;
     var play = (0, hooks_1.usePlay)();
-    return (0, jsx_runtime_1.jsx)("div", __assign({ css: flex }, { children: (0, jsx_runtime_1.jsx)(react_custom_scrollbars_2_1.default, __assign({ autoHeight: true, css: scrollableContainer }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: rules }, { children: locator.getLocationRules && locator.getLocationRules({
-                    location: rulesDisplay.location,
-                    legalMoves: legalMoves,
-                    close: function () { return play(rules_api_1.closeRulesDisplay, { local: true }); }
-                }) })) })) }));
+    var locator = (0, hooks_1.useItemLocator)(rulesDisplay.location.type);
+    if (!((_b = locator === null || locator === void 0 ? void 0 : locator.locationDescription) === null || _b === void 0 ? void 0 : _b.rules))
+        return null;
+    return (0, jsx_runtime_1.jsx)("div", __assign({ css: flex }, { children: (0, jsx_runtime_1.jsx)(react_custom_scrollbars_2_1.default, __assign({ autoHeight: true, css: scrollableContainer }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: rulesCss }, { children: (0, jsx_runtime_1.jsx)(locator.locationDescription.rules, { location: rulesDisplay.location, closeDialog: function () { return play(rules_api_1.closeRulesDisplay, { local: true }); } }) })) })) }));
 };
 exports.LocationRulesDialogContent = LocationRulesDialogContent;
 var flex = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"], ["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"])));
-var rules = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"])));
+var rulesCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"])));
 var scrollableContainer = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  max-height: calc(90vh - 6em) !important;\n\n  > div {\n    max-height: calc(90vh - 6em + 17px) !important;\n\n    // trick to avoid very thin bar on some resolutions with react-custom-scrollbars-2\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    ::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n    }\n  }\n"], ["\n  max-height: calc(90vh - 6em) !important;\n\n  > div {\n    max-height: calc(90vh - 6em + 17px) !important;\n\n    // trick to avoid very thin bar on some resolutions with react-custom-scrollbars-2\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    ::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n    }\n  }\n"])));
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=LocationRulesDialogContent.js.map

package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/LocationRulesDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,iDAA2F;AAC3F,wCAAoC;AACpC,wFAAkD;AAGlD,wCAAwC;AASjC,IAAM,0BAA0B,GAAG,UACxC,EAA+E;QAA7E,YAAY,kBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA;IAEnC,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,OAAO,yCAAK,GAAG,EAAE,IAAI,gBAEnB,uBAAC,mCAAU,aAAC,UAAU,QAAC,GAAG,EAAE,mBAAmB,gBAC7C,yCAAK,GAAG,EAAE,KAAK,gBACZ,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC,gBAAgB,CAAC;oBACpD,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,UAAU,YAAA;oBACV,KAAK,EAAE,cAAM,OAAA,IAAI,CAAC,6BAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAxC,CAAwC;iBACtD,CAAC,IACE,IACK,IACT,CAAA;AACR,CAAC,CAAA;AAhBY,QAAA,0BAA0B,8BAgBtC;AAED,IAAM,IAAI,OAAG,WAAG,gKAAA,4FAKf,IAAA,CAAA;AAED,IAAM,KAAK,OAAG,WAAG,2NAAA,uJAYhB,IAAA,CAAA;AAED,IAAM,mBAAmB,OAAG,WAAG,uZAAA,mVAe9B,IAAA,CAAA"}
+{"version":3,"file":"LocationRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/LocationRulesDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,iDAA6E;AAC7E,wCAAoC;AACpC,wFAAkD;AAClD,wCAAwD;AAMjD,IAAM,0BAA0B,GAAG,UACxC,EAAuD;;QAArD,YAAY,kBAAA;IAEd,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC1D,IAAI,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,0CAAE,KAAK,CAAA;QAAE,OAAO,IAAI,CAAA;IACrD,OAAO,yCAAK,GAAG,EAAE,IAAI,gBAEnB,uBAAC,mCAAU,aAAC,UAAU,QAAC,GAAG,EAAE,mBAAmB,gBAC7C,yCAAK,GAAG,EAAE,QAAQ,gBAChB,uBAAC,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAC,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,WAAW,EAAE,cAAM,OAAA,IAAI,CAAC,6BAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAxC,CAAwC,GAAG,IAC9H,IACK,IACT,CAAA;AACR,CAAC,CAAA;AAdY,QAAA,0BAA0B,8BActC;AAED,IAAM,IAAI,OAAG,WAAG,gKAAA,4FAKf,IAAA,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,2NAAA,uJAYnB,IAAA,CAAA;AAED,IAAM,mBAAmB,OAAG,WAAG,uZAAA,mVAe9B,IAAA,CAAA"}

package/dist/components/dialogs/RulesDialog/MaterialRulesDialog.js

@@ -13,30 +13,18 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaterialRulesDialog = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("react");
 var index_1 = require("../index");
 var rules_api_1 = require("@gamepark/rules-api");
 var MaterialRulesDialogContent_1 = require("./MaterialRulesDialogContent");
 var LocationRulesDialogContent_1 = require("./LocationRulesDialogContent");
-var utils_1 = require("../../material/utils");
-var GameProvider_1 = require("../../GameProvider");
 var hooks_1 = require("../../../hooks");
 var MaterialRulesDialog = function (props) {
-    var _a = (0, react_1.useContext)(GameProvider_1.gameContext), material = _a.material, locators = _a.locators;
-    var rules = (0, hooks_1.useRules)();
-    var legalMoves = (0, hooks_1.useLegalMoves)();
-    var _b = (0, react_1.useState)(rules === null || rules === void 0 ? void 0 : rules.game.rulesDisplay), rulesDisplay = _b[0], setRulesDisplay = _b[1];
-    (0, react_1.useEffect)(function () {
-        if (rules === null || rules === void 0 ? void 0 : rules.game.rulesDisplay)
-            setRulesDisplay(game.rulesDisplay);
-    }, [rules === null || rules === void 0 ? void 0 : rules.game.rulesDisplay]);
-    if (!material || !locators || !rules)
+    var game = (0, hooks_1.useGame)();
+    if (!(game === null || game === void 0 ? void 0 : game.rulesDisplay))
         return null;
-    var game = rules.game;
-    return ((0, jsx_runtime_1.jsxs)(index_1.RulesDialog, __assign({}, props, { children: [rules && (rulesDisplay === null || rulesDisplay === void 0 ? void 0 : rulesDisplay.type) === rules_api_1.RulesDisplayType.Material &&
-                (0, jsx_runtime_1.jsx)(MaterialRulesDialogContent_1.MaterialRulesDialogContent, { rulesDisplay: rulesDisplay, material: material, legalMoves: legalMoves.filter(function (move) { return rules.isMoveTrigger(move, function (move) { return (0, utils_1.isMoveThisItem)(move, rulesDisplay.itemType, rulesDisplay.itemIndex); }); }) }), rules && (rulesDisplay === null || rulesDisplay === void 0 ? void 0 : rulesDisplay.type) === rules_api_1.RulesDisplayType.Location &&
-                (0, jsx_runtime_1.jsx)(LocationRulesDialogContent_1.LocationRulesDialogContent, { rulesDisplay: rulesDisplay, material: material, locator: locators[rulesDisplay.location.type], legalMoves: legalMoves.filter(function (move) { return rules === null || rules === void 0 ? void 0 : rules.isMoveTrigger(move, function (move) { return (0, utils_1.isMoveToLocation)(move, rulesDisplay.location); }); }) })] })));
+    return ((0, jsx_runtime_1.jsxs)(index_1.RulesDialog, __assign({}, props, { children: [game.rulesDisplay.type === rules_api_1.RulesDisplayType.Material &&
+                (0, jsx_runtime_1.jsx)(MaterialRulesDialogContent_1.MaterialRulesDialogContent, { rulesDisplay: game.rulesDisplay }), game.rulesDisplay.type === rules_api_1.RulesDisplayType.Location &&
+                (0, jsx_runtime_1.jsx)(LocationRulesDialogContent_1.LocationRulesDialogContent, { rulesDisplay: game.rulesDisplay })] })));
 };
 exports.MaterialRulesDialog = MaterialRulesDialog;
 //# sourceMappingURL=MaterialRulesDialog.js.map

package/dist/components/dialogs/RulesDialog/MaterialRulesDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialRulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/MaterialRulesDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAA2D;AAC3D,kCAAwD;AACxD,iDAAmF;AACnF,2EAAyE;AACzE,2EAAyE;AACzE,8CAAuE;AACvE,mDAAgD;AAChD,wCAAwD;AAEjD,IAAM,mBAAmB,GAAyB,UAAC,KAAuB;IACzE,IAAA,KAAyB,IAAA,kBAAU,EAAC,0BAAW,CAAC,EAA9C,QAAQ,cAAA,EAAE,QAAQ,cAA4B,CAAA;IACtD,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAiB,CAAA;IACvC,IAAM,UAAU,GAAG,IAAA,qBAAa,GAAgB,CAAA;IAC1C,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,YAAY,CAAC,EAAnE,YAAY,QAAA,EAAE,eAAe,QAAsC,CAAA;IAC1E,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAA;IAE9B,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IACjD,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;IAEvB,OAAO,CACL,wBAAC,mBAAW,eAAK,KAAK,eACnB,KAAK,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,MAAK,4BAAgB,CAAC,QAAQ;gBACxD,uBAAC,uDAA0B,IAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAC9C,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,UAAA,IAAI,IAAI,OAAA,IAAA,sBAAc,EAAC,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,EAAnE,CAAmE,CAAC,EAAtG,CAAsG,CAAC,GAAG,EAE7K,KAAK,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,MAAK,4BAAgB,CAAC,QAAQ;gBACxD,uBAAC,uDAA0B,IAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7F,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,CAAC,IAAI,EAAE,UAAA,IAAI,IAAI,OAAA,IAAA,wBAAgB,EAAC,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,EAA7C,CAA6C,CAAC,EAAjF,CAAiF,CAAC,GAAG,KAE7I,CACf,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,mBAAmB,uBAwB/B"}
+{"version":3,"file":"MaterialRulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/MaterialRulesDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kCAAwD;AACxD,iDAAoE;AACpE,2EAAyE;AACzE,2EAAyE;AACzE,wCAAwC;AAEjC,IAAM,mBAAmB,GAAyB,UAAC,KAAuB;IAC/E,IAAM,IAAI,GAAG,IAAA,eAAO,GAAgB,CAAA;IACpC,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAA;QAAE,OAAO,IAAI,CAAA;IACpC,OAAO,CACL,wBAAC,mBAAW,eAAK,KAAK,eACnB,IAAI,CAAC,YAAY,CAAC,IAAI,KAAK,4BAAgB,CAAC,QAAQ;gBACnD,uBAAC,uDAA0B,IAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAG,EAE/D,IAAI,CAAC,YAAY,CAAC,IAAI,KAAK,4BAAgB,CAAC,QAAQ;gBACnD,uBAAC,uDAA0B,IAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAG,KAEpD,CACf,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,mBAAmB,uBAa/B"}

package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.d.ts

@@ -1,9 +1,6 @@
 /** @jsxImportSource @emotion/react */
-import { MaterialMove, MaterialRulesDisplay } from '@gamepark/rules-api';
-import { MaterialDescription } from '../../material';
+import { MaterialRulesDisplay } from '@gamepark/rules-api';
 export type MaterialRulesDialogContentProps<Player extends number = number, MaterialType extends number = number, LocationType extends number = number> = {
-    rulesDisplay: MaterialRulesDisplay;
-    material: Record<MaterialType, MaterialDescription>;
-    legalMoves: MaterialMove<Player, MaterialType, LocationType>[];
+    rulesDisplay: MaterialRulesDisplay<Player, MaterialType, LocationType>;
 };
-export declare const MaterialRulesDialogContent: <P extends number = number, M extends number = number, L extends number = number>({ rulesDisplay, material, legalMoves }: MaterialRulesDialogContentProps<P, M, L>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MaterialRulesDialogContent: <P extends number = number, M extends number = number, L extends number = number>({ rulesDisplay }: MaterialRulesDialogContentProps<P, M, L>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js

@@ -28,22 +28,22 @@ var material_1 = require("../../material");
 var css_1 = require("../../../css");
 var hooks_1 = require("../../../hooks");
 var MaterialRulesDialogContent = function (_a) {
-    var rulesDisplay = _a.rulesDisplay, material = _a.material, legalMoves = _a.legalMoves;
+    var rulesDisplay = _a.rulesDisplay;
     var play = (0, hooks_1.usePlay)();
-    var description = material[rulesDisplay.itemType];
-    var RulesContent = description.rules;
+    var description = (0, hooks_1.useMaterialDescription)(rulesDisplay.itemType);
+    if (!description)
+        return null;
     var item = rulesDisplay.item;
-    var height = (0, material_1.getPropForItem)(description.props.height, item.id);
-    var width = height * (0, material_1.getPropForItem)(description.props.ratio, item.id);
+    var _b = description.getSize(item.id), width = _b.width, height = _b.height;
     return (0, jsx_runtime_1.jsxs)("div", __assign({ css: flex }, { children: [(0, jsx_runtime_1.jsx)(material_1.MaterialComponent, { type: rulesDisplay.itemType, itemId: item.id, css: [
                     noShrink, (0, css_1.fontSizeCss)(Math.min(75 / height, 75 / width, 10)),
-                    description.type === material_1.MaterialComponentType.Card && item.id === undefined && (0, css_1.transformCss)('rotateY(180deg)')
-                ] }), (0, jsx_runtime_1.jsx)(react_custom_scrollbars_2_1.default, __assign({ autoHeight: true, css: scrollableContainer }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: rules }, { children: (0, jsx_runtime_1.jsx)(RulesContent, { item: item, legalMoves: legalMoves, close: function () { return play(rules_api_1.closeRulesDisplay, { local: true }); } }) })) }))] }));
+                    (0, material_1.isFlatMaterialDescription)(description) && description.isHidden(item) && (0, css_1.transformCss)('rotateY(180deg)')
+                ] }), (0, jsx_runtime_1.jsx)(react_custom_scrollbars_2_1.default, __assign({ autoHeight: true, css: scrollableContainer }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: rulesStyle }, { children: (0, jsx_runtime_1.jsx)(description.rules, __assign({}, rulesDisplay, { closeDialog: function () { return play(rules_api_1.closeRulesDisplay, { local: true }); } })) })) }))] }));
 };
 exports.MaterialRulesDialogContent = MaterialRulesDialogContent;
 var flex = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"], ["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"])));
 var noShrink = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-shrink: 0;\n"], ["\n  flex-shrink: 0;\n"])));
-var rules = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"])));
+var rulesStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"])));
 var scrollableContainer = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  max-height: calc(90vh - 6em) !important;\n\n  > div {\n    max-height: calc(90vh - 6em + 17px) !important;\n\n    // trick to avoid very thin bar on some resolutions with react-custom-scrollbars-2\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    ::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n    }\n  }\n"], ["\n  max-height: calc(90vh - 6em) !important;\n\n  > div {\n    max-height: calc(90vh - 6em + 17px) !important;\n\n    // trick to avoid very thin bar on some resolutions with react-custom-scrollbars-2\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    ::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n    }\n  }\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=MaterialRulesDialogContent.js.map

package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/MaterialRulesDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,iDAA2F;AAC3F,wCAAoC;AACpC,wFAAkD;AAClD,2CAA8G;AAC9G,oCAAwD;AACxD,wCAAwC;AAQjC,IAAM,0BAA0B,GAAG,UACxC,EAAgF;QAA9E,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA;IAEpC,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;IACnD,IAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAA;IACtC,IAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAA;IAC9B,IAAM,MAAM,GAAG,IAAA,yBAAc,EAAC,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;IAChE,IAAM,KAAK,GAAG,MAAM,GAAG,IAAA,yBAAc,EAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;IACvE,OAAO,0CAAK,GAAG,EAAE,IAAI,iBACnB,uBAAC,4BAAiB,IAAC,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE;oBACpE,QAAQ,EAAE,IAAA,iBAAW,EAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;oBAC5D,WAAW,CAAC,IAAI,KAAK,gCAAqB,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,IAAI,IAAA,kBAAY,EAAC,iBAAiB,CAAC;iBAC5G,GAAG,EACJ,uBAAC,mCAAU,aAAC,UAAU,QAAC,GAAG,EAAE,mBAAmB,gBAC7C,yCAAK,GAAG,EAAE,KAAK,gBACb,uBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,cAAM,OAAA,IAAI,CAAC,6BAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAxC,CAAwC,GAAG,IACtG,IACK,KACT,CAAA;AACR,CAAC,CAAA;AApBY,QAAA,0BAA0B,8BAoBtC;AAED,IAAM,IAAI,OAAG,WAAG,gKAAA,4FAKf,IAAA,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,2FAAA,uBAEnB,IAAA,CAAA;AAED,IAAM,KAAK,OAAG,WAAG,2NAAA,uJAYhB,IAAA,CAAA;AAED,IAAM,mBAAmB,OAAG,WAAG,uZAAA,mVAe9B,IAAA,CAAA"}
+{"version":3,"file":"MaterialRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/MaterialRulesDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,iDAA6E;AAC7E,wCAAoC;AACpC,wFAAkD;AAClD,2CAA6E;AAC7E,oCAAwD;AACxD,wCAAgE;AAMzD,IAAM,0BAA0B,GAAG,UACxC,EAA0D;QAAxD,YAAY,kBAAA;IAEd,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,WAAW,GAAG,IAAA,8BAAsB,EAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;IACjE,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAC7B,IAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAA;IACxB,IAAA,KAAoB,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAA9C,KAAK,WAAA,EAAE,MAAM,YAAiC,CAAA;IACtD,OAAO,0CAAK,GAAG,EAAE,IAAI,iBACnB,uBAAC,4BAAiB,IAAC,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE;oBACpE,QAAQ,EAAE,IAAA,iBAAW,EAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;oBAC5D,IAAA,oCAAyB,EAAC,WAAW,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAA,kBAAY,EAAC,iBAAiB,CAAC;iBACxG,GAAG,EACJ,uBAAC,mCAAU,aAAC,UAAU,QAAC,GAAG,EAAE,mBAAmB,gBAC7C,yCAAK,GAAG,EAAE,UAAU,gBAClB,uBAAC,WAAW,CAAC,KAAK,eAAK,YAAY,IAAE,WAAW,EAAE,cAAM,OAAA,IAAI,CAAC,6BAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAxC,CAAwC,IAAG,IAC/F,IACK,KACT,CAAA;AACR,CAAC,CAAA;AAnBY,QAAA,0BAA0B,8BAmBtC;AAED,IAAM,IAAI,OAAG,WAAG,gKAAA,4FAKf,IAAA,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,2FAAA,uBAEnB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2NAAA,uJAYrB,IAAA,CAAA;AAED,IAAM,mBAAmB,OAAG,WAAG,uZAAA,mVAe9B,IAAA,CAAA"}

package/dist/components/dialogs/RulesDialog/RulesDialog.d.ts

@@ -5,3 +5,4 @@ export type RulesDialogProps = {
     close: () => void;
 } & DialogProps;
 export declare const RulesDialog: FC<RulesDialogProps>;
+export declare const rulesDialogCss: import("@emotion/utils").SerializedStyles;

package/dist/components/dialogs/RulesDialog/RulesDialog.js

@@ -26,7 +26,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RulesDialog = void 0;
+exports.rulesDialogCss = exports.RulesDialog = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var index_1 = require("../index");
 var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
@@ -35,10 +35,10 @@ var react_1 = require("@emotion/react");
 var css_1 = require("../../../css");
 var RulesDialog = function (_a) {
     var close = _a.close, children = _a.children, props = __rest(_a, ["close", "children"]);
-    return ((0, jsx_runtime_1.jsxs)(index_1.Dialog, __assign({ css: rulesDialogCss, onBackdropClick: close }, props, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faXmark_1.faXmark, css: dialogCloseIcon, onClick: close }), (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: children }))] })));
+    return ((0, jsx_runtime_1.jsxs)(index_1.Dialog, __assign({ css: exports.rulesDialogCss, onBackdropClick: close }, props, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faXmark_1.faXmark, css: dialogCloseIcon, onClick: close }), (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: children }))] })));
 };
 exports.RulesDialog = RulesDialog;
 var dialogCloseIcon = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 0.5em;\n  top: 0.3em;\n  font-size: 4em;\n  cursor: pointer;\n  z-index: 100;\n"], ["\n  position: absolute;\n  right: 0.5em;\n  top: 0.3em;\n  font-size: 4em;\n  cursor: pointer;\n  z-index: 100;\n"])));
-var rulesDialogCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"], ["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"])));
+exports.rulesDialogCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"], ["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"])));
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=RulesDialog.js.map

package/dist/components/dialogs/RulesDialog/RulesDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,kCAA8C;AAC9C,oEAAgE;AAChE,qEAAmE;AACnE,wCAAmD;AACnD,oCAAwC;AAMjC,IAAM,WAAW,GAAyB,UAAC,EAA+C;IAA7C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC3E,OAAO,CACL,wBAAC,cAAM,aAAC,GAAG,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,IAAM,KAAK,eAC5D,uBAAC,mCAAe,IAAC,IAAI,EAAE,iBAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,GAAG,EACvE,uBAAC,qBAAa,aAAC,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,uBAAM,KAAK,KAAE,OAAO,EAAE,IAAA,eAAS,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,IAAG,EAAnE,CAAmE,gBAC/F,QAAQ,IACK,KACT,CACV,CAAA;AACH,CAAC,CAAA;AATY,QAAA,WAAW,eASvB;AAED,IAAM,eAAe,OAAG,WAAG,uLAAA,mHAO1B,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,gQAAA,4LAQzB,IAAA,CAAA"}
+{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,kCAA8C;AAC9C,oEAAgE;AAChE,qEAAmE;AACnE,wCAAmD;AACnD,oCAAwC;AAMjC,IAAM,WAAW,GAAyB,UAAC,EAA+C;IAA7C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC3E,OAAO,CACL,wBAAC,cAAM,aAAC,GAAG,EAAE,sBAAc,EAAE,eAAe,EAAE,KAAK,IAAM,KAAK,eAC5D,uBAAC,mCAAe,IAAC,IAAI,EAAE,iBAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,GAAG,EACvE,uBAAC,qBAAa,aAAC,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,uBAAM,KAAK,KAAE,OAAO,EAAE,IAAA,eAAS,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,IAAG,EAAnE,CAAmE,gBAC/F,QAAQ,IACK,KACT,CACV,CAAA;AACH,CAAC,CAAA;AATY,QAAA,WAAW,eASvB;AAED,IAAM,eAAe,OAAG,WAAG,uLAAA,mHAO1B,IAAA,CAAA;AAEY,QAAA,cAAc,OAAG,WAAG,gQAAA,4LAQhC,KAAA"}

package/dist/components/index.d.ts

@@ -10,3 +10,5 @@ export * from './menus';
 export * from './Picture';
 export * from './PlayerPanel';
 export * from './PlayerTimer';
+export * from './tutorial';
+export * from './Avatar';

package/dist/components/index.js

@@ -26,4 +26,6 @@ __exportStar(require("./menus"), exports);
 __exportStar(require("./Picture"), exports);
 __exportStar(require("./PlayerPanel"), exports);
 __exportStar(require("./PlayerTimer"), exports);
+__exportStar(require("./tutorial"), exports);
+__exportStar(require("./Avatar"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB;AACzB,4CAAyB;AACzB,iDAA8B;AAC9B,2CAAwB;AACxB,iDAA8B;AAC9B,8CAA2B;AAC3B,kDAA+B;AAC/B,6CAA0B;AAC1B,0CAAuB;AACvB,4CAAyB;AACzB,gDAA6B;AAC7B,gDAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB;AACzB,4CAAyB;AACzB,iDAA8B;AAC9B,2CAAwB;AACxB,iDAA8B;AAC9B,8CAA2B;AAC3B,kDAA+B;AAC/B,6CAA0B;AAC1B,0CAAuB;AACvB,4CAAyB;AACzB,gDAA6B;AAC7B,gDAA6B;AAC7B,6CAA0B;AAC1B,2CAAwB"}