@enigma-lake/mines-play-controller-sdk 1.0.0

package/README.md

@@ -0,0 +1,179 @@
+
+# MinesPlayController
+
+The `MinesPlayController` component is a key part of the gameplay interface, allowing users to initiate a play or cash out based on their current game state. It supports manual play, autoplay for a specified number of plays, dynamic currency handling, and play amount adjustments.
+
+---
+
+## Component Overview
+
+The `MinesPlayController` allows the user to:
+
+- Select a currency.
+- Adjust the play amount.
+- Start a play (manual or auto).
+- Cash out winnings.
+- Toggle between manual play and autoplay.
+
+---
+
+## Setup
+
+### 1. Install the package using npm:
+
+```bash
+npm install @enigma-lake/mines-play-controller-sdk
+```
+
+### 2. Import the component and styles in your project:
+
+```tsx
+import {
+  AUTO_PLAY_STATE,
+  GAME_MODE,
+  AutoManualPlayProvider,
+} from "@enigma-lake/mines-play-controller-sdk";
+
+import "@enigma-lake/mines-play-controller-sdk/dist/style.css";
+```
+
+---
+
+## Context & Provider
+
+### `AutoManualPlayProvider`
+
+The `AutoManualPlayProvider` wraps the MinesPlayController, managing both manual play and autoplay. It uses React Context to provide game state and actions throughout the component tree.
+
+🔹 **Features of `AutoManualPlayProvider`**:
+- **Manages Game Mode**: Switches between MANUAL and AUTOPLAY.
+- **Handles Autoplay**: Sets the number of plays, tracks rounds, and stops automatically.
+- **Provides Context:** Exposes state and functions for controlling play behavior.
+
+## Props
+
+### 1. `StylingProps`
+
+Handles the styling-related properties for the component.
+
+- **`panel` (optional)**: Custom styling for the play controller.
+  - **`bgColorHex`**: Hex color for the panel background.
+  - **`bottom`**: Bottom margin for the panel relative to the window.
+
+### 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.
+
+### 3. `ActionsProps`
+
+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).
+- **`onCashout`**: A callback function to trigger when the user decides to cash out their winnings.
+
+### 4. `PlaySettingsProps`
+
+Handles game-specific settings and states.
+
+- **`playOptions`**: An object containing the following properties:
+  - **`isPlaying`**: Boolean flag indicating whether the game is currently in progress.
+  - **`canCashout`**: Boolean flag indicating whether the user can cash out their current play.
+  - **`disabledController`**: Boolean flag to disable all interactive elements in the component, preventing user interactions (e.g., when the game is in progress).
+  - **`displayController`**: Boolean flag to determine if the play controller should be visible.
+  - **`showAutoPlayToast`**: A function to show a toast message during autoplay. Accepts an object with:
+    - **`type`**: Message type (`"success"`, `"error"`, `"warning"`, or `"info"`).
+    - **`message`**: The message to display.
+  - **`playHook`**: A hook providing the current play amount, play limits, and a function to set the play amount.
+    - **`playLimits`**: Play limits for the game.
+    - **`playAmount`**: The current play amount.
+    - **`setPlayAmount`**: A function to set the play amount.
+  - **`autoPlayDelay`** (optional): The delay (in milliseconds) before auto play starts.
+
+---
+
+## Example Usage
+
+```tsx
+import "@enigma-lake/mines-play-controller-sdk/dist/style.css";
+import { AutoManualPlayProvider, GAME_MODE, AUTO_PLAY_STATE } from "@enigma-lake/mines-play-controller-sdk";
+import { Currency } from "@enigma-lake/zoot-platform-sdk";
+
+const GameExample = () => {
+  const config = {
+    currencyOptions: {
+      currentCurrency: Currency.SWEEPS,
+      currencies: [Currency.SWEEPS, Currency.GOLD],
+      winText: "0.00 SC",
+    },
+    onPlay: () => console.log("Play button clicked"),
+    onAutoPlay: (selection, next, stop) => {
+      console.log("Auto Play started with selection:", selection);
+      next(); // Proceed to the next autoplay round
+      stop(); // Stop autoplay (e.g., in case of an error or when the user chooses to stop)
+    },
+    onCashout: () => console.log("Cashout clicked"),
+    playOptions: {
+      displayController: true,
+      canCashout: false,
+      isPlaying: false,
+      disabledController: false,
+      showAutoPlayToast: (props) => {
+        console.log(`${props.type}: ${props.message}`);
+      },
+      playHook: () => {
+        return {
+          playLimits: { min: 1, max: 100 },
+          playAmount: 10,
+          setPlayAmount: (value) => console.log("New play amount:", value),
+        };
+      },
+    },
+    panel: {
+      bottom: '15px',
+      bgColorHex: "#081E64"
+    }
+  };
+
+  return (
+    <AutoManualPlayProvider config={config}>
+      {({ autoPlay: { selection, setSelection, state }, mode }) => (
+        // children content
+      )}
+    </AutoManualPlayProvider>
+  );
+};
+```
+
+---
+
+## Key Features
+
+1. **Dynamic Currency Handling**:
+   - Supports multiple currencies (e.g., SWEEPS, GOLD).
+   - Allows users to switch currencies easily.
+
+2. **Play Amount Adjustment**:
+   - Includes buttons to halve or double the play amount.
+   - Validates play amounts against user balance and play limits.
+
+3. **Custom Styling**:
+   - Supports customizable input and button colors.
+
+4. **Play & Cashout Actions**:
+   - Allows users to initiate gameplay or cash out winnings seamlessly.
+
+---
+
+## Development Notes
+
+1. **Play Amount Validation**:
+   - The play amount is validated to ensure it falls within the minimum and maximum limits, as well as the user's available balance.
+
+2. **Responsive Design**:
+   - The component is styled to be responsive and integrate seamlessly into various layouts.

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

@@ -0,0 +1,9 @@
+import { ReactElement } from "react";
+import { PlayControllerProps } from "../../types/playController";
+import { AutoManualPlayStateContextType } from "./AutoManualPlayStateContext";
+interface AutoManualPlayStateProviderProps {
+    children: React.ReactNode | ((state: AutoManualPlayStateContextType) => ReactElement);
+    config: PlayControllerProps;
+}
+declare const AutoManualPlayProvider: React.FC<AutoManualPlayStateProviderProps>;
+export default AutoManualPlayProvider;

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

@@ -0,0 +1,28 @@
+import { GAME_MODE, AUTO_PLAY_STATE } from "../../types/gameMode";
+import { PlayControllerProps } from "../../types/playController";
+export interface AutoManualPlayStateContextType {
+    mode: GAME_MODE;
+    config: PlayControllerProps;
+    manual: {
+        playManualMode: () => void;
+    };
+    autoPlay: {
+        state: AUTO_PLAY_STATE;
+        playedRounds: number;
+        numberOfPlays: number;
+        selection: number[];
+        isActive: boolean;
+        setIsActive: React.Dispatch<React.SetStateAction<boolean>>;
+        start: (numberOfPlays: number) => void;
+        stop: () => void;
+        setState: React.Dispatch<React.SetStateAction<AUTO_PLAY_STATE>>;
+        setPlayedRounds: React.Dispatch<React.SetStateAction<number>>;
+        setNumberOfPlays: React.Dispatch<React.SetStateAction<number>>;
+        setSelection: (values: number[]) => void;
+        updateState: (newState: AUTO_PLAY_STATE.SELECTING | AUTO_PLAY_STATE.PLAYING) => void;
+    };
+    reset: () => void;
+    toggleMode: () => void;
+}
+export declare const AutoManualPlayStateContext: import("react").Context<AutoManualPlayStateContextType | undefined>;
+export declare const useAutoManualPlayState: () => AutoManualPlayStateContextType;

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import React from "react";
+declare const themes: {
+    primary: string;
+    success: string;
+    ghost: string;
+};
+type Props = React.ComponentProps<"button"> & {
+    theme?: (typeof themes)[keyof typeof themes];
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+declare const Button: {
+    ({ disabled, className, theme, onClick, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    themes: {
+        primary: string;
+        success: string;
+        ghost: string;
+    };
+};
+export default Button;

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

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

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

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+export type Props = ComponentProps<"div"> & {
+    label?: string;
+};
+declare const GroupRow: ({ children, label, className, ...restProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export default GroupRow;

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare function findFirstSeparatorIndex(value: string): number | undefined;
+export declare function cleanInputNumber(value: string): string;

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

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

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

@@ -0,0 +1,15 @@
+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 InputWithIcon: ({ children, switcherConfig, disabled, currency, label, className, ...restProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export default InputWithIcon;

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+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;
+export default PlayAmountControl;

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

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

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

@@ -0,0 +1,11 @@
+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;
+export default SelectMenu;

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

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

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

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

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

@@ -0,0 +1,10 @@
+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 {};

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

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

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

@@ -0,0 +1,26 @@
+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;
+    isValidPlayAmount: boolean;
+    winText: string;
+    manualPlay: {
+        isDisabled: () => boolean;
+        onPlay: () => void;
+        canCashout: boolean;
+    };
+    autoPlay: {
+        isDisabled: () => boolean;
+        state: AUTO_PLAY_STATE;
+        onPlay: () => void;
+        onStopPlay: () => void;
+    };
+};

package/dist/components/index.d.ts

@@ -0,0 +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, };

package/dist/components/utils.d.ts

@@ -0,0 +1 @@
+export declare const hexToRgb: (hex: string) => string | null;

package/dist/index.d.ts

@@ -0,0 +1,82 @@
+import { ReactElement } from 'react';
+import { Currency, PlayLimits } from '@enigma-lake/zoot-platform-sdk';
+
+declare enum GAME_MODE {
+    MANUAL = "manual",
+    AUTOPLAY = "autoplay"
+}
+declare enum AUTO_PLAY_STATE {
+    IDLE = "idle",
+    SELECTING = "selecting",
+    PLAYING = "playing"
+}
+
+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;
+    onCashout: () => void;
+};
+type PlaySettingsProps = {
+    isPlaying: boolean;
+    canCashout: boolean;
+    disabledController: boolean;
+    displayController: boolean;
+    showAutoPlayToast: (props: {
+        type: "success" | "error" | "warning" | "info";
+        message: string;
+    }) => void;
+    playHook: () => {
+        playLimits?: PlayLimits;
+        playAmount: number;
+        setPlayAmount: (value: number) => void;
+    };
+    autoPlayDelay?: number;
+};
+type PlayControllerProps = StylingProps & ActionsProps & {
+    currencyOptions: CurrencyProps;
+    playOptions: PlaySettingsProps;
+};
+
+interface AutoManualPlayStateContextType {
+    mode: GAME_MODE;
+    config: PlayControllerProps;
+    manual: {
+        playManualMode: () => void;
+    };
+    autoPlay: {
+        state: AUTO_PLAY_STATE;
+        playedRounds: number;
+        numberOfPlays: number;
+        selection: number[];
+        isActive: boolean;
+        setIsActive: React.Dispatch<React.SetStateAction<boolean>>;
+        start: (numberOfPlays: number) => void;
+        stop: () => void;
+        setState: React.Dispatch<React.SetStateAction<AUTO_PLAY_STATE>>;
+        setPlayedRounds: React.Dispatch<React.SetStateAction<number>>;
+        setNumberOfPlays: React.Dispatch<React.SetStateAction<number>>;
+        setSelection: (values: number[]) => void;
+        updateState: (newState: AUTO_PLAY_STATE.SELECTING | AUTO_PLAY_STATE.PLAYING) => void;
+    };
+    reset: () => void;
+    toggleMode: () => void;
+}
+
+interface AutoManualPlayStateProviderProps {
+    children: React.ReactNode | ((state: AutoManualPlayStateContextType) => ReactElement);
+    config: PlayControllerProps;
+}
+declare const AutoManualPlayProvider: React.FC<AutoManualPlayStateProviderProps>;
+
+export { AUTO_PLAY_STATE, AutoManualPlayProvider, GAME_MODE };

package/dist/index.mjs

@@ -0,0 +1,361 @@
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import cx from 'classnames';
+import { useCallback, useMemo, Fragment, createContext, useContext, useRef, useState } from 'react';
+import { useDebouncedCallback } from 'use-debounce';
+import { Switch as Switch$1, Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/react';
+import { Currency, sendSetUserCurrencyEvent } from '@enigma-lake/zoot-platform-sdk';
+
+var GAME_MODE;
+(function (GAME_MODE) {
+    GAME_MODE["MANUAL"] = "manual";
+    GAME_MODE["AUTOPLAY"] = "autoplay";
+})(GAME_MODE || (GAME_MODE = {}));
+var AUTO_PLAY_STATE;
+(function (AUTO_PLAY_STATE) {
+    AUTO_PLAY_STATE["IDLE"] = "idle";
+    AUTO_PLAY_STATE["SELECTING"] = "selecting";
+    AUTO_PLAY_STATE["PLAYING"] = "playing";
+})(AUTO_PLAY_STATE || (AUTO_PLAY_STATE = {}));
+
+var styles_button = {"base":"Button-module__base___muNxk","base__theme-ghost":"Button-module__base__theme-ghost___I5-LJ","base__theme-primary":"Button-module__base__theme-primary___Zuswb","base__state-disabled":"Button-module__base__state-disabled___EU5tH","buttonCashout":"Button-module__buttonCashout___LG-Yr","buttonSweeps":"Button-module__buttonSweeps___0snDQ","buttonGold":"Button-module__buttonGold___DAj-d"};
+
+const themes = {
+    primary: "primary",
+    success: "success",
+    ghost: "ghost",
+};
+const Button = ({ disabled, className = "", theme = "primary", onClick = () => { }, ...props }) => {
+    const debouncedOnClick = useDebouncedCallback(onClick, 20);
+    const handleOnClick = useCallback((event) => {
+        debouncedOnClick(event);
+    }, [debouncedOnClick]);
+    return (jsx("button", { ...props, className: cx(styles_button.base, styles_button[`base__theme-${theme}`], className, {
+            [styles_button["base__state-disabled"]]: disabled,
+        }), disabled: disabled, onClick: handleOnClick }));
+};
+Button.themes = themes;
+
+var styles_group = {"label":"GroupRow-module__label___Du57P","group":"GroupRow-module__group___V7xa6","groupItem":"GroupRow-module__groupItem___yNSX8","x2":"GroupRow-module__x2___9bLae","last":"GroupRow-module__last___ArsSn"};
+
+const GroupRow = ({ children, label, className, ...restProps }) => {
+    return (jsxs("div", { ...restProps, className: cx(styles_group.base, className), children: [label && jsx("div", { className: styles_group.label, children: label }), jsx("div", { className: styles_group.group, children: children })] }));
+};
+
+const ALLOWED_SEPARATORS = [",", "."];
+function findFirstSeparatorIndex(value) {
+    const index = [...value].findIndex((char) => ALLOWED_SEPARATORS.includes(char));
+    return index !== -1 ? index : undefined;
+}
+function cleanInputNumber(value) {
+    const cleaned = value.replace(/[^0-9,.]/g, "");
+    if (cleaned === "0") {
+        return cleaned;
+    }
+    const trimmed = cleaned.replace(/^0+(?!$)/, "").replace(/(,|\.){2,}/g, "$1");
+    const separatorIndex = findFirstSeparatorIndex(trimmed);
+    if (separatorIndex === undefined) {
+        return trimmed;
+    }
+    const integerPart = trimmed.slice(0, separatorIndex).replace(/[,.]/g, "") || "0";
+    const decimalPart = trimmed.slice(separatorIndex + 1).replace(/[,.]/g, "");
+    return `${integerPart}.${decimalPart}`;
+}
+
+var styles$3 = {"base":"Input-module__base___IifiA","disabled":"Input-module__disabled___WqyKa"};
+
+const Input = ({ onChange, disabled, className, ...restProps }) => {
+    const handleChange = useCallback((event) => {
+        if (!disabled) {
+            event.target.value = cleanInputNumber(event.target.value);
+            onChange?.(event);
+        }
+    }, [disabled, onChange]);
+    return (jsx("input", { ...restProps, disabled: disabled, onChange: handleChange, className: cx(styles$3.base, className, { [styles$3.disabled]: disabled }) }));
+};
+
+var styles$2 = {"base":"Switch-module__base___gj2ey","switcher":"Switch-module__switcher___gHXIx","gold":"Switch-module__gold___oewnb","sweeps":"Switch-module__sweeps___yS-IY","unchecked":"Switch-module__unchecked___ooSS2","disabled":"Switch-module__disabled___lMRv0","thumb":"Switch-module__thumb___1wJ9D","move-right":"Switch-module__move-right___ca-6D","label":"Switch-module__label___pG2uz"};
+
+const Switch = ({ enabled, onSwitch, disabled, currency, isPlaying, }) => {
+    const switcherClassName = useMemo(() => cx(styles$2.switcher, styles$2[currency], {
+        [styles$2.checked]: enabled,
+        [styles$2.unchecked]: !enabled,
+        [styles$2.disabled]: disabled,
+    }), [enabled, currency, disabled]);
+    return (jsx(Switch$1, { checked: enabled, onChange: onSwitch, as: Fragment, disabled: isPlaying, children: jsxs("div", { className: styles$2.base, children: [jsx("span", { className: styles$2.label, children: "Auto" }), jsx("div", { className: switcherClassName, children: jsx("span", { className: cx(styles$2.thumb, { [styles$2["move-right"]]: enabled }) }) })] }) }));
+};
+
+var styles$1 = {"base":"InputWithIcon-module__base___FwgXx","icon":"InputWithIcon-module__icon___KtOjW","input":"InputWithIcon-module__input___mQFr9","inputWithLabel":"InputWithIcon-module__inputWithLabel___06L8W","label":"InputWithIcon-module__label___O28vw","gold":"InputWithIcon-module__gold___GlVw1","sweeps":"InputWithIcon-module__sweeps___J4JdJ"};
+
+const InputWithIcon = ({ children, switcherConfig, disabled, currency, label, className, ...restProps }) => {
+    return (jsxs("div", { className: cx(styles$1.base, className, {
+            [styles$1.disabled]: switcherConfig?.disabled,
+        }), children: [label && (jsx("span", { className: cx(styles$1.label, styles$1[currency]), children: label })), jsx(Input, { ...restProps, className: cx(styles$1.input, {
+                    [styles$1.inputWithLabel]: label !== undefined,
+                }), disabled: disabled }), switcherConfig && jsx(Switch, { ...switcherConfig }), children && jsx("div", { className: cx(styles$1.icon), children: children })] }));
+};
+
+const GoldIcon = () => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: [jsx("path", { opacity: "0.39", d: "M7.41645 14.1044C11.0357 14.1044 13.9697 11.136 13.9697 7.47417C13.9697 3.81236 11.0357 0.843872 7.41645 0.843872C3.79725 0.843872 0.863281 3.81236 0.863281 7.47417C0.863281 11.136 3.79725 14.1044 7.41645 14.1044Z", fill: "#F2BF0B" }), jsx("path", { d: "M7.49933 13.5066C5.90609 13.5066 4.37818 12.8736 3.25163 11.7471C2.12508 10.6205 1.49219 9.09258 1.49219 7.49944C1.49219 5.90626 2.12508 4.37833 3.25163 3.25178C4.37818 2.12523 5.90609 1.49234 7.49933 1.49234C8.32641 1.48979 9.14495 1.6605 9.90213 1.99347C9.92954 2.00654 9.9541 2.02489 9.97447 2.04746C9.99484 2.07003 10.0105 2.0964 10.0207 2.12503C10.0308 2.15367 10.0352 2.18402 10.0336 2.21437C10.032 2.2447 10.0244 2.27444 10.0113 2.30186C9.98737 2.3563 9.94287 2.39903 9.88746 2.42071C9.83205 2.44238 9.77036 2.44123 9.71579 2.4175C9.01511 2.11018 8.25801 1.95261 7.49287 1.95492C6.19268 1.95633 4.93427 2.41409 3.93705 3.24836C2.93984 4.08263 2.26711 5.24047 2.03619 6.51997C1.80527 7.79947 2.03081 9.11941 2.67348 10.2497C3.31615 11.3799 4.33517 12.2487 5.55286 12.7045C6.77048 13.1603 8.10948 13.1743 9.3364 12.7439C10.5632 12.3135 11.6001 11.466 12.2661 10.3494C12.9322 9.23282 13.1852 7.91786 12.9809 6.63384C12.7767 5.34981 12.1281 4.17822 11.1485 3.32338C11.1125 3.28223 11.0928 3.22938 11.0929 3.17472C11.0931 3.12006 11.1132 3.06732 11.1494 3.02638C11.1856 2.98544 11.2355 2.9591 11.2897 2.95227C11.344 2.94544 11.3988 2.9586 11.4441 2.98929C12.3644 3.79366 13.0174 4.85964 13.316 6.04489C13.6146 7.23014 13.5444 8.47827 13.1151 9.62268C12.6857 10.767 11.9174 11.7531 10.9128 12.4495C9.90824 13.1457 8.71519 13.519 7.49287 13.5194L7.49933 13.5066Z", fill: "#F2BF0B" }), jsx("path", { d: "M7.50001 14.6249C6.09085 14.6249 4.71327 14.207 3.54156 13.4241C2.36986 12.6412 1.45664 11.5284 0.91736 10.2265C0.378089 8.92454 0.236989 7.49197 0.511905 6.10986C0.78683 4.72775 1.46542 3.45819 2.46187 2.46175C3.45832 1.4653 4.72787 0.786705 6.10996 0.511786C7.49213 0.236866 8.92467 0.377965 10.2266 0.91724C11.5286 1.45651 12.6413 2.36974 13.4242 3.54145C14.2071 4.71314 14.625 6.09069 14.625 7.49988C14.6233 9.38901 13.8721 11.2003 12.5363 12.5362C11.2004 13.872 9.38914 14.6232 7.50001 14.6249ZM7.50001 1.01735C6.21784 1.01735 4.96455 1.39754 3.8985 2.10986C2.83246 2.82216 2.00158 3.83459 1.51093 5.01912C1.02028 6.20365 0.891903 7.50707 1.14203 8.76452C1.39216 10.022 2.00956 11.1771 2.91617 12.0837C3.82276 12.9903 4.97784 13.6077 6.23536 13.8578C7.4928 14.1079 8.79625 13.9796 9.98076 13.489C11.1653 12.9983 12.1777 12.1674 12.89 11.1014C13.6024 10.0354 13.9825 8.78204 13.9825 7.49988C13.9791 5.78165 13.2951 4.13477 12.0801 2.91979C10.8651 1.70481 9.21822 1.02075 7.50001 1.01735Z", fill: "#F2BF0B" }), jsx("path", { d: "M10.1591 10.5131C9.43158 10.7452 8.6739 10.8686 7.91043 10.8794C6.91972 10.9596 5.93706 10.6482 5.17347 10.012C4.86218 9.70525 4.61761 9.33743 4.45509 8.93173C4.29258 8.52596 4.21562 8.09104 4.22904 7.65417C4.22904 5.37982 5.94443 4.22981 8.08386 4.22981C8.72897 4.20483 9.37215 4.31423 9.97274 4.55104L9.61934 5.95163C9.13325 5.7425 8.60617 5.64587 8.07741 5.66894C7.8189 5.63999 7.55711 5.6683 7.31067 5.75187C7.06423 5.83544 6.83925 5.9722 6.65165 6.15248C6.46397 6.33274 6.31837 6.5521 6.22499 6.79497C6.13161 7.03784 6.09288 7.29828 6.11149 7.5578C6.0892 7.80993 6.12113 8.0639 6.20512 8.30265C6.2892 8.5414 6.42332 8.75939 6.59859 8.94195C6.77387 9.12461 6.98628 9.26753 7.2214 9.36124C7.45653 9.45496 7.709 9.4972 7.96181 9.48522C8.14782 9.49377 8.33407 9.47423 8.51429 9.42738V8.29664H7.60841V6.94745H10.1783L10.1591 10.5131Z", fill: "#F2BF0B" })] }));
+
+const SweepsIcon = () => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: [jsx("path", { opacity: "0.39", d: "M7.41174 14.4521C11.2215 14.4521 14.3099 11.3275 14.3099 7.47291C14.3099 3.61837 11.2215 0.493652 7.41174 0.493652C3.60206 0.493652 0.513672 3.61837 0.513672 7.47291C0.513672 11.3275 3.60206 14.4521 7.41174 14.4521Z", fill: "#0DE83D" }), jsx("path", { d: "M8.35827 6.34123C8.33727 6.1169 8.25066 5.94313 8.09843 5.81991C7.94619 5.6951 7.75459 5.6327 7.52362 5.6327C7.35827 5.6327 7.21522 5.6643 7.09449 5.72749C6.97375 5.7891 6.87992 5.87441 6.81299 5.98341C6.74738 6.09084 6.71457 6.21327 6.71457 6.35071C6.71457 6.46603 6.73688 6.56556 6.7815 6.64929C6.82743 6.73302 6.88714 6.80332 6.96063 6.86019C7.03543 6.91548 7.11549 6.96209 7.20079 7C7.28609 7.03633 7.36811 7.06635 7.44685 7.09005L7.84055 7.21327C7.96916 7.25118 8.10105 7.30253 8.23622 7.3673C8.37139 7.43207 8.49672 7.51738 8.6122 7.62322C8.72769 7.72907 8.82087 7.86019 8.89173 8.01659C8.96391 8.17299 9 8.36019 9 8.5782C9 8.85308 8.94094 9.09716 8.82283 9.31043C8.70604 9.5237 8.53609 9.69194 8.31299 9.81517C8.09121 9.93839 7.82283 10 7.50787 10C7.20604 10 6.94488 9.94234 6.72441 9.82701C6.50394 9.71169 6.33136 9.54818 6.20669 9.33649C6.08202 9.12322 6.01312 8.87046 6 8.5782H6.61024C6.62205 8.75355 6.66929 8.89968 6.75197 9.01659C6.83596 9.13191 6.94291 9.21801 7.07283 9.27488C7.20407 9.33017 7.34777 9.35782 7.50394 9.35782C7.67585 9.35782 7.82874 9.32543 7.9626 9.26066C8.09777 9.19431 8.20407 9.10269 8.2815 8.98578C8.35892 8.8673 8.39764 8.72907 8.39764 8.57109C8.39764 8.42733 8.36352 8.30964 8.29528 8.21801C8.22835 8.12638 8.13714 8.05055 8.02165 7.99052C7.90748 7.93049 7.77822 7.87757 7.63386 7.83175L7.15748 7.67536C6.83465 7.56951 6.57874 7.4139 6.38976 7.20853C6.2021 7.00316 6.10827 6.73144 6.10827 6.39336C6.10827 6.11374 6.17126 5.86967 6.29724 5.66114C6.42323 5.45261 6.59383 5.29068 6.80906 5.17536C7.02428 5.05845 7.26706 5 7.5374 5C7.81037 5 8.05118 5.05766 8.25984 5.17299C8.46982 5.28831 8.63517 5.44708 8.75591 5.64929C8.87664 5.84992 8.93963 6.08057 8.94488 6.34123H8.35827Z", fill: "#0DE83D" }), jsx("path", { d: "M7.50006 13.8228C5.82297 13.8228 4.21465 13.1566 3.0288 11.9708C1.84296 10.7849 1.17676 9.17656 1.17676 7.49957C1.17676 5.82253 1.84296 4.21419 3.0288 3.02834C4.21465 1.8425 5.82297 1.1763 7.50006 1.1763C8.37068 1.17362 9.2323 1.35331 10.0293 1.7038C10.0582 1.71756 10.084 1.73688 10.1055 1.76064C10.1269 1.7844 10.1434 1.81215 10.1541 1.84229C10.1648 1.87244 10.1694 1.90439 10.1677 1.93633C10.166 1.96826 10.1581 1.99956 10.1443 2.02842C10.1191 2.08573 10.0722 2.13071 10.0139 2.15353C9.95556 2.17634 9.89062 2.17513 9.83318 2.15015C9.09562 1.82665 8.29868 1.6608 7.49327 1.66323C6.12465 1.66471 4.8 2.14656 3.7503 3.02474C2.7006 3.90292 1.99247 5.1217 1.74939 6.46855C1.50632 7.81539 1.74373 9.20479 2.42022 10.3946C3.09672 11.5842 4.16937 12.4988 5.45115 12.9786C6.73285 13.4583 8.14233 13.4731 9.43383 13.02C10.7252 12.567 11.8167 11.6749 12.5177 10.4996C13.2189 9.32417 13.4851 7.94001 13.2701 6.5884C13.0552 5.2368 12.3725 4.00354 11.3413 3.10371C11.3034 3.0604 11.2826 3.00476 11.2828 2.94723C11.283 2.88969 11.3041 2.83418 11.3423 2.79108C11.3804 2.74799 11.4329 2.72026 11.49 2.71307C11.5471 2.70588 11.6048 2.71974 11.6524 2.75204C12.6211 3.59875 13.3086 4.72083 13.6229 5.96845C13.9372 7.21609 13.8633 8.52992 13.4114 9.73456C12.9594 10.9391 12.1507 11.9771 11.0932 12.7101C10.0358 13.443 8.77991 13.8359 7.49327 13.8363L7.50006 13.8228Z", fill: "#0DE83D" }), jsx("path", { d: "M7.50001 15C6.01668 15 4.5666 14.5601 3.33323 13.736C2.09986 12.9119 1.13857 11.7406 0.570905 10.3701C0.00325189 8.99965 -0.145274 7.49168 0.144111 6.03682C0.433505 4.58197 1.14781 3.24559 2.1967 2.19671C3.2456 1.14781 4.58197 0.433502 6.0368 0.144114C7.49171 -0.145275 8.99965 0.00324947 10.3701 0.570907C11.7406 1.13856 12.9119 2.09986 13.736 3.33323C14.5602 4.56659 15 6.01664 15 7.5C14.9982 9.48856 14.2075 11.3951 12.8014 12.8014C11.3952 14.2075 9.48857 14.9982 7.50001 15ZM7.50001 0.676288C6.15036 0.676288 4.83111 1.07649 3.70895 1.82629C2.5868 2.57609 1.71218 3.64181 1.19572 4.88868C0.679241 6.13555 0.544108 7.50757 0.807402 8.83121C1.0707 10.1549 1.72059 11.3708 2.67491 12.3251C3.62922 13.2794 4.84509 13.9293 6.1688 14.1926C7.49242 14.4559 8.86448 14.3208 10.1113 13.8043C11.3582 13.2878 12.4239 12.4132 13.1737 11.291C13.9235 10.1689 14.3237 8.84965 14.3237 7.5C14.3202 5.69134 13.6001 3.95778 12.3212 2.67886C11.0422 1.39993 9.30865 0.679862 7.50001 0.676288Z", fill: "#0DE83D" })] }));
+
+var styles = {"button":"SelectMenu-module__button___N-HeB","disabled":"SelectMenu-module__disabled___jiTPl","menu":"SelectMenu-module__menu___c5jvZ","menu_item":"SelectMenu-module__menu_item___fpgJy","menu_name":"SelectMenu-module__menu_name___X4-Sk","selected":"SelectMenu-module__selected___XyADw","arrow":"SelectMenu-module__arrow___qiOb9"};
+
+const ArrowIcon = () => (jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", children: jsx("path", { className: styles.arrow, d: "M6 9L12 15L18 9", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+const getIcon = (option) => option === Currency.SWEEPS ? jsx(SweepsIcon, {}) : jsx(GoldIcon, {});
+const SelectMenu = ({ currencies, selectedCurrency, setSelectedCurrency, disabled = false, }) => {
+    const handleOnChange = (newCurrency) => {
+        if (disabled) {
+            return;
+        }
+        setSelectedCurrency({ currency: newCurrency });
+    };
+    return (jsxs(Listbox, { value: selectedCurrency, onChange: handleOnChange, children: [jsxs(ListboxButton, { className: cx(styles.button, { [styles.disabled]: disabled }), children: [getIcon(selectedCurrency), jsx(ArrowIcon, {})] }), jsx(ListboxOptions, { anchor: "right end", className: styles.menu, children: currencies.map((option) => (jsxs(ListboxOption, { value: option, className: cx(styles.menu_item, {
+                        [styles.selected]: selectedCurrency === option,
+                    }), children: [getIcon(option), jsx("div", { className: cx(styles.menu_name), children: option })] }, option))) })] }));
+};
+
+const AutoManualPlayStateContext = createContext(undefined);
+const useAutoManualPlayState = () => {
+    const context = useContext(AutoManualPlayStateContext);
+    if (!context) {
+        throw new Error("useAutoManualPlayStateState must be used within a AutoManualPlayStateProvider");
+    }
+    return context;
+};
+
+const usePlayController = () => {
+    const { config, autoPlay: { setNumberOfPlays, numberOfPlays, setPlayedRounds, playedRounds, selection, setState, state, }, } = useAutoManualPlayState();
+    const { currentCurrency, currencies, winText } = config.currencyOptions;
+    const { isPlaying, canCashout, disabledController, showAutoPlayToast, autoPlayDelay = 1500, playHook, } = config.playOptions;
+    const { playAmount, playLimits, setPlayAmount } = playHook?.() ?? {};
+    const minPlayAmount = playLimits?.[currentCurrency]?.limits.min ?? 0;
+    const maxPlayAmount = playLimits?.[currentCurrency]?.limits.max ?? 0;
+    const playIntervalRef = useRef(null);
+    const isAutoplayActiveRef = useRef(false);
+    const stopAutoplay = () => {
+        isAutoplayActiveRef.current = false;
+        if (playIntervalRef.current) {
+            clearTimeout(playIntervalRef.current);
+            playIntervalRef.current = null;
+        }
+        setState(AUTO_PLAY_STATE.SELECTING);
+        setTimeout(() => {
+            setPlayedRounds(0);
+        }, 1500);
+    };
+    const loopRounds = (currentPlayedRounds, remainingPlays) => {
+        if (!isAutoplayActiveRef.current) {
+            return;
+        }
+        if (remainingPlays < 1 || numberOfPlays === 0) {
+            setNumberOfPlays(Infinity);
+            stopAutoplay();
+            return;
+        }
+        setPlayedRounds(currentPlayedRounds + 1);
+        setNumberOfPlays((prev) => Math.max(prev - 1, 0));
+        config.onAutoPlay(selection, () => {
+            if (!isAutoplayActiveRef.current) {
+                return;
+            }
+            playIntervalRef.current = setTimeout(() => loopRounds(currentPlayedRounds + 1, remainingPlays - 1), autoPlayDelay);
+        }, stopAutoplay);
+    };
+    const handleAutoPlay = () => {
+        if (disabledController) {
+            return;
+        }
+        if (selection.length === 0) {
+            showAutoPlayToast?.({
+                type: "info",
+                message: "Please select at least one tile to start autoplay.",
+            });
+            return;
+        }
+        isAutoplayActiveRef.current = true;
+        setState(AUTO_PLAY_STATE.PLAYING);
+        loopRounds(playedRounds, numberOfPlays);
+    };
+    const isDisabled = () => disabledController || isPlaying;
+    const isAutoplayDisabled = () => disabledController || state === AUTO_PLAY_STATE.PLAYING;
+    const adjustPlayAmount = (multiplier) => {
+        if (isDisabled()) {
+            return;
+        }
+        const newAmount = Math.max(minPlayAmount, Math.min(playAmount * multiplier, maxPlayAmount));
+        setPlayAmount(Number(newAmount.toFixed(2)));
+    };
+    const onChangeAmount = (event) => {
+        if (isDisabled()) {
+            return;
+        }
+        setPlayAmount(Number(event.currentTarget.value));
+    };
+    const onBlurAmount = (event) => {
+        if (isDisabled()) {
+            return;
+        }
+        const newAmount = Number(event.currentTarget.value);
+        setPlayAmount(Math.max(minPlayAmount, Math.min(newAmount, maxPlayAmount)));
+    };
+    const isValidPlayAmount = playAmount >= minPlayAmount && playAmount <= maxPlayAmount;
+    return {
+        currentCurrency,
+        currencies,
+        playAmount,
+        minPlayAmount,
+        maxPlayAmount,
+        setPlayAmount,
+        adjustPlayAmount,
+        onChangeAmount,
+        onBlurAmount,
+        isValidPlayAmount,
+        winText,
+        manualPlay: {
+            isDisabled,
+            onPlay: config.onPlay,
+            canCashout,
+        },
+        autoPlay: {
+            isDisabled: isAutoplayDisabled,
+            state,
+            onPlay: handleAutoPlay,
+            onStopPlay: stopAutoplay,
+        },
+    };
+};
+
+const PLAY_HALVE = 0.5;
+const PLAY_DOUBLE = 2;
+
+const PlayAmountControl = ({ playAmount, minPlayAmount, maxPlayAmount, isDisabled, adjustPlayAmount, onChangeAmount, onBlurAmount, currentCurrency, currencies, }) => (jsxs(GroupRow, { children: [jsx(InputWithIcon, { className: styles_group.groupItem, value: playAmount, type: "number", onChange: onChangeAmount, onBlur: onBlurAmount, placeholder: minPlayAmount.toString(), max: maxPlayAmount, min: minPlayAmount, disabled: isDisabled(), currency: currentCurrency, label: "Play Amount", children: jsx(SelectMenu, { currencies: currencies, selectedCurrency: currentCurrency, setSelectedCurrency: sendSetUserCurrencyEvent, disabled: isDisabled() }) }), jsx(Button, { className: styles_group.groupItem, onClick: () => adjustPlayAmount(PLAY_HALVE), theme: "ghost", disabled: isDisabled(), children: jsx("span", { className: styles_group.x2, children: "-" }) }), jsx(Button, { className: styles_group.groupItem, onClick: () => adjustPlayAmount(PLAY_DOUBLE), theme: "ghost", disabled: isDisabled(), children: jsx("span", { className: cx(styles_group.x2, styles_group.last), children: "+" }) })] }));
+
+const AutoPlayController = () => {
+    const { currentCurrency, currencies, playAmount, minPlayAmount, maxPlayAmount, isValidPlayAmount, adjustPlayAmount, onChangeAmount, onBlurAmount, autoPlay: { isDisabled, state, onPlay, onStopPlay }, } = usePlayController();
+    return (jsxs(Fragment$1, { children: [jsx(PlayAmountControl, { playAmount: playAmount, minPlayAmount: minPlayAmount, maxPlayAmount: maxPlayAmount, isDisabled: isDisabled, adjustPlayAmount: adjustPlayAmount, onChangeAmount: onChangeAmount, onBlurAmount: onBlurAmount, currentCurrency: currentCurrency, currencies: currencies }), state === AUTO_PLAY_STATE.PLAYING ? (jsx(Button, { disabled: state !== AUTO_PLAY_STATE.PLAYING, className: styles_button.buttonCashout, onClick: onStopPlay, children: "Stop Autoplay" })) : (jsx(Button, { disabled: isDisabled() || !isValidPlayAmount, className: currentCurrency === Currency.GOLD
+                    ? styles_button.buttonGold
+                    : styles_button.buttonSweeps, onClick: onPlay, children: "Start Autoplay" }))] }));
+};
+
+const ManualPlayController = () => {
+    const { config } = useAutoManualPlayState();
+    const { currentCurrency, currencies, playAmount, minPlayAmount, maxPlayAmount, isValidPlayAmount, adjustPlayAmount, onChangeAmount, onBlurAmount, manualPlay: { isDisabled, onPlay, canCashout }, } = usePlayController();
+    return (jsxs(Fragment$1, { children: [jsx(PlayAmountControl, { playAmount: playAmount, minPlayAmount: minPlayAmount, maxPlayAmount: maxPlayAmount, isDisabled: isDisabled, adjustPlayAmount: adjustPlayAmount, onChangeAmount: onChangeAmount, onBlurAmount: onBlurAmount, currentCurrency: currentCurrency, currencies: currencies }), canCashout ? (jsxs(Button, { disabled: config.playOptions.disabledController ||
+                    !config.playOptions.isPlaying, className: styles_button.buttonCashout, onClick: config.onCashout, children: ["Cashout ", config.currencyOptions.winText] })) : (jsx(Button, { disabled: isDisabled() || !isValidPlayAmount, className: currentCurrency === Currency.GOLD
+                    ? styles_button.buttonGold
+                    : styles_button.buttonSweeps, onClick: onPlay, children: "Play now" }))] }));
+};
+
+var styles_ui = {"base":"UI-module__base___wThyQ","betForm":"UI-module__betForm___hQkYd","disabled":"UI-module__disabled___dnZJX"};
+
+const hexToRgb = (hex) => {
+    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    hex = hex.replace(shorthandRegex, (_, r, g, b) => r + r + g + g + b + b);
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result
+        ? `${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)}`
+        : null;
+};
+
+const AutoManualPlayProvider = ({ children, config, }) => {
+    const [mode, setMode] = useState(GAME_MODE.MANUAL);
+    const [autoplayState, setAutoplayState] = useState(AUTO_PLAY_STATE.IDLE);
+    const [isAutoPlaying, setIsAutoPlaying] = useState(false);
+    const [playedRounds, setPlayedRounds] = useState(0);
+    const [numberOfPlays, setNumberOfPlays] = useState(Infinity);
+    const [selection, setSelection] = useState([]);
+    const startAutoplay = useCallback((numPlays) => {
+        setMode(GAME_MODE.AUTOPLAY);
+        setAutoplayState(AUTO_PLAY_STATE.SELECTING);
+        setNumberOfPlays(numPlays);
+        setPlayedRounds(0); // Reset when starting autoplay
+    }, []);
+    const stopAutoplay = useCallback(() => {
+        setMode(GAME_MODE.MANUAL);
+        setAutoplayState(AUTO_PLAY_STATE.IDLE);
+        setIsAutoPlaying(false);
+    }, []);
+    const updateAutoplayState = useCallback((newState) => setAutoplayState(newState), []);
+    const playManualMode = useCallback(() => {
+        setMode(GAME_MODE.MANUAL);
+        setAutoplayState(AUTO_PLAY_STATE.IDLE);
+    }, []);
+    const resetState = useCallback(() => {
+        setMode(GAME_MODE.MANUAL);
+        setAutoplayState(AUTO_PLAY_STATE.IDLE);
+        setPlayedRounds(0);
+        setNumberOfPlays(0);
+        setSelection([]);
+    }, []);
+    const toggleMode = useCallback(() => {
+        if (config.playOptions.isPlaying ||
+            config.playOptions.disabledController ||
+            autoplayState === AUTO_PLAY_STATE.PLAYING) {
+            return;
+        }
+        setNumberOfPlays(Infinity);
+        setMode((prevMode) => prevMode === GAME_MODE.MANUAL ? GAME_MODE.AUTOPLAY : GAME_MODE.MANUAL);
+    }, [autoplayState, config.playOptions]);
+    const updateSelection = useCallback((values) => {
+        if (!isAutoPlaying) {
+            setSelection(values);
+        }
+    }, [isAutoPlaying]);
+    const contextValue = useMemo(() => ({
+        mode,
+        config,
+        manual: { playManualMode },
+        autoPlay: {
+            state: autoplayState,
+            playedRounds,
+            numberOfPlays,
+            selection,
+            isActive: isAutoPlaying,
+            start: startAutoplay,
+            stop: stopAutoplay,
+            setSelection: updateSelection,
+            updateState: updateAutoplayState,
+            setIsActive: setIsAutoPlaying,
+            setPlayedRounds,
+            setNumberOfPlays,
+            setState: setAutoplayState,
+        },
+        reset: resetState,
+        toggleMode,
+    }), [
+        mode,
+        config,
+        playManualMode,
+        autoplayState,
+        playedRounds,
+        numberOfPlays,
+        selection,
+        isAutoPlaying,
+        startAutoplay,
+        stopAutoplay,
+        updateSelection,
+        updateAutoplayState,
+        resetState,
+        toggleMode,
+    ]);
+    return (jsxs(AutoManualPlayStateContext.Provider, { value: contextValue, children: [typeof children === "function" ? children(contextValue) : children, config.playOptions.displayController && (jsxs("div", { className: cx(styles_ui.base, styles_ui.betForm), style: {
+                    "--bet-bottom": config.panel.bottom,
+                    "--bet-panel-bg": hexToRgb(config.panel.bgColorHex ?? "#ffff"),
+                }, children: [jsx(InputWithIcon, { value: numberOfPlays === Infinity ? 0 : numberOfPlays, type: "number", onChange: (e) => setNumberOfPlays(Number(e.currentTarget.value)), placeholder: "Number of Plays", min: 0, disabled: config.playOptions.disabledController ||
+                            autoplayState === AUTO_PLAY_STATE.PLAYING ||
+                            mode === GAME_MODE.MANUAL, currency: config.currencyOptions.currentCurrency, switcherConfig: {
+                            onSwitch: toggleMode,
+                            isPlaying: isAutoPlaying || config.playOptions.isPlaying,
+                            enabled: mode !== GAME_MODE.MANUAL,
+                            currency: config.currencyOptions.currentCurrency,
+                            disabled: config.playOptions.disabledController ||
+                                autoplayState === AUTO_PLAY_STATE.PLAYING,
+                        }, children: jsx("span", { className: cx({
+                                [styles_ui.disabled]: mode !== GAME_MODE.AUTOPLAY ||
+                                    numberOfPlays !== Infinity ||
+                                    autoplayState === AUTO_PLAY_STATE.PLAYING,
+                            }), children: `∞` }) }), mode === GAME_MODE.MANUAL ? (jsx(ManualPlayController, {})) : (jsx(AutoPlayController, {}))] }))] }));
+};
+
+export { AUTO_PLAY_STATE, AutoManualPlayProvider, GAME_MODE };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/types/gameMode.ts","../src/components/base/Button/Button.tsx","../src/components/base/GroupRow/GroupRow.tsx","../src/components/base/Input/cleanInputNumber.ts","../src/components/base/Input/Input.tsx","../src/components/base/Switch/Switch.tsx","../src/components/base/InputWithIcon/InputWithIcon.tsx","../src/components/base/SelectMenu/GoldIcon.tsx","../src/components/base/SelectMenu/SweepsIcon.tsx","../src/components/base/SelectMenu/SelectMenu.tsx","../src/components/AutoManualPlayStateProvider/AutoManualPlayStateContext.tsx","../src/components/hooks/usePlayController.ts","../src/types/playController.ts","../src/components/base/PlayController/PlayController.tsx","../src/components/base/AutoPlayController/AutoPlayController.tsx","../src/components/base/ManualPlayController/ManualPlayController.tsx","../src/components/utils.ts","../src/components/AutoManualPlayStateProvider/AutoManualPlayProvider.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["_jsx","styles","_jsxs","HeadlessSwitch","_Fragment"],"mappings":"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"}

package/dist/style.css

@@ -0,0 +1 @@
+.Button-module__base___muNxk{background:transparent;border:0;cursor:pointer;margin:0;outline:none;user-select:none}.Button-module__base__theme-ghost___I5-LJ{align-items:center;backdrop-filter:blur(10px);border-radius:10px;color:rgba(var(--text-color-hex),1);display:flex;height:35px}.Button-module__base__theme-ghost___I5-LJ:active,.Button-module__base__theme-ghost___I5-LJ:focus,.Button-module__base__theme-ghost___I5-LJ:hover{background:rgba(var(--bg-color-rgb),.05)}.Button-module__base__theme-primary___Zuswb{align-items:center;border-radius:10px;color:rgba(var(--text-color-hex),1);display:flex;height:39px;justify-content:center;letter-spacing:.75px;line-height:125%;margin-top:7px;width:231px}.Button-module__base__state-disabled___EU5tH{color:rgba(var(--text-color-hex),.5)!important;pointer-events:none}.Button-module__buttonCashout___LG-Yr{background:linear-gradient(357deg,#7f44c3 22.01%,#9f5eeb 97.97%)}.Button-module__buttonSweeps___0snDQ{background:linear-gradient(357deg,#10be68 23.9%,#29cf7d 97.97%)}.Button-module__buttonGold___DAj-d{background:linear-gradient(357deg,#bf9e21 22.01%,#f0c72c 97.97%)}.GroupRow-module__label___Du57P{color:hsla(0,6%,41%,.6);font-size:12px;font-style:Inter;font-weight:700;letter-spacing:.02em;line-height:18px;margin-bottom:6px}.GroupRow-module__group___V7xa6{display:flex;margin-top:5px;width:231px}.GroupRow-module__group___V7xa6 .GroupRow-module__groupItem___yNSX8{border-radius:0;box-sizing:border-box}.GroupRow-module__group___V7xa6 .GroupRow-module__groupItem___yNSX8:last-child{border-bottom-right-radius:10px;border-top-right-radius:10px}.GroupRow-module__group___V7xa6 .GroupRow-module__groupItem___yNSX8:first-child{border-bottom-left-radius:10px;border-top-left-radius:10px}.GroupRow-module__group___V7xa6 .GroupRow-module__groupItem___yNSX8+.GroupRow-module__groupItem___yNSX8{margin-left:2px}.GroupRow-module__x2___9bLae{align-items:center;background:hsla(0,0%,100%,.15);cursor:pointer;display:block;display:flex;font-family:Inter;font-size:15px;font-style:normal;font-weight:700;height:35px;justify-content:center;width:35px}.GroupRow-module__x2___9bLae.GroupRow-module__last___ArsSn{border-bottom-right-radius:10px;border-top-right-radius:10px}.Input-module__base___IifiA{border:none;color:rgba(var(--text-color-hex),1);outline:none;padding:10px 12px;user-select:none!important;width:100%}.Input-module__disabled___WqyKa{color:rgba(var(--text-color-hex),.1)!important;cursor:pointer;pointer-events:none}.Switch-module__base___gj2ey{align-items:center;cursor:pointer;display:flex;gap:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.Switch-module__switcher___gHXIx{align-items:center;background-color:#0e2749;border-radius:23px;cursor:pointer;display:inline-flex;height:21px;justify-content:center;position:relative;transition:background-color .3s ease;width:43px}.Switch-module__gold___oewnb{background-color:#d4af26}.Switch-module__sweeps___yS-IY{background-color:#10be68}.Switch-module__unchecked___ooSS2{background-color:rgba(14,39,73,.722)}.Switch-module__disabled___lMRv0{opacity:.1}.Switch-module__base___gj2ey .Switch-module__thumb___1wJ9D{background-color:#5c74b1;border-radius:50%;cursor:pointer;height:17px;left:3px;position:absolute;transition:all .3s ease;width:17px}.Switch-module__base___gj2ey .Switch-module__thumb___1wJ9D.Switch-module__move-right___ca-6D{background-color:#fff;transform:translateX(21px)}.Switch-module__base___gj2ey .Switch-module__label___pG2uz{color:#fff;cursor:pointer;font-family:Inter;font-size:10px;font-style:normal;font-weight:700;letter-spacing:.5px;line-height:125%}.InputWithIcon-module__base___FwgXx{background:hsla(0,0%,100%,.15);border-radius:10px;color:rgba(var(--text-color-hex),1);display:flex;font-family:Inter;font-size:15px;font-style:normal;font-weight:700;height:35px;position:relative;width:100%;z-index:1}.InputWithIcon-module__icon___KtOjW{display:block;font-family:Inter;font-size:15px;font-style:normal;font-weight:700;left:11px;position:absolute;top:50%;transform:translateY(-50%)}.InputWithIcon-module__inputWithLabel___06L8W,.InputWithIcon-module__input___mQFr9,.InputWithIcon-module__label___O28vw{background:transparent;color:rgba(var(--text-color-hex),1);margin-left:50px;max-width:90px;padding:0;text-align:left}.InputWithIcon-module__label___O28vw{font-size:10px;position:absolute;top:2px}.InputWithIcon-module__inputWithLabel___06L8W{padding-top:15px;user-select:none;z-index:1}.InputWithIcon-module__gold___GlVw1{color:#d4af26}.InputWithIcon-module__sweeps___J4JdJ{color:#10be68}.SelectMenu-module__button___N-HeB{align-items:center;display:flex;gap:3px;height:35px;justify-content:space-between;width:35px}.SelectMenu-module__disabled___jiTPl svg{opacity:.1}.SelectMenu-module__menu___c5jvZ{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--bg-color-rgb),.16);border-radius:10px;color:rgba(var(--text-color-hex),1);cursor:pointer;width:auto}.SelectMenu-module__menu_item___fpgJy{align-items:center;display:flex;font-size:16px;height:21px;padding:0 11px;text-transform:capitalize;width:100%}.SelectMenu-module__menu_item___fpgJy:hover{background:rgba(var(--bg-color-rgb),.16);border-radius:10px;color:rgba(var(--text-color-hex),1)}.SelectMenu-module__menu_name___X4-Sk{color:rgba(var(--text-color-hex),1);margin-left:10px}.SelectMenu-module__selected___XyADw{background:rgba(var(--bg-color-rgb),.16);border-radius:10px;color:rgba(var(--text-color-hex),1)}.SelectMenu-module__arrow___qiOb9{stroke:rgba(var(--text-color-hex),1)}*,html{--bet-bottom:15px;--bet-panel-bg:8,30,100;--bg-color-rgb:255,255,255;--text-color-hex:255,255,255;cursor:default;font-family:Inter;font-size:15px;font-style:normal;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.UI-module__base___wThyQ{align-items:center;border-radius:15px;justify-content:center;position:relative}.UI-module__base___wThyQ,.UI-module__betForm___hQkYd{display:flex;flex-direction:column;height:140px;padding:9px 10px;position:absolute;width:250px}.UI-module__betForm___hQkYd{background-color:rgba(var(--bet-panel-bg),.75);bottom:var(--bet-bottom);left:50%;transform:translateX(-50%)}.UI-module__disabled___dnZJX{opacity:.1}

package/dist/types/gameMode.d.ts

@@ -0,0 +1,9 @@
+export declare enum GAME_MODE {
+    MANUAL = "manual",
+    AUTOPLAY = "autoplay"
+}
+export declare enum AUTO_PLAY_STATE {
+    IDLE = "idle",
+    SELECTING = "selecting",
+    PLAYING = "playing"
+}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+import { GAME_MODE, AUTO_PLAY_STATE } from "./gameMode";
+export { GAME_MODE, AUTO_PLAY_STATE };

package/dist/types/playController.d.ts

@@ -0,0 +1,39 @@
+import { Currency, PlayLimits } from "@enigma-lake/zoot-platform-sdk";
+export type StylingProps = {
+    panel: {
+        bottom: string;
+        bgColorHex: string;
+    };
+};
+export type CurrencyProps = {
+    currentCurrency: Currency;
+    currencies: Currency[];
+    winText: string;
+};
+export type ActionsProps = {
+    onPlay: () => void;
+    onAutoPlay: (selection: number[], next: () => void, stop: () => void) => void;
+    onCashout: () => void;
+};
+export type PlaySettingsProps = {
+    isPlaying: boolean;
+    canCashout: boolean;
+    disabledController: boolean;
+    displayController: boolean;
+    showAutoPlayToast: (props: {
+        type: "success" | "error" | "warning" | "info";
+        message: string;
+    }) => void;
+    playHook: () => {
+        playLimits?: PlayLimits;
+        playAmount: number;
+        setPlayAmount: (value: number) => void;
+    };
+    autoPlayDelay?: number;
+};
+export type PlayControllerProps = StylingProps & ActionsProps & {
+    currencyOptions: CurrencyProps;
+    playOptions: PlaySettingsProps;
+};
+export declare const PLAY_HALVE = 0.5;
+export declare const PLAY_DOUBLE = 2;

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@enigma-lake/mines-play-controller-sdk",
+  "version": "1.0.0",
+  "description": "A React component library for building gameplay interfaces",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "typings": "dist/index.d.ts",
+  "type": "module",
+  "style": "dist/style.css",
+  "scripts": {
+    "build": "tsc && rollup -c --bundleConfigAsCjs",
+    "start": "webpack serve --mode development --open",
+    "eslint": "eslint --cache --fix .",
+    "eslint:check": "eslint .",
+    "prettier": "prettier --write .",
+    "prettier:check": "prettier --check ."
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "files": [
+    "dist",
+    "dist/style.css",
+    "dist/index.js",
+    "dist/index.d.ts"
+  ],
+  "peerDependencies": {
+    "@enigma-lake/zoot-platform-sdk": "^1.0.21",
+    "@headlessui/react": "^2.2.0",
+    "@types/react": "^19.0.7",
+    "@types/react-dom": "^19.0.3",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "use-debounce": "^10.0.4"
+  },
+  "resolutions": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-inject": "^5.0.5",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@types/node": "^22.10.6",
+    "@typescript-eslint/eslint-plugin": "^8.20.0",
+    "@typescript-eslint/parser": "^8.20.0",
+    "babel-loader": "^9.2.1",
+    "classnames": "^2.5.1",
+    "css-loader": "^7.1.2",
+    "eslint": "^9.18.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-prettier": "^5.2.2",
+    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-storybook": "^0.11.2",
+    "mini-css-extract-plugin": "^2.9.2",
+    "prettier": "^3.4.2",
+    "react-switch": "^7.1.0",
+    "rollup": "^4.30.1",
+    "rollup-plugin-delete": "^2.1.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-sass": "^1.15.0",
+    "sass": "^1.83.4",
+    "sass-loader": "^16.0.4",
+    "style-loader": "^4.0.0",
+    "ts-loader": "^9.5.2",
+    "typescript": "^5.7.3",
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.0"
+  }
+}