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

package/README.md

@@ -0,0 +1,180 @@
+# DicePlayController
+
+The `DicePlayController` 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, dynamic currency handling, and play amount adjustments.
+
+---
+
+## Component Overview
+
+The `DicePlayController` allows the user to:
+
+- Select a currency.
+- Adjust the play amount.
+- Start a play
+
+---
+
+## Setup
+
+### 1. Install the package using npm:
+
+```bash
+npm install @enigma-lake/dice-play-controller-sdk
+```
+
+### 2. Import the component and styles in your project:
+
+```tsx
+import {
+  AUTO_PLAY_STATE,
+  GAME_MODE,
+  ManualPlayProvider,
+} from "@enigma-lake/dice-play-controller-sdk";
+
+import "@enigma-lake/dice-play-controller-sdk/dist/style.css";
+```
+
+---
+
+## Context & Provider
+
+### `ManualPlayProvider`
+
+The `ManualPlayProvider` wraps the DicePlayController, managing both manual play and autoplay. It uses React Context to provide game state and actions throughout the component tree.
+
+🔹 **Features of `ManualPlayProvider`**:
+
+- **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.
+  - **`bgColorOpacity` (optional)**: Opacity for the panel background.
+  - **`bottom`**: Position of the panel relative to the window.
+
+- **`dropdown` (optional)**: Custom styling for the dropdown.
+  - **`bgColorHex`**: Hex color for the panel background.
+
+### 2. `CurrencyProps`
+
+Handles currency-related logic and settings.
+
+- **`currencyOptions`**: An object containing the following properties:
+  - **`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.
+
+### 4. `PlaySettingsProps`
+
+Handles game-specific settings and states.
+
+- **`playOptions`**: An object containing the following properties:
+
+  - **`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.
+  - **`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.
+  - **`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
+
+```tsx
+import "@enigma-lake/dice-play-controller-sdk/dist/style.css";
+import { ManualPlayProvider } from "@enigma-lake/dice-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"),
+    playOptions: {
+      displayController: true,
+      disabledController: false,
+      disabledMenu: false,
+      playHook: () => {
+        return {
+          playLimits: { min: 1, max: 100 },
+          playAmount: 10,
+          setPlayAmount: (value) => console.log("New play amount:", value),
+        };
+      },
+    },
+    panel: {
+      bottom: window.innerWidth < 450 ? "55px" : "70px",
+      bgColorHex: "#08643F"
+      bgColorOpacity: 0.8,
+    },
+    dropdown: {
+      bgColorHex: "#10243F",
+    }
+  };
+
+  return (
+    <ManualPlayProvider config={config}>
+      {() => (
+        // children content
+      )}
+    </ManualPlayProvider>
+  );
+};
+```
+
+---
+
+## 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/ManualPlayStateProvider/ManualPlayProvider.d.ts

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

package/dist/components/ManualPlayStateProvider/ManualPlayStateContext.d.ts

@@ -0,0 +1,13 @@
+import { GAME_MODE } from "../../types/gameMode";
+import { PlayControllerProps } from "../../types/playController";
+export interface ManualPlayStateContextType {
+    mode: GAME_MODE;
+    config: PlayControllerProps;
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => void;
+    };
+}
+export declare const ManualPlayStateContext: import("react").Context<ManualPlayStateContextType | undefined>;
+export declare const useManualPlayState: () => ManualPlayStateContextType;

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

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

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

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

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { GAME_MODE } from "../../../types";
+declare const themes: {
+    primary: string;
+    success: string;
+    ghost: string;
+};
+type Props = React.ComponentProps<"button"> & {
+    theme?: (typeof themes)[keyof typeof themes];
+    roleType?: GAME_MODE;
+    className?: string;
+};
+declare const Button: {
+    ({ disabled, roleType, className, theme, ...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/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/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/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,5 @@
+interface PlayAmountControlProps {
+    isDisabled: () => boolean;
+}
+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/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,5 @@
+interface ISelectMenuProps {
+    disabled?: boolean;
+}
+declare const SelectMenu: ({ 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/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/SelectMenu/index.d.ts

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

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

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

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

@@ -0,0 +1,22 @@
+export declare const usePlayController: () => {
+    playAmount: number;
+    minPlayAmount: number;
+    maxPlayAmount: number;
+    setPlayAmount: (value: number) => void;
+    adjustPlayAmount: ({ direction }: {
+        direction: -1 | 1;
+    }) => void;
+    onChangeAmount: (playValue: number) => void;
+    playOptions: import("../../types/playController").PlaySettingsProps;
+    isValidPlayAmount: boolean;
+    totalBalance: number;
+    manualPlay: {
+        isDisabled: () => boolean;
+        onPlay: () => void;
+    };
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => void;
+    };
+};

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+import ManualPlayProvider from "./ManualPlayStateProvider";
+import { GAME_MODE } from "../types/gameMode";
+import { format } from "./utils";
+export { ManualPlayProvider, GAME_MODE, format };

package/dist/components/utils.d.ts

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

@@ -0,0 +1,69 @@
+import { ReactNode, ReactElement } from 'react';
+import { CurrencyProps, PlayLimitsV2 } from '@enigma-lake/zoot-platform-sdk';
+
+declare enum GAME_MODE {
+    MANUAL = "manual"
+}
+
+declare enum WIDGET {
+    CENTER = "center",
+    SIDE = "side"
+}
+type Widget = {
+    type: WIDGET;
+    renderElement: ({ displayPlayAmountView, }: {
+        displayPlayAmountView: boolean;
+    }) => ReactNode;
+};
+
+declare const format: (balance: number, decimals: number) => string;
+
+type StylingProps = {
+    panel: {
+        bottom?: string;
+        bgColorHex: string;
+        bgColorOpacity?: number;
+    };
+    dropdown: {
+        bgColorHex: string;
+    };
+};
+type ActionsProps = {
+    onPlay: () => void;
+};
+type PlaySettingsProps = {
+    disabledController: boolean;
+    disabledMenu: boolean;
+    displayController: boolean;
+    playHook: () => {
+        playLimits?: PlayLimitsV2;
+        playAmount: number;
+        setPlayAmount: (value: number) => void;
+    };
+    totalBalance: number;
+};
+type PlayControllerProps = StylingProps & ActionsProps & {
+    currencyOptions: CurrencyProps;
+    playOptions: PlaySettingsProps;
+    leftWidgets: Widget[];
+    rightWidgets: Widget[];
+    centerWidgets: Widget[];
+};
+
+interface ManualPlayStateContextType {
+    mode: GAME_MODE;
+    config: PlayControllerProps;
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => void;
+    };
+}
+
+interface ManualPlayStateProviderProps {
+    children: React.ReactNode | ((state: ManualPlayStateContextType) => ReactElement);
+    config: PlayControllerProps;
+}
+declare const ManualPlayProvider: React.FC<ManualPlayStateProviderProps>;
+
+export { GAME_MODE, ManualPlayProvider, WIDGET, type Widget, format };

package/dist/index.mjs

@@ -0,0 +1,477 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createContext, useContext, useMemo, useCallback, useEffect, useState } from 'react';
+import cx$1 from 'classnames';
+import { Currency, sendSetUserCurrencyEvent, sendSetUserCurrencyEventV2, setToggleGameWidgetsVisibility, setToggleGameWidgetsExpansion, sendOpenStoreEvent } from '@enigma-lake/zoot-platform-sdk';
+import { Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/react';
+
+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 selectButton = (gameMode) => {
+    const role = `role-${gameMode}-button`;
+    const buttons = document.querySelectorAll(`[data-role="${role}"]`);
+    return buttons[0];
+};
+const addPressedClass = (gameMode, activeClassName) => {
+    const button = selectButton(gameMode);
+    if (!button) {
+        return;
+    }
+    if (!button.classList.contains(activeClassName)) {
+        button.classList.add(activeClassName);
+    }
+};
+const removePressedClass = (gameMode, activeClassName) => {
+    const button = selectButton(gameMode);
+    if (!button) {
+        return;
+    }
+    if (button.classList.contains(activeClassName)) {
+        button.classList.remove(activeClassName);
+    }
+};
+const format = (balance, decimals) => balance?.toFixed(decimals) ?? 0;
+
+var GAME_MODE;
+(function (GAME_MODE) {
+    GAME_MODE["MANUAL"] = "manual";
+})(GAME_MODE || (GAME_MODE = {}));
+
+var WIDGET;
+(function (WIDGET) {
+    WIDGET["CENTER"] = "center";
+    WIDGET["SIDE"] = "side";
+})(WIDGET || (WIDGET = {}));
+
+const ManualPlayStateContext = createContext(undefined);
+const useManualPlayState = () => {
+    const context = useContext(ManualPlayStateContext);
+    if (!context) {
+        throw new Error("useManualPlayStateState must be used within a ManualPlayStateProvider");
+    }
+    return context;
+};
+
+const usePlayController = () => {
+    const { config, playValues: { displayPlayAmountView, setDisplayPlayAmountView, togglePlayAmountView, }, } = useManualPlayState();
+    const { current } = config.currencyOptions;
+    const { disabledController, playHook } = config.playOptions;
+    const { playAmount, playLimits, setPlayAmount } = playHook?.() ?? {};
+    const minPlayAmount = playLimits?.[current.code]?.limits.min ?? 0;
+    const maxPlayAmount = playLimits?.[current.code]?.limits.max ?? 0;
+    const isDisabled = () => disabledController;
+    const adjustPlayAmount = ({ direction }) => {
+        if (isDisabled()) {
+            return;
+        }
+        const opts = playLimits?.[current.code]?.defaultBetOptions ?? [];
+        if (!opts.length) {
+            return;
+        }
+        // Ensure options sorted ascending
+        const sorted = [...opts].sort((a, b) => a - b);
+        const currentIndex = sorted.findIndex((o) => o === playAmount);
+        let newAmount;
+        if (currentIndex === -1) {
+            // if current isn't exactly in list, insert it logically
+            sorted.push(playAmount);
+            sorted.sort((a, b) => a - b);
+            const idx = sorted.indexOf(playAmount);
+            newAmount = sorted[idx + direction] ?? playAmount;
+        }
+        else {
+            const targetIdx = currentIndex + direction;
+            if (targetIdx >= 0 && targetIdx < sorted.length) {
+                newAmount = sorted[targetIdx];
+            }
+            else {
+                // clamp if out of bounds
+                newAmount = sorted[currentIndex];
+            }
+        }
+        setPlayAmount(newAmount);
+    };
+    const onChangeAmount = (playValue) => {
+        if (isDisabled()) {
+            return;
+        }
+        setPlayAmount(playValue);
+    };
+    const isValidPlayAmount = playAmount >= minPlayAmount && playAmount <= maxPlayAmount;
+    return {
+        playAmount,
+        minPlayAmount,
+        maxPlayAmount,
+        setPlayAmount,
+        adjustPlayAmount,
+        onChangeAmount,
+        playOptions: config.playOptions,
+        isValidPlayAmount,
+        totalBalance: config.playOptions.totalBalance,
+        manualPlay: {
+            isDisabled,
+            onPlay: config.onPlay,
+        },
+        playValues: {
+            displayPlayAmountView,
+            setDisplayPlayAmountView,
+            togglePlayAmountView,
+        },
+    };
+};
+
+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","buttonPlayAmount":"Button-module__buttonPlayAmount___GMy3F","buttonCashout":"Button-module__buttonCashout___LG-Yr","buttonPlayAmount__active":"Button-module__buttonPlayAmount__active___e0nGe","buttonCashout__active":"Button-module__buttonCashout__active___qnE3h","buttonSweeps":"Button-module__buttonSweeps___0snDQ","buttonSweeps__active":"Button-module__buttonSweeps__active___PXIFH","buttonGold":"Button-module__buttonGold___DAj-d","buttonGold__active":"Button-module__buttonGold__active___vsi7m","buttonDefault":"Button-module__buttonDefault___QENXy","buttonDefault__active":"Button-module__buttonDefault__active___oS6gd"};
+
+const themes = {
+    primary: "primary",
+    success: "success",
+    ghost: "ghost",
+};
+const Button = ({ disabled, roleType, className = "", theme = "primary", ...props }) => {
+    return (jsx("button", { ...props, className: cx$1(styles_button.base, styles_button[`base__theme-${theme}`], className, {
+            [styles_button["base__state-disabled"]]: disabled,
+        }), disabled: disabled, "data-role": `role-${roleType}-button` }));
+};
+Button.themes = themes;
+
+var styles_group = {"base":"GroupRow-module__base___b241-","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","gap-2":"GroupRow-module__gap-2___1eib1"};
+
+const GroupRow = ({ children, label, className, ...restProps }) => {
+    return (jsxs("div", { ...restProps, className: cx$1(styles_group.base, className), children: [label && jsx("div", { className: styles_group.label, children: label }), jsx("div", { className: styles_group.group, children: children })] }));
+};
+
+var style_select = {"button":"SelectMenu-module__button___N-HeB","menu":"SelectMenu-module__menu___c5jvZ","menuItems":"SelectMenu-module__menuItems___BX1YQ","menuItem":"SelectMenu-module__menuItem___eXbi3","selected":"SelectMenu-module__selected___XyADw","disabledSVG":"SelectMenu-module__disabledSVG___OdVFW","disabled":"SelectMenu-module__disabled___jiTPl"};
+
+var style_chevron = {"chevron":"ChevronIcon-module__chevron___lif8s","open":"ChevronIcon-module__open___niD1n","disable":"ChevronIcon-module__disable___8n-xg"};
+
+const ChevronIcon = ({ open, disabled, }) => {
+    return (jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", children: jsx("path", { className: cx$1(style_chevron.chevron, {
+                [style_chevron.open]: open,
+                [style_chevron.disabled]: disabled,
+            }), d: "M6 9L12 15L18 9", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
+
+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" })] }));
+
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+const getIcon = (option) => {
+    if (option.code === Currency.GOLD) {
+        return GoldIcon;
+    }
+    if (option.code === Currency.SWEEPS) {
+        return SweepsIcon;
+    }
+    return option.icon;
+};
+
+const SelectMenu = ({ disabled = false }) => {
+    const { config } = useManualPlayState();
+    const { current, available } = config.currencyOptions;
+    const handleClick = (e) => {
+        if (disabled) {
+            return;
+        }
+        const target = e.target;
+        const value = target.dataset.value;
+        if (!value) {
+            return;
+        }
+        const newCurrency = available.find((d) => d.code === value);
+        if (newCurrency) {
+            sendSetUserCurrencyEvent({ currency: newCurrency.code });
+            sendSetUserCurrencyEventV2({ current: newCurrency, available });
+        }
+    };
+    const ButtonIcon = getIcon(current);
+    if (available.length === 1) {
+        return (jsx("div", { className: cx$1(style_select.button), children: ButtonIcon && jsx(ButtonIcon, {}) }));
+    }
+    return (jsx(Menu, { as: "div", className: cx$1(style_select.menu), children: ({ open }) => (jsxs(Fragment, { children: [jsxs(MenuButton, { className: cx$1(style_select.button, {
+                        [style_select.disabled]: disabled,
+                    }), disabled: disabled, as: "div", children: [ButtonIcon && jsx(ButtonIcon, {}), jsx(ChevronIcon, { open: open, disabled: disabled })] }), jsx(MenuItems, { anchor: { to: "top start" }, className: cx$1(style_select.menuItems), children: available.map((option) => {
+                        const Icon = getIcon(option);
+                        return (jsxs(MenuItem, { as: "div", "data-value": option.code, onClick: handleClick, className: cx$1(style_select.menuItem, {
+                                [style_select.selected]: String(current.code) === String(option.code),
+                            }), children: [Icon && jsx(Icon, {}), capitalize(String(option.label))] }, `element-${option.code}`));
+                    }) })] })) }));
+};
+
+var styles$1 = {"base":"PlayValueInput-module__base___sTNW2","icon":"PlayValueInput-module__icon___jZj7O","playValueInput":"PlayValueInput-module__playValueInput___7pJtn","playValueInputWithLabel":"PlayValueInput-module__playValueInputWithLabel___S55Cr","label":"PlayValueInput-module__label___1ZSAV","inputContainer":"PlayValueInput-module__inputContainer___RKr1l","playValueWithLabel":"PlayValueInput-module__playValueWithLabel___K4-pr"};
+
+const PlayValueInput = ({ disabled, children, className, value, onClick, }) => {
+    const handleOnClick = () => {
+        if (disabled) {
+            return;
+        }
+        onClick();
+    };
+    return (jsxs("div", { className: cx$1(styles$1.base, className, {
+            [styles$1.disabled]: disabled,
+        }), children: [jsxs("div", { className: cx$1(styles$1.inputContainer), onClick: (e) => {
+                    e.preventDefault();
+                    handleOnClick();
+                }, children: [jsx("span", { className: styles$1.label, children: "Play amount" }), jsx("div", { className: cx$1(styles$1.playValueInput, {
+                            [styles$1.playValueInputWithLabel]: true,
+                        }), children: value })] }), children && jsx("div", { className: cx$1(styles$1.icon), children: children })] }));
+};
+
+const PlayAmountControl = ({ isDisabled }) => {
+    const { config } = useManualPlayState();
+    const { playAmount, adjustPlayAmount, playValues: { togglePlayAmountView }, } = usePlayController();
+    const handleTogglePlayAmount = () => {
+        setToggleGameWidgetsVisibility();
+        togglePlayAmountView();
+        setToggleGameWidgetsExpansion();
+    };
+    return (jsxs(GroupRow, { children: [jsx(PlayValueInput, { className: styles_group.groupItem, value: `${playAmount} ${config.currencyOptions.current.abbr}`, disabled: isDisabled() || config.playOptions.disabledController, onClick: handleTogglePlayAmount, children: jsx(SelectMenu, { disabled: isDisabled() }) }), jsx(Button, { className: styles_group.groupItem, onClick: () => adjustPlayAmount({ direction: -1 }), theme: "ghost", disabled: isDisabled(), children: jsx("span", { className: styles_group.x2, children: "-" }) }), jsx(Button, { className: styles_group.groupItem, onClick: () => adjustPlayAmount({ direction: 1 }), theme: "ghost", disabled: isDisabled(), children: jsx("span", { className: cx$1(styles_group.x2, styles_group.last), children: "+" }) })] }));
+};
+
+const ManualPlayController = () => {
+    const { config } = useManualPlayState();
+    const { isValidPlayAmount, playValues: { displayPlayAmountView, togglePlayAmountView }, manualPlay: { isDisabled, onPlay }, } = usePlayController();
+    const { current } = config.currencyOptions;
+    const roleButton = GAME_MODE.MANUAL;
+    const activeClassName = useMemo(() => {
+        if (current.code === Currency.GOLD) {
+            return styles_button.buttonGold__active;
+        }
+        if (current.code === Currency.SWEEPS) {
+            return styles_button.buttonSweeps__active;
+        }
+        return styles_button.buttonDefault__active;
+    }, [current.code]);
+    const defaultClassName = useMemo(() => {
+        if (current.code === Currency.GOLD) {
+            return styles_button.buttonGold;
+        }
+        if (current.code === Currency.SWEEPS) {
+            return styles_button.buttonSweeps;
+        }
+        return styles_button.buttonDefault;
+    }, [current.code]);
+    const handleKeyPress = useCallback((event) => {
+        if (event.code !== "Space") {
+            return;
+        }
+        const button = selectButton(roleButton);
+        if (!button || isDisabled()) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        addPressedClass(roleButton, activeClassName);
+        button.click();
+    }, [roleButton, isDisabled, activeClassName]);
+    const handleKeyUp = useCallback((event) => {
+        if (event.code !== "Space") {
+            return;
+        }
+        const button = selectButton(roleButton);
+        if (!button) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        removePressedClass(roleButton, activeClassName);
+    }, [roleButton, activeClassName]);
+    useEffect(() => {
+        window.addEventListener("keydown", handleKeyPress, true);
+        window.addEventListener("keyup", handleKeyUp, true);
+        return () => {
+            window.removeEventListener("keydown", handleKeyPress, true);
+            window.removeEventListener("keyup", handleKeyUp, true);
+        };
+    }, [handleKeyPress, handleKeyUp]);
+    const isButtonDisabled = isDisabled() || !isValidPlayAmount;
+    const renderButton = useMemo(() => {
+        if (displayPlayAmountView) {
+            return (jsx(Button, { className: styles_button.buttonPlayAmount, onClick: togglePlayAmountView, roleType: roleButton, children: "SELECT PLAY AMOUNT" }));
+        }
+        return (jsx(Button, { disabled: isButtonDisabled, className: defaultClassName, onClick: onPlay, roleType: roleButton, children: "PLAY NOW" }));
+    }, [
+        defaultClassName,
+        displayPlayAmountView,
+        isButtonDisabled,
+        onPlay,
+        roleButton,
+        togglePlayAmountView,
+    ]);
+    return (jsxs(Fragment, { children: [jsx(PlayAmountControl, { isDisabled: isDisabled || displayPlayAmountView }), renderButton] }));
+};
+
+var styles_ui = {"base":"UI-module__base___6q08N","container":"UI-module__container___S3Gpa","betForm":"UI-module__betForm___pu-7D","disabled":"UI-module__disabled___E2zhE","controllerWidgets":"UI-module__controllerWidgets___rFquu","sideWidget":"UI-module__sideWidget___mTaGO","centerWidget":"UI-module__centerWidget___zWhMN","left":"UI-module__left___VsEJc","center":"UI-module__center___hZwDn","right":"UI-module__right___JJ0-R"};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var bind = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+var hasRequiredBind;
+
+function requireBind () {
+	if (hasRequiredBind) return bind.exports;
+	hasRequiredBind = 1;
+	(function (module) {
+		/* global define */
+
+		(function () {
+
+			var hasOwn = {}.hasOwnProperty;
+
+			function classNames () {
+				var classes = '';
+
+				for (var i = 0; i < arguments.length; i++) {
+					var arg = arguments[i];
+					if (arg) {
+						classes = appendClass(classes, parseValue.call(this, arg));
+					}
+				}
+
+				return classes;
+			}
+
+			function parseValue (arg) {
+				if (typeof arg === 'string' || typeof arg === 'number') {
+					return this && this[arg] || arg;
+				}
+
+				if (typeof arg !== 'object') {
+					return '';
+				}
+
+				if (Array.isArray(arg)) {
+					return classNames.apply(this, arg);
+				}
+
+				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+					return arg.toString();
+				}
+
+				var classes = '';
+
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes = appendClass(classes, this && this[key] || key);
+					}
+				}
+
+				return classes;
+			}
+
+			function appendClass (value, newClass) {
+				if (!newClass) {
+					return value;
+				}
+			
+				if (value) {
+					return value + ' ' + newClass;
+				}
+			
+				return value + newClass;
+			}
+
+			if (module.exports) {
+				classNames.default = classNames;
+				module.exports = classNames;
+			} else {
+				window.classNames = classNames;
+			}
+		}()); 
+	} (bind));
+	return bind.exports;
+}
+
+var bindExports = requireBind();
+var cn = /*@__PURE__*/getDefaultExportFromCjs(bindExports);
+
+const cx = cn.bind(styles_ui);
+const WidgetContainer = ({ widgets, displayPlayAmountView, }) => {
+    const { left = [], center = [], right = [] } = widgets ?? {};
+    const renderZone = (items, zone) => {
+        const containerClass = zone === "center" ? cx("centerWidget") : cx("sideWidget");
+        return (jsx("div", { className: cx(containerClass, zone), children: items.map((widget) => widget.renderElement({ displayPlayAmountView })) }));
+    };
+    return (jsxs("div", { className: cx("controllerWidgets"), children: [renderZone(left, "left"), renderZone(center, "center"), renderZone(right, "right")] }));
+};
+
+var styles = {"base":"PlayValueList-module__base___5duc6","playValuesWrapper":"PlayValueList-module__playValuesWrapper___-zfj2","playValue":"PlayValueList-module__playValue___TJQhI","selectedPlayValue":"PlayValueList-module__selectedPlayValue___3DhDC","disabledPlayValue":"PlayValueList-module__disabledPlayValue___U9Bkj"};
+
+const PlayValueList = () => {
+    const { config } = useManualPlayState();
+    const { onChangeAmount, playAmount, totalBalance, playValues: { displayPlayAmountView, togglePlayAmountView }, } = usePlayController();
+    const { playLimits } = config.playOptions.playHook();
+    if (!displayPlayAmountView) {
+        return null;
+    }
+    const applyValue = (value) => {
+        if (totalBalance < value) {
+            sendOpenStoreEvent();
+        }
+        else {
+            onChangeAmount(value);
+        }
+        togglePlayAmountView();
+    };
+    const handleClick = (e) => {
+        const el = e.target?.closest("[data-value]");
+        if (!el) {
+            return;
+        }
+        const raw = el.dataset.value;
+        if (!raw) {
+            return;
+        }
+        const value = Number(raw);
+        if (!Number.isNaN(value)) {
+            applyValue(value);
+        }
+    };
+    return (jsx("div", { className: cx$1(styles.base), children: jsx("div", { className: cx$1(styles.playValuesWrapper), onClick: handleClick, role: "listbox", "aria-label": "Select play amount", "data-testid": "play-value-list", children: playLimits?.[config.currencyOptions.current.code].defaultBetOptions.map((playValue) => (jsx("div", { className: cx$1(styles.playValue, {
+                    [styles.selectedPlayValue]: playValue === playAmount,
+                    [styles.disabledPlayValue]: playValue > totalBalance,
+                }), "data-value": playValue, role: "option", tabIndex: 0, "aria-selected": false, children: format(playValue, config.currencyOptions.current.decimals) }, `${config.currencyOptions.current.code}-${playValue}`))) }) }));
+};
+
+const ManualPlayProvider = ({ children, config, }) => {
+    const [displayPlayAmountView, setDisplayPlayAmountView] = useState(false);
+    const togglePlayAmountView = useCallback(() => {
+        setDisplayPlayAmountView((v) => !v);
+    }, []);
+    const contextValue = useMemo(() => ({
+        mode: GAME_MODE.MANUAL,
+        config,
+        playValues: {
+            displayPlayAmountView,
+            setDisplayPlayAmountView,
+            togglePlayAmountView,
+        },
+    }), [config, displayPlayAmountView, togglePlayAmountView]);
+    return (jsxs(ManualPlayStateContext.Provider, { value: contextValue, children: [typeof children === "function" ? children(contextValue) : children, config.playOptions.displayController && (jsx("div", { className: cx$1(styles_ui.base, styles_ui.betForm), style: {
+                    "--play-bottom": config.panel.bottom ?? 0,
+                    "--play-panel-bg": hexToRgb(config.panel.bgColorHex ?? "#01243A"),
+                    "--play-dropdown-bg": hexToRgb(config.dropdown.bgColorHex ?? "#01243A"),
+                    "--play-panel-bg-opacity": config.panel.bgColorOpacity ?? 0.5,
+                }, children: jsxs("div", { className: cx$1(styles_ui.container), children: [jsx(PlayValueList, {}), jsx(ManualPlayController, {}), jsx(WidgetContainer, { widgets: {
+                                left: config.leftWidgets,
+                                center: config.centerWidgets,
+                                right: config.rightWidgets,
+                            }, displayPlayAmountView: displayPlayAmountView })] }) }))] }));
+};
+
+export { GAME_MODE, ManualPlayProvider, WIDGET, format };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/components/utils.ts","../src/types/gameMode.ts","../src/types/widgets.ts","../src/components/ManualPlayStateProvider/ManualPlayStateContext.tsx","../src/components/hooks/usePlayController.ts","../src/components/base/Button/Button.tsx","../src/components/base/GroupRow/GroupRow.tsx","../src/components/base/ChevronIcon/ChevronIcon.tsx","../src/components/base/SelectMenu/GoldIcon.tsx","../src/components/base/SelectMenu/SweepsIcon.tsx","../src/components/base/SelectMenu/config.tsx","../src/components/base/SelectMenu/SelectMenu.tsx","../src/components/base/PlayValueInput/PlayValueInput.tsx","../src/components/base/PlayController/PlayController.tsx","../src/components/base/ManualPlayController/ManualPlayController.tsx","../node_modules/classnames/bind.js","../src/components/Widgets/WidgetContainer.tsx","../src/components/base/PlayValueList/PlayValueList.tsx","../src/components/ManualPlayStateProvider/ManualPlayProvider.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,"/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n",null,null,null],"names":["_jsx","cx","styles","_jsxs","PlayValue","_Fragment"],"mappings":"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","x_google_ignoreList":[15]}

package/dist/style.css

@@ -0,0 +1 @@
+.Button-module__base___muNxk{background:transparent;border:0;cursor:pointer;font-weight:700;margin:0;outline:none;text-transform:uppercase;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:100%;width:100%}.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:.8px;line-height:125%;margin-top:7px;width:100%}.Button-module__base__state-disabled___EU5tH{color:rgba(var(--text-color-hex),.5)!important;pointer-events:none}.Button-module__buttonCashout___LG-Yr,.Button-module__buttonPlayAmount___GMy3F{background:linear-gradient(357deg,#7f44c3 22.01%,#9f5eeb 97.97%)}.Button-module__buttonCashout___LG-Yr:active,.Button-module__buttonCashout__active___qnE3h,.Button-module__buttonPlayAmount___GMy3F:active,.Button-module__buttonPlayAmount__active___e0nGe{background:#592f9d}.Button-module__buttonSweeps___0snDQ{background:linear-gradient(357deg,#10be68 23.9%,#29cf7d 97.97%)}.Button-module__buttonSweeps___0snDQ:active,.Button-module__buttonSweeps__active___PXIFH{background:#008c47}.Button-module__buttonGold___DAj-d{background:linear-gradient(357deg,#bf9e21 22.01%,#f0c72c 97.97%)}.Button-module__buttonGold___DAj-d:active,.Button-module__buttonGold__active___vsi7m{background:#9a7c04}.Button-module__buttonDefault___QENXy{background:linear-gradient(357deg,#10be68 23.9%,#29cf7d 97.97%)}.Button-module__buttonDefault___QENXy:active,.Button-module__buttonDefault__active___oS6gd{background:#008c47}.GroupRow-module__base___b241-{display:flex;width:100%}.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:100%}.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:45px}.GroupRow-module__x2___9bLae.GroupRow-module__last___ArsSn{border-bottom-right-radius:10px;border-top-right-radius:10px}.GroupRow-module__gap-2___1eib1{gap:9px}.SelectMenu-module__button___N-HeB{align-items:center;display:flex;gap:3px;height:35px;justify-content:space-between;transition:all .7s;width:35px}.SelectMenu-module__menu___c5jvZ{cursor:pointer;width:auto}.SelectMenu-module__menuItems___BX1YQ{background-color:rgba(var(--play-dropdown-bg),1);border-radius:6px;cursor:pointer;overflow-y:auto;padding:4px 0;width:100%;width:110px}.SelectMenu-module__menuItem___eXbi3{align-items:center;background-color:rgba(var(--play-dropdown-bg),1);color:rgba(var(--text-color-hex),1);display:flex;font-size:12px;font-weight:600;gap:6px;padding:2px 12px}.SelectMenu-module__menuItem___eXbi3:hover{background:rgba(var(--bg-color-rgb),.16);color:rgba(var(--text-color-hex),1)}.SelectMenu-module__selected___XyADw{position:relative}.SelectMenu-module__selected___XyADw:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' d='M20.53 6.47a.75.75 0 0 1 0 1.06l-10 10a.75.75 0 0 1-1.06 0l-5-5a.75.75 0 1 1 1.06-1.06L10 15.94l9.47-9.47a.75.75 0 0 1 1.06 0Z' clip-rule='evenodd' fill='%23FFF'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px}.SelectMenu-module__disabledSVG___OdVFW,.SelectMenu-module__disabled___jiTPl{cursor:not-allowed}.SelectMenu-module__disabled___jiTPl svg{opacity:.1}.ChevronIcon-module__chevron___lif8s{stroke:rgba(var(--text-color-hex),1);height:14px;transform-origin:center;transition:transform .3s ease;width:14px}.ChevronIcon-module__open___niD1n{transform:rotate(-180deg)}.ChevronIcon-module__disable___8n-xg{stroke:rgba(var(--text-color-hex),.1)}.PlayValueInput-module__base___sTNW2{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;padding:5px 0 4px;position:relative;width:100%;z-index:1}.PlayValueInput-module__icon___jZj7O{display:block;font-family:Inter;font-size:15px;font-style:normal;font-weight:700;left:11px;position:absolute;top:50%;transform:translateY(-50%)}.PlayValueInput-module__label___1ZSAV,.PlayValueInput-module__playValueInputWithLabel___S55Cr,.PlayValueInput-module__playValueInput___7pJtn{background:transparent;color:rgba(var(--text-color-hex),1);cursor:pointer;font-family:Inter;font-size:12px;letter-spacing:.6px;margin-left:50px;padding:0;text-align:left;width:197px}.PlayValueInput-module__inputContainer___RKr1l{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.PlayValueInput-module__label___1ZSAV{font-size:10px;letter-spacing:.5px;line-height:125%}.PlayValueInput-module__playValueWithLabel___K4-pr{padding-top:15px;user-select:none;z-index:1}.UI-module__base___6q08N{align-items:center;border-radius:15px;display:flex;flex-direction:column;justify-content:center;position:relative}.UI-module__container___S3Gpa{width:342px}.UI-module__betForm___pu-7D{background-color:rgba(var(--play-panel-bg),var(--play-panel-bg-opacity));border-radius:0;bottom:var(--play-bottom);display:flex;flex-direction:column;height:auto;left:50%;padding:16px;position:absolute;transform:translateX(-50%);width:100%}@media (min-width:700px){.UI-module__betForm___pu-7D{border-radius:15px;width:374px}}.UI-module__disabled___E2zhE{opacity:.1}.UI-module__controllerWidgets___rFquu{align-items:center;display:flex;height:38px;justify-content:space-between;margin-top:5px;width:100%}.UI-module__controllerWidgets___rFquu .UI-module__centerWidget___zWhMN,.UI-module__controllerWidgets___rFquu .UI-module__sideWidget___mTaGO{color:#fff;display:flex;font-family:Inter,sans-serif;font-size:10px!important;font-style:normal;font-weight:700;gap:8px;line-height:125%;text-align:center;width:20%}.UI-module__controllerWidgets___rFquu .UI-module__centerWidget___zWhMN{width:60%}.UI-module__controllerWidgets___rFquu .UI-module__left___VsEJc{justify-content:flex-start}.UI-module__controllerWidgets___rFquu .UI-module__center___hZwDn{justify-content:center}.UI-module__controllerWidgets___rFquu .UI-module__right___JJ0-R{justify-content:flex-end}*,html{--bet-bottom:0px;--bet-panel-bg:8,30,100;--play-dropdown-bg:16,36,63;--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}.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}.PlayValueList-module__base___5duc6{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:10px;display:flex;flex-shrink:0;height:385px;justify-content:center;margin-bottom:5px;width:342px}.PlayValueList-module__playValuesWrapper___-zfj2{align-content:flex-start;align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;gap:7px;height:351px;transition:all .2s;width:326px}.PlayValueList-module__playValue___TJQhI{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:50px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Inter;font-size:16px;font-style:normal;gap:10px;height:45px;justify-content:center;letter-spacing:.8px;line-height:125%;padding:12px 21px;text-align:center;text-transform:uppercase;width:104px}.PlayValueList-module__selectedPlayValue___3DhDC{background:#07172d;transition:all .2s}.PlayValueList-module__disabledPlayValue___U9Bkj{background:#07172d;opacity:.25;transition:all .2s}

package/dist/types/gameMode.d.ts

@@ -0,0 +1,3 @@
+export declare enum GAME_MODE {
+    MANUAL = "manual"
+}

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+import { GAME_MODE } from "./gameMode";
+import { Widget, WIDGET } from "./widgets";
+export { GAME_MODE, WIDGET };
+export type { Widget };

package/dist/types/playController.d.ts

@@ -0,0 +1,33 @@
+import { CurrencyProps, PlayLimitsV2 as PlayLimits } from "@enigma-lake/zoot-platform-sdk";
+import { Widget } from "./widgets";
+export type StylingProps = {
+    panel: {
+        bottom?: string;
+        bgColorHex: string;
+        bgColorOpacity?: number;
+    };
+    dropdown: {
+        bgColorHex: string;
+    };
+};
+export type ActionsProps = {
+    onPlay: () => void;
+};
+export type PlaySettingsProps = {
+    disabledController: boolean;
+    disabledMenu: boolean;
+    displayController: boolean;
+    playHook: () => {
+        playLimits?: PlayLimits;
+        playAmount: number;
+        setPlayAmount: (value: number) => void;
+    };
+    totalBalance: number;
+};
+export type PlayControllerProps = StylingProps & ActionsProps & {
+    currencyOptions: CurrencyProps;
+    playOptions: PlaySettingsProps;
+    leftWidgets: Widget[];
+    rightWidgets: Widget[];
+    centerWidgets: Widget[];
+};

package/dist/types/widgets.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+export declare enum WIDGET {
+    CENTER = "center",
+    SIDE = "side"
+}
+export type Widget = {
+    type: WIDGET;
+    renderElement: ({ displayPlayAmountView, }: {
+        displayPlayAmountView: boolean;
+    }) => ReactNode;
+};

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@enigma-lake/dice-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",
+  "publishConfig": {
+    "access": "public"
+  },
+  "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.1.6",
+    "@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"
+  }
+}