@enigma-lake/mines-play-controller-sdk 2.0.3 → 2.0.4

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,33 @@
+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;
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => void;
+    };
+}
+export declare const AutoManualPlayStateContext: import("react").Context<AutoManualPlayStateContextType | undefined>;
+export declare const useAutoManualPlayState: () => AutoManualPlayStateContextType;

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

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

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

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

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

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

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

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

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

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

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, max, ...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/InputWithSwitch/InputWithSwitch.d.ts

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

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

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

package/dist/components/base/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/Switch/Switch.d.ts

@@ -0,0 +1,8 @@
+interface SwitchProps {
+    enabled: boolean;
+    onSwitch: () => void;
+    isPlaying: boolean;
+    disabled: boolean;
+}
+export declare const Switch: ({ enabled, onSwitch, disabled, 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,29 @@
+import { AUTO_PLAY_STATE } from "../../types";
+export declare const usePlayController: () => {
+    playAmount: number;
+    minPlayAmount: number;
+    maxPlayAmount: number;
+    setPlayAmount: (value: number) => void;
+    adjustPlayAmount: ({ direction }: {
+        direction: -1 | 1;
+    }) => void;
+    onChangeAmount: (playValue: number) => void;
+    isValidPlayAmount: boolean;
+    totalBalance: number;
+    manualPlay: {
+        isDisabled: () => boolean;
+        onPlay: () => void;
+        canCashout: boolean;
+    };
+    autoPlay: {
+        isDisabled: () => boolean;
+        state: AUTO_PLAY_STATE;
+        onPlay: () => void;
+        onStopPlay: () => void;
+    };
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => 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,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,101 @@
+import { ReactNode, ReactElement } from 'react';
+import { CurrencyProps, PlayLimitsV2 } 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"
+}
+
+declare enum WIDGET {
+    CENTER = "center",
+    SIDE = "side"
+}
+type Widget = {
+    type: WIDGET;
+    renderElement: ({ state, displayPlayAmountView, }: {
+        state: AUTO_PLAY_STATE;
+        displayPlayAmountView: boolean;
+    }) => ReactNode;
+};
+
+declare const format: (balance: number, decimals: number) => string;
+
+type StylingProps = {
+    panel: {
+        bottom: string;
+        bgColorHex: string;
+    };
+};
+type ActionsProps = {
+    onPlay: () => void;
+    onAutoPlay: (selection: number[], next: () => void, stop: () => void, state: AUTO_PLAY_STATE) => void;
+    onAutoPlayStop?: () => 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?: PlayLimitsV2;
+        playAmount: number;
+        setPlayAmount: (value: number) => void;
+    };
+    autoPlayDelay?: number;
+    totalBalance: number;
+};
+type PlayControllerProps = StylingProps & ActionsProps & {
+    currencyOptions: CurrencyProps;
+    playOptions: PlaySettingsProps;
+    leftWidgets: Widget[];
+    rightWidgets: Widget[];
+    centerWidgets: Widget[];
+};
+
+interface AutoManualPlayStateContextType {
+    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;
+    playValues: {
+        displayPlayAmountView: boolean;
+        setDisplayPlayAmountView: (v: boolean) => void;
+        togglePlayAmountView: () => void;
+    };
+}
+
+interface AutoManualPlayStateProviderProps {
+    children: React.ReactNode | ((state: AutoManualPlayStateContextType) => ReactElement);
+    config: PlayControllerProps;
+}
+declare const AutoManualPlayProvider: React.FC<AutoManualPlayStateProviderProps>;
+
+export { AUTO_PLAY_STATE, AutoManualPlayProvider, GAME_MODE, WIDGET, type Widget, format };