@truelab/truelogic 4.2.0 → 4.3.0-0

package/dist/types/src/shared/ui/TabBar/TabBarIconButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes, ElementType, FC } from 'react';
+type TProps = {
+    icon: ElementType;
+    onClick: (event: React.MouseEvent) => void;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+/** Square icon-only member of the tab bar family (Close), same 10px corners as a tab. */
+export declare const TabBarIconButton: FC<TProps>;
+export {};

package/dist/types/src/shared/ui/TabBar/TabBarItem.d.ts

@@ -0,0 +1,12 @@
+import { ButtonHTMLAttributes, ElementType, FC } from 'react';
+type TProps = {
+    icon: ElementType;
+    label: string;
+    onClick: (event: React.MouseEvent) => void;
+    isActive?: boolean;
+    labelFontSize?: number;
+    onLabelFontSizeAdjust?: (fontSize: number) => void;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+/** Tab of the game menu tab bar: 28x28 icon above a single-line label. */
+export declare const TabBarItem: FC<TProps>;
+export {};

package/dist/types/src/shared/ui/TabBar/index.d.ts

@@ -0,0 +1,3 @@
+export { TabBar } from './TabBar';
+export { TabBarIconButton } from './TabBarIconButton';
+export { TabBarItem } from './TabBarItem';

package/dist/types/src/shared/ui/TapAnywhere/TapAnywhere.d.ts

@@ -6,6 +6,8 @@ type TProps = {
     isTurboActive?: boolean;
     /** Modal this layer belongs to — input is ignored while another modal is stacked above it */
     modalName?: TModalName;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const TapAnywhere: ({ onClose, textClassName, isTurboActive, modalName, ...props }: TProps) => import("react/jsx-runtime").JSX.Element;
+    /** The host covers the layer with its own page (Game Info on welcome): taps and keys are ignored */
+    disabled?: boolean;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'>;
+export declare const TapAnywhere: ({ onClose, textClassName, isTurboActive, modalName, disabled, ...props }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/widgets/menu/index.d.ts

@@ -0,0 +1,3 @@
+export { getMenuIsGameInfoTabVisible } from './lib/selectors';
+export { GameInfoLight } from './ui/GameInfoLight/GameInfoLight';
+export { ModalMenu } from './ui/ModalMenu/ModalMenu';

package/dist/types/src/widgets/menu/lib/selectors.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Paytable section of the Game Info tab: shown only when the game actually has paytable content.
+ * The blocks come either from the legacy `payTable` config or from the unified `gameInfo` one.
+ */
+export declare function getMenuIsPayTableSectionVisible(state: TRootState): boolean;
+/** Rules section of the Game Info tab. */
+export declare function getMenuIsGameInfoSectionVisible(state: TRootState): boolean;
+/** The tab exists while at least one of its two sections does. */
+export declare function getMenuIsGameInfoTabVisible(state: TRootState): boolean;
+export declare function getMenuIsActivityTabVisible(state: TRootState): boolean;
+export declare function getMenuIsSettingsTabVisible(state: TRootState): boolean;

package/dist/types/src/widgets/menu/lib/useMenuTabs.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType, ElementType } from 'react';
+import { TMenuTab } from '../../../entities/menu';
+export type TMenuTabDescriptor = {
+    id: TMenuTab;
+    icon: ElementType;
+    /**
+     * Tab caption, also the shell title (uppercased by the header). Localized and single-line:
+     * a translation that does not fit the caption box shrinks the captions of the whole bar
+     * together (see `getTabBarLabelFontSize`).
+     */
+    label: string;
+    Content: ComponentType;
+    /**
+     * The content box is stretched to the full scroll height for this tab, so short content can
+     * centre itself in the free area. Opt-in: the other tabs keep hugging their own height, where
+     * a percentage height collapses to `auto` as they were written to expect.
+     */
+    stretch?: boolean;
+};
+/**
+ * Tabs the player can actually reach, in tab-bar order. A tab that the integrator hid via
+ * `configuration.menu`, or whose content is unavailable, is absent rather than disabled —
+ * a game without promoLobby simply gets a shorter bar.
+ */
+export declare const useMenuTabs: () => TMenuTabDescriptor[];

package/dist/types/src/widgets/menu/ui/GameInfoLight/GameInfoLight.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+type TProps = {
+    onClose: () => void;
+};
+/**
+ * The light Game Info page of the welcome screen: the menu shell trimmed down to a title, a
+ * close button and the Game Info content — no tab bar, no home or sound buttons, the other
+ * sections are out of reach (GTT-2760).
+ *
+ * Plain local UI of the welcome screen on purpose: nothing goes through the modals stack or
+ * the menu slice, so no session starts, no gameplay lock is armed and the welcome state stays
+ * as it was; the cross simply brings the player back to the welcome screen. The layout repeats
+ * the menu shell, so the page lands exactly where the in-game Game Info tab would.
+ */
+export declare const GameInfoLight: FC<TProps>;
+export {};

package/dist/types/src/widgets/menu/ui/MenuHeader/MenuHeader.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+type TProps = {
+    /** Title of the active tab — an inner page of that tab replaces it with its own. */
+    title: string;
+    onClose: () => void;
+    /** Title and close button only, no home or sound: the light Game Info page of the welcome screen */
+    light?: boolean;
+};
+/**
+ * Menu title row, sitting right under the top line: home button on one side, sound toggle
+ * on the other. The home button replaces the one the old menu modal had in its header.
+ *
+ * An inner page of a tab takes the row over: its own title, and a back button instead of the
+ * home and sound buttons. When the tab bar is hidden — the reality check reminder sends the
+ * player to a single page of the menu — the row carries the close button the bar would have had.
+ */
+export declare const MenuHeader: FC<TProps>;
+export {};

package/dist/types/src/widgets/menu/ui/MenuTabBar/MenuTabBar.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { TMenuTab } from '../../../../entities/menu';
+import { TMenuTabDescriptor } from '../../lib/useMenuTabs';
+type TProps = {
+    tabs: TMenuTabDescriptor[];
+    activeTabId: TMenuTab;
+    onTabClick: (tabId: TMenuTab) => void;
+    onClose: () => void;
+};
+export declare const MenuTabBar: FC<TProps>;
+export {};

package/dist/types/src/widgets/menu/ui/MenuTabContent/MenuTabContent.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+import { TMenuTab } from '../../../../entities/menu';
+type TProps = {
+    tabId: TMenuTab;
+    /** 1 when the player moved right along the tab bar, -1 when left */
+    direction: number;
+    children: ReactNode;
+};
+/**
+ * Content of the active tab, sliding in from the side the player reached for.
+ *
+ * `mode="wait"` lets the leaving tab finish before the next one mounts, so two tab contents —
+ * and their effects, requests and the promo lobby provider — are never alive at the same time.
+ * `initial={false}` keeps the content still when the menu has only just opened.
+ */
+export declare const MenuTabContent: FC<TProps>;
+export {};

package/dist/types/src/widgets/menu/ui/ModalMenu/ModalMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/widgets/menu/ui/tabs/ActivityTab.d.ts

@@ -0,0 +1,2 @@
+/** Rounds history feed, with the details of a round as an inner page of the tab. */
+export declare const ActivityTab: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/widgets/menu/ui/tabs/ActivityTab.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/widgets/menu/ui/tabs/GameInfoTab.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Symbols/Lines (paytable) and Features/Rules (game information) as one scrollable page.
+ *
+ * Both config forms end up on the same page:
+ *
+ * - **legacy** — the integrator passes `payTable` and `gameInfo` separately, and the divider
+ *   between the two sections is added here;
+ * - **new** — one `gameInfo` config describes the whole page, block order included, and the
+ *   dividers are its own `separator` items.
+ *
+ * The mode follows from the configs: a `payTable` config means legacy, otherwise the blocks of
+ * `gameInfo` are split into sections by the constructor that owns each block type.
+ */
+export declare const GameInfoTab: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/widgets/menu/ui/tabs/GameInfoTab.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/widgets/menu/ui/tabs/RealityCheckSettings.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Reality check plate of the Settings tab: the switch, the reminder intervals it reveals and
+ * Save. It replaces the reality check modal, so it also carries what that modal did around the
+ * editing — the reminder is paused while the player is here, and whatever was not saved is
+ * rolled back on the way out.
+ */
+export declare const RealityCheckSettings: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/widgets/menu/ui/tabs/RealityCheckSettings.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/widgets/menu/ui/tabs/RoundDetailsPage.d.ts

@@ -0,0 +1,9 @@
+type TProps = {
+    roundId: string;
+};
+/**
+ * Details of one round: an inner page of the Activity tab, reached from the feed. Replay and
+ * the replay link keep the behaviour they had in the round details modal.
+ */
+export declare const RoundDetailsPage: ({ roundId }: TProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/widgets/menu/ui/tabs/SettingsTab.d.ts

@@ -0,0 +1,2 @@
+/** Sound and reality check, each a plate that opens its own settings in place. */
+export declare const SettingsTab: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/widgets/{modals/ui/ModalSettings.stories.d.ts → menu/ui/tabs/SettingsTab.stories.d.ts}

@@ -3,10 +3,10 @@ declare const meta: {
     title: string;
     component: () => import("react/jsx-runtime").JSX.Element;
     decorators: import("@storybook/react-webpack5").Decorator[];
+    render: () => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type TStory = StoryObj<typeof meta>;
-export declare const Landscape: TStory;
 export declare const Portrait: TStory;
-export declare const FullScreenUnsupported: TStory;
-export declare const RealityCheckOn: TStory;
+export declare const Landscape: TStory;
+export declare const LongLabels: TStory;

package/dist/types/src/widgets/modals/index.d.ts

@@ -2,14 +2,8 @@ export { ModalAutoPlay } from './ui/ModalAutoPlay/ModalAutoPlay';
 export { ModalBonusFeature } from './ui/ModalBonusFeature';
 export { ModalFreeRounds } from './ui/ModalFreeRounds';
 export { ModalFreeRoundsResult } from './ui/ModalFreeRoundsResult';
-export { ModalGameInfo } from './ui/ModalGameInfo';
-export { ModalMenu } from './ui/ModalMenu/ModalMenu';
-export { ModalPayTable } from './ui/ModalPayTable';
-export { ModalRealityCheck } from './ui/ModalRealityCheck';
 export { ModalRealityCheckReminder } from './ui/ModalRealityCheckReminder';
 export { ModalReplay } from './ui/ModalReplay';
-export { ModalRoundDetails } from './ui/ModalRoundDetails';
-export { ModalRoundsHistory } from './ui/ModalRoundsHistory';
 export { ModalServiceAutoPlay } from './ui/ModalServiceAutoPlay';
 export { ModalServiceConnectionLost } from './ui/ModalServiceConnectionLost';
 export { ModalServiceError } from './ui/ModalServiceError';
@@ -20,5 +14,4 @@ export { ModalServiceMaxWin } from './ui/ModalServiceMaxWin';
 export { ModalServiceQuitTheGame } from './ui/ModalServiceQuitTheGame';
 export { ModalServiceRestore } from './ui/ModalServiceRestore';
 export { ModalServiceSessionExpired } from './ui/ModalServiceSessionExpired';
-export { ModalSettings } from './ui/ModalSettings';
 export { ModalStakeAmounts } from './ui/ModalStakeAmounts/ModalStakeAmounts';

package/dist/types/src/widgets/modals/ui/ModalRealityCheckReminder.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@truelab/truelogic",
-    "version": "4.2.0",
+    "version": "4.3.0-0",
     "description": "",
     "main": "./dist/truelogic.min.js",
     "types": "./dist/types/src/index.d.ts",