@enigma-lake/mines-play-controller-sdk 1.0.3 → 2.0.0

package/README.md

@@ -63,11 +63,9 @@ 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`
 
@@ -75,6 +73,7 @@ Defines functions for the user actions.
 
 - **`onPlay`**: A callback function to trigger when the user starts a play.
 - **`onAutoPlay`**: A callback function to trigger when the user starts autoplay. It accepts `selection` (an array of selected indices) and `callback` (a function to be executed once autoplay finishes).
+- **`onAutoPlayStop`** (optional): A callback function to trigger when the user stops autoplay by pressing the "Stop Autoplay" button.
 - **`onCashout`**: A callback function to trigger when the user decides to cash out their winnings.
 
 ### 4. `PlaySettingsProps`
@@ -94,7 +93,14 @@ Handles game-specific settings and states.
     - **`playAmount`**: The current play amount.
     - **`setPlayAmount`**: A function to set the play amount.
   - **`autoPlayDelay`** (optional): The delay (in milliseconds) before auto play starts.
+  - **`totalBalance`**: The available balance for the current currency
+
+  ### 5. `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
@@ -117,6 +123,9 @@ const GameExample = () => {
       next(); // Proceed to the next autoplay round
       stop(); // Stop autoplay (e.g., in case of an error or when the user chooses to stop)
     },
+    onAutoPlayStop: () => {
+      console.log("Auto Play stopped by user");
+    },
     onCashout: () => console.log("Cashout clicked"),
     playOptions: {
       displayController: true,

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/Widgets.d.ts

@@ -0,0 +1,14 @@
+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;
+    displayPlayAmountView: boolean;
+}
+export declare const WidgetContainer: React.FC<WidgetContainerProps>;
+export {};

package/dist/components/base/AutoPlayController/enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum AUTOPLAY_LABEL {
+    START = "START AUTOPLAY",
+    STOP = "STOP AUTOPLAY"
+}

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { GAME_MODE } from "../../../types";
 declare const themes: {
     primary: string;
     success: string;
@@ -6,10 +7,11 @@ declare const themes: {
 };
 type Props = React.ComponentProps<"button"> & {
     theme?: (typeof themes)[keyof typeof themes];
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    roleType?: GAME_MODE;
+    className?: string;
 };
 declare const Button: {
-    ({ disabled, className, theme, onClick, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    ({ disabled, roleType, className, theme, ...props }: Props): import("react/jsx-runtime").JSX.Element;
     themes: {
         primary: string;
         success: string;

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

@@ -0,0 +1,5 @@
+declare const ChevronIcon: ({ open, disabled, }: {
+    open: boolean;
+    disabled: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChevronIcon;

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

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

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

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Input: ({ onChange, disabled, className, ...restProps }: React.ComponentProps<"input">) => import("react/jsx-runtime").JSX.Element;
+declare const Input: ({ onChange, disabled, className, max, ...restProps }: React.ComponentProps<"input">) => import("react/jsx-runtime").JSX.Element;
 export default Input;

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

@@ -0,0 +1,11 @@
+import { ComponentProps, PropsWithChildren } from "react";
+export type Props = PropsWithChildren<ComponentProps<"input">> & {
+    switcherConfig: {
+        onSwitch: () => void;
+        isPlaying: boolean;
+        enabled: boolean;
+        disabled: boolean;
+    };
+};
+declare const InputWithSwitch: ({ children, switcherConfig, disabled, className, ...restProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export default InputWithSwitch;

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

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

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

@@ -1,14 +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[];
 }
-declare const PlayAmountControl: ({ playAmount, minPlayAmount, maxPlayAmount, isDisabled, adjustPlayAmount, onChangeAmount, onBlurAmount, currentCurrency, currencies, }: 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/hooks/usePlayController.d.ts

@@ -1,17 +1,15 @@
 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;
     isValidPlayAmount: boolean;
-    winText: string;
+    totalBalance: number;
     manualPlay: {
         isDisabled: () => boolean;
         onPlay: () => void;
@@ -23,4 +21,9 @@ export declare const usePlayController: () => {
         onPlay: () => void;
         onStopPlay: () => void;
     };
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => void;
+    };
 };

package/dist/components/utils.d.ts

@@ -1 +1,6 @@
+import { GAME_MODE } from "../types";
 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,20 +11,30 @@ declare enum AUTO_PLAY_STATE {
     PLAYING = "playing"
 }
 
+declare enum WIDGET {
+    CENTER = "center",
+    SIDE = "side"
+}
+type Widget = {
+    type: WIDGET;
+    renderElement: ({ state, displayPlayAmountView, }: {
+        state: AUTO_PLAY_STATE;
+        displayPlayAmountView: boolean;
+    }) => ReactNode;
+};
+
+declare const format: (balance: number, decimals: number) => string;
+
 type StylingProps = {
     panel: {
         bottom: string;
         bgColorHex: string;
     };
 };
-type CurrencyProps = {
-    currentCurrency: Currency;
-    currencies: Currency[];
-    winText: string;
-};
 type ActionsProps = {
     onPlay: () => void;
-    onAutoPlay: (selection: number[], next: () => void, stop: () => void) => void;
+    onAutoPlay: (selection: number[], next: () => void, stop: () => void, state: AUTO_PLAY_STATE) => void;
+    onAutoPlayStop?: () => void;
     onCashout: () => void;
 };
 type PlaySettingsProps = {
@@ -37,15 +47,19 @@ type PlaySettingsProps = {
         message: string;
     }) => void;
     playHook: () => {
-        playLimits?: PlayLimits;
+        playLimits?: PlayLimitsV2;
         playAmount: number;
         setPlayAmount: (value: number) => void;
     };
     autoPlayDelay?: number;
+    totalBalance: number;
 };
 type PlayControllerProps = StylingProps & ActionsProps & {
     currencyOptions: CurrencyProps;
     playOptions: PlaySettingsProps;
+    leftWidgets: Widget[];
+    rightWidgets: Widget[];
+    centerWidgets: Widget[];
 };
 
 interface AutoManualPlayStateContextType {
@@ -71,6 +85,11 @@ interface AutoManualPlayStateContextType {
     };
     reset: () => void;
     toggleMode: () => void;
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => void;
+    };
 }
 
 interface AutoManualPlayStateProviderProps {
@@ -79,4 +98,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 };