@enigma-lake/tower-play-controller-sdk 1.0.3 → 2.0.1

package/README.md

@@ -73,14 +73,11 @@ Handles the styling-related properties for the component.
 ### 2. `CurrencyProps`
 
 Handles currency-related logic and settings.
-
 - **`currencyOptions`**: An object containing the following properties:
-  - **`currentCurrency`**: The currently selected currency (e.g., `Currency.SWEEPS`).
-  - **`currencies`**: Array of available currencies that the user can choose from.
-  - **`winText`**: The win amount during the playing.
+  - **`current`**: The currently selected currency
+  - **`available`**: Array of available currencies that the user can choose from.
 
 ### 3. `ActionsProps`
-
 Defines functions for the user actions.
 
 - **`onPlay`**: A callback function to trigger when the user starts a play.
@@ -109,6 +106,14 @@ Handles game-specific settings and states.
   - **`onRiskChange`**: Callback function to handle risk selection.
   - **`risks`**: Array of available risk types.
   - **`disabledMenu`**: Disable menu flag
+  - **`totalBalance`**: The available balance for the current currency
+
+  ### 3. `Widgets`
+  Defines functions for the user actions.
+
+  - **`leftWidgets`**: A list of widgets that will be displayed on the left side
+  - **`centerWidgets`**: A list of widgets that will be displayed on the center
+  - **`rightWidgets`**: A list of widgets that will be displayed on the right side
 ---
 
 ## Example Usage

package/dist/components/AutoManualPlayStateProvider/AutoManualPlayStateContext.d.ts

@@ -23,6 +23,11 @@ export interface AutoManualPlayStateContextType {
     };
     reset: () => void;
     toggleMode: () => void;
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => void;
+    };
 }
 export declare const AutoManualPlayStateContext: import("react").Context<AutoManualPlayStateContextType | undefined>;
 export declare const useAutoManualPlayState: () => AutoManualPlayStateContextType;

package/dist/components/Widgets/WidgetContainer.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { AUTO_PLAY_STATE, Widget } from "../../types";
+type WidgetsByZone = {
+    left: Widget[];
+    center: Widget[];
+    right: Widget[];
+};
+interface WidgetContainerProps {
+    state: AUTO_PLAY_STATE;
+    widgets: WidgetsByZone;
+}
+export declare const WidgetContainer: React.FC<WidgetContainerProps>;
+export {};

package/dist/components/base/InputWithSwitch/InputWithSwitch.d.ts

@@ -1,15 +1,11 @@
 import { ComponentProps, PropsWithChildren } from "react";
-import { Currency } from "@enigma-lake/zoot-platform-sdk";
 export type Props = PropsWithChildren<ComponentProps<"input">> & {
     switcherConfig: {
         onSwitch: () => void;
         isPlaying: boolean;
         enabled: boolean;
-        currency: Currency;
         disabled: boolean;
     };
-    currency: Currency;
-    label?: string;
 };
-declare const InputWithSwitch: ({ children, switcherConfig, disabled, currency, label, className, ...restProps }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const InputWithSwitch: ({ children, switcherConfig, disabled, className, ...restProps }: Props) => import("react/jsx-runtime").JSX.Element;
 export default InputWithSwitch;

package/dist/components/base/PlayController/PlayController.d.ts

@@ -1,15 +1,5 @@
-import { Currency } from "@enigma-lake/zoot-platform-sdk";
 interface PlayAmountControlProps {
-    playAmount: number;
-    minPlayAmount: number;
-    maxPlayAmount: number;
     isDisabled: () => boolean;
-    adjustPlayAmount: (multiplier: number) => void;
-    onChangeAmount: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlurAmount: (event: React.FocusEvent<HTMLInputElement>) => void;
-    currentCurrency: Currency;
-    currencies: Currency[];
-    disableInput: boolean;
 }
-declare const PlayAmountControl: ({ playAmount, minPlayAmount, maxPlayAmount, isDisabled, adjustPlayAmount, onChangeAmount, onBlurAmount, currentCurrency, currencies, disableInput, }: PlayAmountControlProps) => import("react/jsx-runtime").JSX.Element;
+declare const PlayAmountControl: ({ isDisabled }: PlayAmountControlProps) => import("react/jsx-runtime").JSX.Element;
 export default PlayAmountControl;

package/dist/components/base/PlayValueInput/PlayValueInput.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, PropsWithChildren } from "react";
+export type Props = PropsWithChildren<ComponentProps<"div">> & {
+    disabled: boolean;
+    onClick: () => void;
+    value: string;
+};
+declare const PlayValueInput: ({ disabled, children, className, value, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default PlayValueInput;

package/dist/components/base/PlayValueInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./PlayValueInput";

package/dist/components/base/PlayValueList/PlayValueList.d.ts

@@ -0,0 +1,2 @@
+declare const PlayValueList: () => import("react/jsx-runtime").JSX.Element | null;
+export default PlayValueList;

package/dist/components/base/PlayValueList/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./PlayValueList";

package/dist/components/base/SelectMenu/SelectMenu.d.ts

@@ -1,11 +1,5 @@
-import { Currency } from "@enigma-lake/zoot-platform-sdk";
 interface ISelectMenuProps {
-    currencies: Currency[];
-    selectedCurrency: Currency;
-    setSelectedCurrency: (currency: {
-        currency: Currency;
-    }) => void;
     disabled?: boolean;
 }
-declare const SelectMenu: ({ currencies, selectedCurrency, setSelectedCurrency, disabled, }: ISelectMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectMenu: ({ disabled }: ISelectMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectMenu;

package/dist/components/base/SelectMenu/config.d.ts

@@ -0,0 +1,3 @@
+import { CurrencyMeta, CurrencyIcon } from "@enigma-lake/zoot-platform-sdk";
+export declare const capitalize: (str: string) => string;
+export declare const getIcon: (option: CurrencyMeta) => CurrencyIcon | undefined;

package/dist/components/base/Switch/Switch.d.ts

@@ -1,10 +1,8 @@
-import { Currency } from "@enigma-lake/zoot-platform-sdk";
 interface SwitchProps {
     enabled: boolean;
     onSwitch: () => void;
     isPlaying: boolean;
-    currency: Currency;
     disabled: boolean;
 }
-export declare const Switch: ({ enabled, onSwitch, disabled, currency, isPlaying, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Switch: ({ enabled, onSwitch, disabled, isPlaying, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/base/index.d.ts

@@ -1,6 +1,7 @@
 import Button from "./Button";
 import GroupRow from "./GroupRow";
 import Input from "./Input";
-import InputWithIcon from "./InputWithIcon";
+import PlayValueInput from "./PlayValueInput";
+import PlayValueList from "./PlayValueList";
 import SelectMenu from "./SelectMenu";
-export { Button, InputWithIcon, GroupRow, Input, SelectMenu };
+export { Button, GroupRow, Input, SelectMenu, PlayValueInput, PlayValueList };

package/dist/components/hooks/usePlayController.d.ts

@@ -1,18 +1,16 @@
 import { AUTO_PLAY_STATE } from "../../types";
-import { ChangeEvent, FocusEvent } from "react";
 export declare const usePlayController: () => {
-    currentCurrency: import("@enigma-lake/zoot-platform-sdk").Currency;
-    currencies: import("@enigma-lake/zoot-platform-sdk").Currency[];
     playAmount: number;
     minPlayAmount: number;
     maxPlayAmount: number;
     setPlayAmount: (value: number) => void;
-    adjustPlayAmount: (multiplier: number) => void;
-    onChangeAmount: (event: ChangeEvent<HTMLInputElement>) => void;
-    onBlurAmount: (event: FocusEvent<HTMLInputElement>) => void;
+    adjustPlayAmount: ({ direction }: {
+        direction: -1 | 1;
+    }) => void;
+    onChangeAmount: (playValue: number) => void;
     playOptions: import("../../types/playController").PlaySettingsProps;
     isValidPlayAmount: boolean;
-    winText: string;
+    totalBalance: number;
     manualPlay: {
         isDisabled: () => boolean;
         onPlay: () => void;
@@ -24,4 +22,9 @@ export declare const usePlayController: () => {
         onPlay: () => void;
         onStopPlay: () => void;
     };
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => void;
+    };
 };

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-import { Button, Input, InputWithIcon, GroupRow, SelectMenu } from "./base";
 import AutoManualPlayProvider from "./AutoManualPlayStateProvider";
 import { GAME_MODE, AUTO_PLAY_STATE } from "../types/gameMode";
-export { Button, InputWithIcon, GroupRow, Input, SelectMenu, AutoManualPlayProvider, GAME_MODE, AUTO_PLAY_STATE, };
+import { format } from "./utils";
+export { AutoManualPlayProvider, GAME_MODE, AUTO_PLAY_STATE, format };

package/dist/components/utils.d.ts

@@ -3,3 +3,4 @@ export declare const hexToRgb: (hex: string) => string | null;
 export declare const selectButton: (gameMode: GAME_MODE) => HTMLButtonElement;
 export declare const addPressedClass: (gameMode: GAME_MODE, activeClassName: string) => void;
 export declare const removePressedClass: (gameMode: GAME_MODE, activeClassName: string) => void;
+export declare const format: (balance: number, decimals: number) => string;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { Currency, PlayLimits } from '@enigma-lake/zoot-platform-sdk';
+import { ReactNode, ReactElement } from 'react';
+import { CurrencyProps, PlayLimitsV2 } from '@enigma-lake/zoot-platform-sdk';
 
 declare enum GAME_MODE {
     MANUAL = "manual",
@@ -11,6 +11,19 @@ declare enum AUTO_PLAY_STATE {
     PLAYING = "playing"
 }
 
+declare enum WIDGET {
+    CENTER = "center",
+    SIDE = "side"
+}
+type Widget = {
+    type: WIDGET;
+    renderElement: ({ state }: {
+        state: AUTO_PLAY_STATE;
+    }) => ReactNode;
+};
+
+declare const format: (balance: number, decimals: number) => string;
+
 declare enum RiskTypes {
     LOW = "LOW",
     MEDIUM = "MEDIUM",
@@ -19,7 +32,7 @@ declare enum RiskTypes {
 
 type StylingProps = {
     panel: {
-        bottom: string;
+        bottom?: string;
         bgColorHex: string;
         bgColorOpacity?: number;
     };
@@ -32,11 +45,6 @@ type StylingProps = {
         };
     };
 };
-type CurrencyProps = {
-    currentCurrency: Currency;
-    currencies: Currency[];
-    winText: string;
-};
 type ActionsProps = {
     onPlay: () => void;
     onAutoPlay: (selection: number[], next: () => void, stop: () => void) => void;
@@ -58,15 +66,19 @@ type PlaySettingsProps = {
         message: string;
     }) => void;
     playHook: () => {
-        playLimits?: PlayLimits;
+        playLimits?: PlayLimitsV2;
         playAmount: number;
         setPlayAmount: (value: number) => void;
     };
+    totalBalance: number;
     autoPlayDelay?: number;
 };
 type PlayControllerProps = StylingProps & ActionsProps & {
     currencyOptions: CurrencyProps;
     playOptions: PlaySettingsProps;
+    leftWidgets: Widget[];
+    rightWidgets: Widget[];
+    centerWidgets: Widget[];
 };
 
 interface AutoManualPlayStateContextType {
@@ -92,6 +104,11 @@ interface AutoManualPlayStateContextType {
     };
     reset: () => void;
     toggleMode: () => void;
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => void;
+    };
 }
 
 interface AutoManualPlayStateProviderProps {
@@ -100,4 +117,4 @@ interface AutoManualPlayStateProviderProps {
 }
 declare const AutoManualPlayProvider: React.FC<AutoManualPlayStateProviderProps>;
 
-export { AUTO_PLAY_STATE, AutoManualPlayProvider, GAME_MODE };
+export { AUTO_PLAY_STATE, AutoManualPlayProvider, GAME_MODE, WIDGET, type Widget, format };