pixi-rainman-game-engine 0.3.1 → 0.3.3-b

package/dist/ComponentRegistry/ComponentRegistry.d.ts

@@ -81,6 +81,13 @@ export declare class ComponentRegistry {
      * @returns {void}
      */
     updateAllSpeedAdaptable(speedLevel: SpeedLevel): void;
+    /**
+     * Function that adapt temporary speed to be applied only for reels and not for symbols.
+     * @public
+     * @param speedLevel
+     * @returns {void}
+     */
+    updateTemporaryReelSpeed(speedLevel: SpeedLevel): void;
     /**
      * Getter for components that are in ComponentRegistry
      * Throws error if component is not present

package/dist/ComponentRegistry/ComponentRegistry.js

@@ -1,5 +1,5 @@
 import { isIncentiveComponentInterface, isSpeedAdapterInterface, SpeedLevelHandler, TimedIncentiveController } from "../application";
-import { SpeedControlButton } from "../components";
+import { AbstractSymbolsColumn, SpeedControlButton } from "../components";
 import { RainMan } from "../Rainman";
 import { openFullscreen } from "../utils";
 /**
@@ -28,7 +28,7 @@ export class ComponentRegistry {
      */
     setTemporarySpeedLevel(newSpeedLevel) {
         this.speedLevelHandler.setSpeed(newSpeedLevel);
-        this.updateAllSpeedAdaptable(newSpeedLevel);
+        this.updateTemporaryReelSpeed(newSpeedLevel);
     }
     /**
      * Method for reverting speed level for turbo spin
@@ -37,7 +37,7 @@ export class ComponentRegistry {
      */
     revertTemporarySpeedLevel() {
         this.speedLevelHandler.setSpeed(RainMan.settingsStore.currentSpeed);
-        this.updateAllSpeedAdaptable(RainMan.settingsStore.currentSpeed);
+        this.updateTemporaryReelSpeed(RainMan.settingsStore.currentSpeed);
     }
     /**
      * Setter fo speed level
@@ -142,6 +142,19 @@ export class ComponentRegistry {
             speedAdaptableComponent.adaptToSpeed(speedLevel);
         });
     }
+    /**
+     * Function that adapt temporary speed to be applied only for reels and not for symbols.
+     * @public
+     * @param speedLevel
+     * @returns {void}
+     */
+    updateTemporaryReelSpeed(speedLevel) {
+        this.speedAdaptableComponents.forEach((speedAdaptableComponent) => {
+            if (!(speedAdaptableComponent instanceof AbstractSymbolsColumn)) {
+                speedAdaptableComponent.adaptToSpeed(speedLevel);
+            }
+        });
+    }
     /**
      * Getter for components that are in ComponentRegistry
      * Throws error if component is not present

package/dist/ComponentRegistry/types.d.ts

@@ -1,4 +1,4 @@
-import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BaseButton, BUTTONS, COMPONENTS, FreeSpinButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, StylefulUpdatableText, UpdatableTextComponent, UpdatableValueComponent, VolumeButton } from "../components";
+import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, GambleButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, StylefulUpdatableText, TakeButton, UpdatableTextComponent, UpdatableValueComponent, VolumeButton } from "../components";
 /**
  * RegistryMap is a map of all components that are registered in the ComponentRegistry.
  * It is used to type-check the components that are registered in the ComponentRegistry.
@@ -22,7 +22,8 @@ export interface RegistryMap {
     [NegButton.registryName]: NegButton;
     [InfoButton.registryName]: InfoButton;
     [MoreButton.registryName]: MoreButton;
-    [BUTTONS.gamble]: BaseButton;
+    [BUTTONS.gamble]: GambleButton;
+    [BUTTONS.take]: TakeButton;
     [COMPONENTS.betText]: UpdatableTextComponent;
     [COMPONENTS.creditText]: UpdatableTextComponent;
     [COMPONENTS.bigWin]: StylefulUpdatableText;

package/dist/Rainman/appConfig.js

@@ -18,6 +18,7 @@ export const defaultAppConfig = {
     disableFreeSpinText: false,
     winLineIndicatorSymbolScale: 0.75,
     disableBigWinOnBonus: false,
+    gambleGameEnabled: false,
     durationOfActions: {
         eachColumnsSpinDelay: [0, 200, 700, 1200, 1800],
         spinBaseTime: 800,

package/dist/Rainman/types.d.ts

@@ -25,6 +25,7 @@ export type OptionalAppConfig = {
     winLineIndicatorSymbolScale: number;
     disableFreeSpinText: boolean;
     disableBigWinOnBonus?: boolean;
+    gambleGameEnabled?: boolean;
     durationOfActions: {
         eachColumnsSpinDelay: number[];
         spinBaseTime: number;

package/dist/application/ButtonsEventManager/ButtonsEventManager.d.ts

@@ -126,6 +126,13 @@ export declare class ButtonsEventManager {
      * @returns {void}
      */
     initGambleButton(onClick: () => void, disabled: boolean): void;
+    /**
+     * Initializing take button
+     * @public
+     * @param {() => void} onClick - callback for take action
+     * @param {boolean} disabled - flag for enabling/disabling button
+     */
+    initTakeButton(onClick: () => void, disabled: boolean): void;
     /**
      * Function for displaying speed modal
      * This modal is used while doing turbo spin

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -74,6 +74,7 @@ export class ButtonsEventManager {
         RainMan.settingsStore.handleModalInvocation = this.handleModalInvocation.bind(this);
         RainMan.settingsStore.setSpeedPopupVisibility = this.setSpeedPopupVisibility.bind(this);
         RainMan.settingsStore.enableButtons = this.enableButtons.bind(this);
+        RainMan.settingsStore.closeOtherModals = this.closeOtherModals.bind(this);
     }
     /**
      * Method for initializing events in Settings UI
@@ -169,11 +170,11 @@ export class ButtonsEventManager {
      * @returns {void}
      */
     initBetPlusButtonEvent(setBetCallback) {
-        const { isFreeSpinsBought, isFreeSpinsPlayEnabled, betChangeDisabled } = RainMan.settingsStore;
+        const { isFreeSpinsBought, isFreeSpinsPlayEnabled } = RainMan.settingsStore;
         if (this.settingsPlusButton === null) {
             this.settingsPlusButton = window.document.getElementsByName("bet-plus")[0];
             this.settingsPlusButton.addEventListener("click", () => {
-                if (isFreeSpinsBought || isFreeSpinsPlayEnabled || betChangeDisabled)
+                if (isFreeSpinsBought || isFreeSpinsPlayEnabled)
                     return;
                 setBetCallback("increase");
             });
@@ -188,10 +189,10 @@ export class ButtonsEventManager {
      */
     initBetMinusButtonEvent(setBetCallback) {
         if (this.settingsMinusButton === null) {
-            const { isFreeSpinsBought, isFreeSpinsPlayEnabled, betChangeDisabled } = RainMan.settingsStore;
+            const { isFreeSpinsBought, isFreeSpinsPlayEnabled } = RainMan.settingsStore;
             this.settingsMinusButton = window.document.getElementsByName("bet-minus")[0];
             this.settingsMinusButton.addEventListener("click", () => {
-                if (isFreeSpinsBought || isFreeSpinsPlayEnabled || betChangeDisabled) {
+                if (isFreeSpinsBought || isFreeSpinsPlayEnabled) {
                     return;
                 }
                 setBetCallback("decrease");
@@ -284,11 +285,22 @@ export class ButtonsEventManager {
      * @returns {void}
      */
     initGambleButton(onClick, disabled) {
-        if (!RainMan.componentRegistry.has(BUTTONS.gamble) && RainMan.settingsStore.gambleGameUsed) {
+        if (!RainMan.componentRegistry.has(BUTTONS.gamble) && !RainMan.settingsStore.isGambleGameAvailable) {
             return;
         }
+        RainMan.componentRegistry.get(BUTTONS.gamble).setOnClick(onClick);
         RainMan.componentRegistry.get(BUTTONS.gamble).flipDisabledFlag(disabled);
     }
+    /**
+     * Initializing take button
+     * @public
+     * @param {() => void} onClick - callback for take action
+     * @param {boolean} disabled - flag for enabling/disabling button
+     */
+    initTakeButton(onClick, disabled) {
+        RainMan.componentRegistry.get(BUTTONS.take).setOnClick(onClick);
+        RainMan.componentRegistry.get(BUTTONS.take).flipDisabledFlag(disabled);
+    }
     /**
      * Function for displaying speed modal
      * This modal is used while doing turbo spin
@@ -365,11 +377,9 @@ export class ButtonsEventManager {
         if (layer !== null) {
             if (layer.style.display !== "flex") {
                 layer.style.display = "flex";
-                this.disableButtons();
             }
             else {
                 layer.style.display = "none";
-                this.enableButtons();
             }
         }
     }

package/dist/application/SoundManager/SoundManager.d.ts

@@ -51,6 +51,12 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
      * @returns {void}
      */
     play(soundName: SoundTrack): void;
+    /**
+     * Returns the volume level for a given sound track.
+     * @param {SoundTracks} soundName - The name of the sound track.
+     * @returns {number} The volume level for the sound track.
+     */
+    getVolumeLevel(soundName: SoundTrack): number;
     /**
      * Function for resuming all sounds in game
      * If sound is not playing, it will be skipped

package/dist/application/SoundManager/SoundManager.js

@@ -37,13 +37,15 @@ export class SoundManagerInstance {
     async loadSounds(assets) {
         const loadingSoundsPromises = [];
         for (const [soundName, url] of Object.entries(assets)) {
-            if (!url)
+            if (!url) {
                 continue;
+            }
             loadingSoundsPromises.push(new Promise((resolve) => {
                 const sound = Sound.from({
                     url,
                     autoPlay: false,
                     preload: true,
+                    volume: this.getVolumeLevel(soundName),
                     loaded: () => resolve()
                 });
                 sound.name = soundName;
@@ -59,12 +61,17 @@ export class SoundManagerInstance {
      * @returns {void}
      */
     setVolume(volumeLevel) {
-        this.musicCatalogue.forEach((sound) => {
-            if (sound?.name === "music") {
-                sound.volume = volumeLevel * 0.5;
-            }
-            else {
-                sound.volume = volumeLevel;
+        this.musicCatalogue.forEach((sound, soundName) => {
+            switch (soundName) {
+                case SoundTracks.music:
+                    sound.volume = volumeLevel * 0.5;
+                    break;
+                case SoundTracks.freeSpinsMusic:
+                    sound.volume = volumeLevel * 0.95;
+                    break;
+                default:
+                    sound.volume = volumeLevel;
+                    break;
             }
         });
     }
@@ -75,8 +82,9 @@ export class SoundManagerInstance {
      */
     stopPlayingFxSounds() {
         for (const [soundName, sound] of this.musicCatalogue.entries()) {
-            if (soundName === SoundTracks.music)
+            if (soundName === SoundTracks.music) {
                 continue;
+            }
             sound.stop();
         }
     }
@@ -113,15 +121,33 @@ export class SoundManagerInstance {
             !RainMan.settingsStore.shouldPlayAmbientMusic) {
             return;
         }
-        const soundLevel = RainMan.settingsStore.volumeLevel / 100;
+        if (soundName === "freeSpinsMusic" &&
+            sound.isPlaying &&
+            RainMan.settingsStore.isFreeSpinsPlayEnabled &&
+            !RainMan.settingsStore.shouldPlayAmbientMusic) {
+            return;
+        }
         sound.play({
-            loop: soundsToLoop.includes(soundName),
             singleInstance: true,
-            volume: soundName === SoundTracks.music || soundName === SoundTracks.freeSpinsMusic
-                ? soundLevel * 0.5
-                : soundLevel
+            loop: soundsToLoop.includes(soundName),
+            volume: this.getVolumeLevel(soundName)
         });
     }
+    /**
+     * Returns the volume level for a given sound track.
+     * @param {SoundTracks} soundName - The name of the sound track.
+     * @returns {number} The volume level for the sound track.
+     */
+    getVolumeLevel(soundName) {
+        switch (soundName) {
+            case SoundTracks.music:
+                return Number((RainMan.settingsStore.volumeLevel / 100) * 0.5);
+            case SoundTracks.freeSpinsMusic:
+                return Number((RainMan.settingsStore.volumeLevel / 100) * 0.95);
+            default:
+                return Number(RainMan.settingsStore.volumeLevel / 100);
+        }
+    }
     /**
      * Function for resuming all sounds in game
      * If sound is not playing, it will be skipped

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -58,12 +58,7 @@ export class AbstractMainContainer extends Container {
         this.name = AbstractMainContainer.registryName;
         this.buttonsEventManager = new ButtonsEventManager();
         this.messageBox = new MessageBox();
-        if (RainMan.settingsStore.isSoundEnabled()) {
-            SoundManager.resumeAll();
-            if (RainMan.settingsStore.shouldPlayAmbientMusic) {
-                SoundManager.setPlayStatus(SoundTracks.music, RainMan.settingsStore.shouldPlayAmbientMusic);
-            }
-        }
+        SoundManager.setPlayStatus(SoundTracks.music, RainMan.settingsStore.shouldPlayAmbientMusic);
         RainMan.settingsStore.setHandleInvokeFreeSpinPlate(this.invokeFreeSpinPlate.bind(this));
         RainMan.app.renderer.on("resize", () => this.resize());
     }

package/dist/components/GambleGame/GambleGame.js

@@ -108,6 +108,7 @@ export class GambleGame extends Container {
      * @returns {Promise<void>}
      */
     async loseDoubleAndWinFields() {
+        RainMan.settingsStore.disableSpecialButtons();
         return Promise.all([this.gambleWin.loseUpdate(), this.currentWin.loseUpdate()]);
     }
     /**

package/dist/components/buttons/BaseButton/BaseButton.d.ts

@@ -16,7 +16,7 @@ export declare class BaseButton extends Sprite {
     private isActive;
     private isOver;
     private isDisabled;
-    private _onClick;
+    protected _onClick: () => void;
     private _customClickHandler;
     constructor(name: string, textureMap: TextureMap, stateful?: boolean, clickSound?: Nullable<SoundTrack>);
     /**

package/dist/components/buttons/buttonGroups/MiddleButtons.d.ts

@@ -1,6 +1,6 @@
 import { Graphics } from "pixi.js";
 import { ResponsiveContainer } from "../../common";
-import { AutoplayButton, PlusButton, RefreshButton } from "../default";
+import { AutoplayButton, GambleButton, PlusButton, RefreshButton, TakeButton } from "../default";
 /**
  * Class for managing middle buttons in game (MOBILE ONLY).
  * The class uses {@link AutoplayButton}, {@link PlusButton}, {@link RefreshButton}.
@@ -12,6 +12,8 @@ export declare class MiddleButtons extends ResponsiveContainer {
     protected readonly betButton: PlusButton;
     protected readonly refreshButton: RefreshButton;
     protected readonly positioningFrame: Graphics;
+    protected readonly gambleButton: GambleButton;
+    protected readonly takeButton: TakeButton;
     constructor(landscape?: boolean);
     /**
      * Function for removing children from the registry
@@ -19,6 +21,12 @@ export declare class MiddleButtons extends ResponsiveContainer {
      * @returns {void}
      */
     removeChildrenFromRegistry(): void;
+    /**
+     *  Function for adding Gamble and Take buttons if they are defined
+     * @protected
+     * @returns {void}
+     */
+    protected addGambleAndTakeButtons(): void;
     /**
      * Function for initializing child positions
      * @private

package/dist/components/buttons/buttonGroups/MiddleButtons.js

@@ -2,7 +2,7 @@ import { Graphics } from "pixi.js";
 import { UXLayer } from "../../../layers";
 import { RainMan } from "../../../Rainman";
 import { ResponsiveContainer } from "../../common";
-import { AutoplayButton, PlusButton, RefreshButton } from "../default";
+import { AutoplayButton, GambleButton, PlusButton, RefreshButton, TakeButton } from "../default";
 import { REGISTRY } from "../registrynames";
 /**
  * Class for managing middle buttons in game (MOBILE ONLY).
@@ -15,6 +15,8 @@ export class MiddleButtons extends ResponsiveContainer {
     betButton = new PlusButton(true);
     refreshButton = new RefreshButton(true);
     positioningFrame = new Graphics();
+    gambleButton = new GambleButton(true);
+    takeButton = new TakeButton(true);
     constructor(landscape = false) {
         super();
         this.landscape = landscape;
@@ -23,21 +25,28 @@ export class MiddleButtons extends ResponsiveContainer {
         const buttons = [this.autoplayButton, this.betButton, this.refreshButton];
         this.addChild(...buttons);
         RainMan.componentRegistry.addMany(buttons);
+        this.addGambleAndTakeButtons();
         this.positioningFrame.beginFill(0x000000, 0);
         this.positioningFrame.drawRect(0, 0, 800, 250);
         this.addChild(this.positioningFrame);
         this.refreshButton.scale.set(0.75);
         this.autoplayButton.scale.set(0.75);
         this.betButton.scale.set(0.75);
+        this.takeButton.scale.set(0.75);
+        this.gambleButton.scale.set(0.75);
         if (this.landscape) {
             this.betButton.anchor.set(0.5, 2);
             this.refreshButton.anchor.set(0.5, 0.5);
             this.autoplayButton.anchor.set(0.5, -1);
+            this.takeButton.anchor.set(0.5, 2);
+            this.gambleButton.anchor.set(0.5, -1);
         }
         else {
             this.autoplayButton.anchor.set(2, 0.5);
             this.refreshButton.anchor.set(0.5, 0.5);
             this.betButton.anchor.set(-1, 0.5);
+            this.takeButton.anchor.set(-1, 0.5);
+            this.gambleButton.anchor.set(2, 0.5);
         }
         this.initChildPositions();
         if (this.landscape) {
@@ -54,9 +63,26 @@ export class MiddleButtons extends ResponsiveContainer {
             this.refreshButton,
             this.autoplayButton,
             this.betButton,
-            this.positioningFrame
+            this.positioningFrame,
+            ...(this.gambleButton && RainMan.config.gambleGameEnabled ? [this.gambleButton] : []),
+            ...(this.takeButton ? [this.takeButton] : [])
         ]);
     }
+    /**
+     *  Function for adding Gamble and Take buttons if they are defined
+     * @protected
+     * @returns {void}
+     */
+    addGambleAndTakeButtons() {
+        if (this.gambleButton && RainMan.config.gambleGameEnabled) {
+            this.addChild(this.gambleButton);
+            RainMan.componentRegistry.add(this.gambleButton);
+        }
+        if (this.takeButton) {
+            this.addChild(this.takeButton);
+            RainMan.componentRegistry.add(this.takeButton);
+        }
+    }
     /**
      * Function for initializing child positions
      * @private

package/dist/components/buttons/buttonGroups/RightButtons.d.ts

@@ -1,7 +1,6 @@
 import { Nullable } from "../../../utils";
 import { ResponsiveContainer } from "../../common";
-import { BaseButton } from "../BaseButton";
-import { AutoplayButton, NegButton, PlusButton, RefreshButton, SpeedControlButton } from "../default";
+import { AutoplayButton, GambleButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, TakeButton } from "../default";
 /**
  * Class for managing right buttons in game. The class uses {@link AutoplayButton}, {@link NegButton}, {@link PlusButton},
  * {@link RefreshButton}, {@link SpeedControlButton} and gamble button {@link BaseButton} if exists.
@@ -15,7 +14,8 @@ export declare class RightButtons extends ResponsiveContainer {
     protected readonly plusButton: PlusButton;
     protected readonly refreshButton: RefreshButton;
     protected readonly speedControlButton: SpeedControlButton;
-    protected readonly gambleButton: Nullable<BaseButton>;
+    protected readonly gambleButton: Nullable<GambleButton>;
+    protected readonly takeButton: Nullable<TakeButton>;
     constructor();
     /**
      * Function for removing the components from the registry
@@ -29,4 +29,10 @@ export declare class RightButtons extends ResponsiveContainer {
      * @returns {void}
      */
     protected reposition(): void;
+    /**
+     *  Function for adding Gamble and Take buttons if they are defined
+     * @protected
+     * @returns {void}
+     */
+    protected addGambleAndTakeButtons(): void;
 }

package/dist/components/buttons/buttonGroups/RightButtons.js

@@ -17,6 +17,7 @@ export class RightButtons extends ResponsiveContainer {
     refreshButton = new RefreshButton();
     speedControlButton = new SpeedControlButton();
     gambleButton = null;
+    takeButton = null;
     constructor() {
         super(-1);
         this.name = REGISTRY.rightButtons;
@@ -42,7 +43,9 @@ export class RightButtons extends ResponsiveContainer {
             this.negButton,
             this.plusButton,
             this.refreshButton,
-            this.speedControlButton
+            this.speedControlButton,
+            ...(this.gambleButton ? [this.gambleButton] : []),
+            ...(this.takeButton ? [this.takeButton] : [])
         ]);
     }
     /**
@@ -54,4 +57,19 @@ export class RightButtons extends ResponsiveContainer {
         this.y = RainMan.app.screen.height;
         this.x = RainMan.app.screen.width;
     }
+    /**
+     *  Function for adding Gamble and Take buttons if they are defined
+     * @protected
+     * @returns {void}
+     */
+    addGambleAndTakeButtons() {
+        if (this.gambleButton && RainMan.config.gambleGameEnabled) {
+            this.addChild(this.gambleButton);
+            RainMan.componentRegistry.add(this.gambleButton);
+        }
+        if (this.takeButton) {
+            this.addChild(this.takeButton);
+            RainMan.componentRegistry.add(this.takeButton);
+        }
+    }
 }

package/dist/components/buttons/default/GambleButton.d.ts

@@ -0,0 +1,13 @@
+import { BaseButton } from "../BaseButton";
+/**
+ * Class for a Gamble button in the game.
+ * Textures names should be "gamble.png", "gamble-over.png", and "gamble-clicked.png".
+ *  @class TakeButton
+ *  @augments {BaseButton}
+ */
+export declare class GambleButton extends BaseButton {
+    static readonly registryName = "gambleButton";
+    private mobile;
+    constructor(mobile?: boolean);
+    flipDisabledFlag(disabled: boolean): void;
+}

package/dist/components/buttons/default/GambleButton.js

@@ -0,0 +1,43 @@
+import { RainMan } from "../../../Rainman";
+import { getTexture } from "../../../utils";
+import { BaseButton, ButtonStates } from "../BaseButton";
+import { BUTTONS } from "../registrynames";
+/**
+ * Class for a Gamble button in the game.
+ * Textures names should be "gamble.png", "gamble-over.png", and "gamble-clicked.png".
+ *  @class TakeButton
+ *  @augments {BaseButton}
+ */
+export class GambleButton extends BaseButton {
+    static registryName = "gambleButton";
+    mobile;
+    constructor(mobile = false) {
+        const textureMap = mobile
+            ? {
+                [ButtonStates.NORMAL]: getTexture("mobile-gamble.png")
+            }
+            : {
+                [ButtonStates.NORMAL]: getTexture("gamble.png"),
+                [ButtonStates.OVER]: getTexture("gamble-over.png"),
+                [ButtonStates.CLICKED]: getTexture("gamble-clicked.png")
+            };
+        super(GambleButton.registryName, textureMap);
+        this.mobile = mobile;
+    }
+    flipDisabledFlag(disabled) {
+        super.flipDisabledFlag(disabled);
+        this.alpha = disabled ? 0 : 1;
+        if (!disabled && this.mobile) {
+            RainMan.componentRegistry.get(BUTTONS.autoplay).alpha = 0;
+        }
+        else {
+            RainMan.componentRegistry.get(BUTTONS.autoplay).alpha = 1;
+        }
+        if (!disabled && !this.mobile) {
+            RainMan.componentRegistry.get(BUTTONS.neg).alpha = 0;
+        }
+        else {
+            RainMan.componentRegistry.get(BUTTONS.neg).alpha = 1;
+        }
+    }
+}

package/dist/components/buttons/default/SpeedControlButton.js

@@ -1,3 +1,4 @@
+import { RainMan } from "../../../Rainman";
 import { getTexture } from "../../../utils";
 import { BaseButton, ButtonStates } from "../BaseButton";
 const createTextureMap = (speedLevel) => {
@@ -33,6 +34,9 @@ export class SpeedControlButton extends BaseButton {
      * @returns {void}
      */
     adaptToSpeed(speedLevel) {
+        if (RainMan.settingsStore.isTemporarySpeed) {
+            return;
+        }
         this.setTextureMap(this.speedLevelMapper[speedLevel]);
     }
 }

package/dist/components/buttons/default/TakeButton.d.ts

@@ -0,0 +1,13 @@
+import { BaseButton } from "../BaseButton";
+/**
+ *  Class for a Take button in the game.
+ *  Textures names should be "take.png", "take-over.png", and "take-clicked.png".
+ *  @class TakeButton
+ *  @augments {BaseButton}
+ */
+export declare class TakeButton extends BaseButton {
+    static readonly registryName = "takeButton";
+    private mobile;
+    constructor(mobile?: boolean);
+    flipDisabledFlag(disabled: boolean): void;
+}

package/dist/components/buttons/default/TakeButton.js

@@ -0,0 +1,37 @@
+import { RainMan } from "../../../Rainman";
+import { getTexture } from "../../../utils";
+import { BaseButton, ButtonStates } from "../BaseButton";
+import { BUTTONS } from "../registrynames";
+/**
+ *  Class for a Take button in the game.
+ *  Textures names should be "take.png", "take-over.png", and "take-clicked.png".
+ *  @class TakeButton
+ *  @augments {BaseButton}
+ */
+export class TakeButton extends BaseButton {
+    static registryName = "takeButton";
+    mobile;
+    constructor(mobile = false) {
+        const textureMap = mobile
+            ? {
+                [ButtonStates.NORMAL]: getTexture("mobile-take.png")
+            }
+            : {
+                [ButtonStates.NORMAL]: getTexture("take.png"),
+                [ButtonStates.OVER]: getTexture("take-over.png"),
+                [ButtonStates.CLICKED]: getTexture("take-clicked.png")
+            };
+        super(TakeButton.registryName, textureMap);
+        this.mobile = mobile;
+    }
+    flipDisabledFlag(disabled) {
+        super.flipDisabledFlag(disabled);
+        this.alpha = disabled ? 0 : 1;
+        if (!disabled) {
+            RainMan.componentRegistry.get(BUTTONS.plus).alpha = 0;
+        }
+        else {
+            RainMan.componentRegistry.get(BUTTONS.plus).alpha = 1;
+        }
+    }
+}

package/dist/components/buttons/default/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./AutoplayButton";
 export * from "./BlackButton";
 export * from "./CollectButton";
+export * from "./GambleButton";
 export * from "./InfoButton";
 export * from "./MoreButton";
 export * from "./NegButton";
@@ -9,4 +10,5 @@ export * from "./RedButton";
 export * from "./RefreshButton";
 export * from "./SpeedControlButton";
 export * from "./SpinConfirmationButton";
+export * from "./TakeButton";
 export * from "./VolumeButton";

package/dist/components/buttons/default/index.js

@@ -1,6 +1,7 @@
 export * from "./AutoplayButton";
 export * from "./BlackButton";
 export * from "./CollectButton";
+export * from "./GambleButton";
 export * from "./InfoButton";
 export * from "./MoreButton";
 export * from "./NegButton";
@@ -9,4 +10,5 @@ export * from "./RedButton";
 export * from "./RefreshButton";
 export * from "./SpeedControlButton";
 export * from "./SpinConfirmationButton";
+export * from "./TakeButton";
 export * from "./VolumeButton";

package/dist/components/buttons/registrynames.d.ts

@@ -9,7 +9,9 @@ export declare const BUTTONS: {
     readonly info: "infoButton";
     readonly more: "moreButton";
     readonly gamble: "gambleButton";
+    readonly take: "takeButton";
     readonly volume: "volumeButton";
+    readonly autoplay: "autoplayButton";
 };
 /**
  *  Button groups in Rainman Registry

package/dist/components/buttons/registrynames.js

@@ -9,7 +9,9 @@ export const BUTTONS = {
     info: "infoButton",
     more: "moreButton",
     gamble: "gambleButton",
-    volume: "volumeButton"
+    take: "takeButton",
+    volume: "volumeButton",
+    autoplay: "autoplayButton"
 };
 /**
  *  Button groups in Rainman Registry

package/dist/components/frame/AbstractColumnsContainer.js

@@ -74,6 +74,7 @@ export class AbstractColumnsContainer extends Container {
      */
     enableQuickReelsStop() {
         this.quickReelsStop = true;
+        RainMan.settingsStore.setIsTemporarySpeed(true);
         RainMan.componentRegistry.setTemporarySpeedLevel(SPEED_LEVELS.fast);
         this.skipScatterDelay?.();
         this.resolveMysterySpeedUp();

package/dist/components/messageBox/MessageBox.js

@@ -47,10 +47,10 @@ export class MessageBox extends Container {
         this.positioningFrame.drawRect(0, 0, 800, 150);
         this.addChild(this.positioningFrame);
         this.parentLayer = UXLayer;
-        this.freeSpinText = new UpdatableTextComponent(MessageBox.freeSpinTextRegistryName, i18n.t("currentFreeSpins"), UPDATABLE_MODES.int, fontSize, new Color(0xffffff).toHex(), () => this.centerTextOnX(this.freeSpinText));
-        this.autoSpinText = new UpdatableTextComponent(MessageBox.autoSpinTextRegistryName, i18n.t("autoSpinsLeft"), UPDATABLE_MODES.int, fontSize, new Color(0xffffff).toHex(), () => this.centerTextOnX(this.autoSpinText));
-        this.currentWinText = new UpdatableTextComponent(MessageBox.currentWinTextRegistryName, i18n.t("currentWin"), UPDATABLE_MODES.money, fontSize, undefined, () => this.centerTextOnX(this.currentWinText));
-        this.possibleWinText = new UpdatableTextComponent(MessageBox.possibleWinTextRegistryName, i18n.t("possibleWin"), UPDATABLE_MODES.money, fontSize, undefined, () => this.centerTextOnX(this.possibleWinText));
+        this.freeSpinText = new UpdatableTextComponent(MessageBox.freeSpinTextRegistryName, i18n.t("currentFreeSpins"), UPDATABLE_MODES.int, fontSize - 5, new Color(0xffffff).toHex(), () => this.centerTextOnX(this.freeSpinText));
+        this.autoSpinText = new UpdatableTextComponent(MessageBox.autoSpinTextRegistryName, i18n.t("autoSpinsLeft"), UPDATABLE_MODES.int, fontSize - 5, new Color(0xffffff).toHex(), () => this.centerTextOnX(this.autoSpinText));
+        this.currentWinText = new UpdatableTextComponent(MessageBox.currentWinTextRegistryName, i18n.t("currentWin"), UPDATABLE_MODES.money, fontSize + 15, undefined, () => this.centerTextOnX(this.currentWinText));
+        this.possibleWinText = new UpdatableTextComponent(MessageBox.possibleWinTextRegistryName, i18n.t("possibleWin"), UPDATABLE_MODES.money, fontSize + 15, undefined, () => this.centerTextOnX(this.possibleWinText));
         this.incentiveText = new Text(sample(i18n.t("idleMessages", { returnObjects: true })[RainMan.componentRegistry.getSpeedLevel()]), {
             fontFamily: RainMan.config.fontFace,
             fontSize,
@@ -218,7 +218,7 @@ export class MessageBox extends Container {
             return;
         }
         this.autoSpinShown = true;
-        this.autoSpinText.set(RainMan.settingsStore.howManyAutoSpinsLeft);
+        this.autoSpinText.setStringValue(RainMan.settingsStore.infinitySpinsEnabled ? "∞" : RainMan.settingsStore.howManyAutoSpinsLeft.toString());
         this.centerTextOnX(this.autoSpinText);
         this.addChild(this.autoSpinText);
     }
@@ -286,8 +286,8 @@ export class MessageBox extends Container {
         this.hideFreeSpinText();
         this.hideAutoSpinText();
         const fontSize = getDeviceOrientation().includes("mobile")
-            ? RainMan.config.mobileFontSize
-            : RainMan.config.fontSize;
+            ? RainMan.config.mobileFontSize - 5
+            : RainMan.config.fontSize - 5;
         const winLineTextStyle = {
             fontFamily: RainMan.config.fontFace,
             fontSize,

package/dist/components/symbols/AbstractSymbolBase.js

@@ -3,7 +3,7 @@ import { Spine } from "pixi-spine";
 import { animationsSpeedLevels, defaultSpeedConfig, SoundManager, SoundTracks } from "../../application";
 import { AnimationLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
-import { getSpineData, getTexture, logError, togglePaytable } from "../../utils";
+import { getSpineData, getTexture, logError, UI_ITEMS } from "../../utils";
 /**
  * Class represents symbol which is displayed in columns
  * @abstract
@@ -284,7 +284,7 @@ export class AbstractSymbolBase extends Container {
             const { x, y } = this.getGlobalPosition();
             RainMan.settingsStore.repositionSymbolPaytablePopup(x, y);
         });
-        togglePaytable();
+        RainMan.settingsStore.handleModalInvocation?.(UI_ITEMS.symbolPayTable);
     }
     /**
      * Function for setting the symbol.

package/dist/components/winLineIndicator/WinLineIndicator.js

@@ -27,9 +27,9 @@ export class WinLineIndicator extends Container {
             current.anchor.set(0);
             if (previous)
                 current.x += previous.x + previous.width;
-            current.y -= current.height / 2;
+            current.y -= current.height / 2 - 5;
         }
-        this.text.y -= this.text.height / 2;
+        this.text.y -= this.text.height / 2 - 5;
         const lastSymbol = last(this.symbols);
         if (lastSymbol) {
             this.text.x = lastSymbol.x + lastSymbol.width + WinLineIndicator.OFFSET;

package/dist/controllers/AbstractController.d.ts

@@ -31,6 +31,7 @@ export declare abstract class AbstractController<T> {
     protected currentlyPlayedAction: (Promise<void> | Promise<void[]>) | undefined;
     protected currentlyPlayedActionType: T | undefined;
     protected isPlayingUnskippableStreak: boolean;
+    protected shouldAutoplayFreeSpins: boolean;
     protected isLoopingWinActionsQueue: boolean;
     protected gamePhase: GamePhase;
     protected autoSpinBalance: number;
@@ -78,6 +79,13 @@ export declare abstract class AbstractController<T> {
      * @returns {void}
      */
     private setupSpaceOrEnterListener;
+    /**
+     * This function sets up a listener for resize event
+     * It prevents buttons from being interacted with after a resize
+     * @private
+     * @returns {void}
+     */
+    private setupResizeListener;
     /**
      * Function for disabling bet buttons
      * @public

package/dist/controllers/AbstractController.js

@@ -30,6 +30,7 @@ export class AbstractController {
     currentlyPlayedAction;
     currentlyPlayedActionType;
     isPlayingUnskippableStreak = false;
+    shouldAutoplayFreeSpins = true;
     isLoopingWinActionsQueue = false;
     gamePhase = gamePhases.IDLE;
     autoSpinBalance = 0;
@@ -60,6 +61,7 @@ export class AbstractController {
         this.uiController = new UiController(this.config);
         this.componentRegistry = RainMan.componentRegistry;
         this.setupSpaceOrEnterListener();
+        this.setupResizeListener();
         this.roundNumber = initData.round_number;
         RainMan.settingsStore.setRoundNumber(this.roundNumber);
         RainMan.globals.handleDisablingButtons = this.handleDisablingButtons.bind(this);
@@ -94,14 +96,16 @@ export class AbstractController {
         this.buttonsEventManager.initFreeSpinModal();
         this.buttonsEventManager.setUpUIElementsInteractivity();
         this.buttonsEventManager.setConfirmAutoplayButton(() => {
-            if (RainMan.settingsStore.isAutoplayEnabled)
+            if (RainMan.settingsStore.isAutoplayEnabled) {
                 return;
+            }
             RainMan.settingsStore.setAutoPlayEnabledFlag(true);
             RainMan.componentRegistry.get(AutoplayButton.registryName).activate(true);
             RainMan.componentRegistry.get(BUTTONS.plus).flipDisabledFlag(true);
             RainMan.componentRegistry.get(BUTTONS.neg).flipDisabledFlag(true);
             this.throttledSpin();
         });
+        SoundManager.setPlayStatus(SoundTracks.music, RainMan.settingsStore.shouldPlayAmbientMusic);
         this.changeGamePhase(gamePhases.IDLE);
     }
     /**
@@ -150,6 +154,19 @@ export class AbstractController {
             }
         });
     }
+    /**
+     * This function sets up a listener for resize event
+     * It prevents buttons from being interacted with after a resize
+     * @private
+     * @returns {void}
+     */
+    setupResizeListener() {
+        window.addEventListener("resize", () => {
+            if (this.shouldBetButtonsBeDisabled) {
+                this.handleDisablingButtons(true);
+            }
+        });
+    }
     /**
      * Function for disabling bet buttons
      * @public
@@ -216,7 +233,12 @@ export class AbstractController {
      */
     handleDisablingButtons(disabled) {
         this.disableBetButtons(disabled ?? this.shouldBetButtonsBeDisabled);
-        this.disableSpeedButton(disabled ?? this.shouldButtonsBeDisabled);
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
+            this.disableSpeedButton(false);
+        }
+        else {
+            this.disableSpeedButton(disabled ?? this.shouldButtonsBeDisabled);
+        }
         this.disableInformationButtons(disabled ?? this.shouldButtonsBeDisabled);
     }
     /**
@@ -231,9 +253,22 @@ export class AbstractController {
         this.buttonsEventManager.initAutoplayButtonEvent();
         if (RainMan.componentRegistry.has(BUTTONS.gamble)) {
             this.buttonsEventManager.initGambleButton(() => {
-                RainMan.settingsStore.gambleGameUsed = true;
+                RainMan.settingsStore.isGambleGameAvailable = false;
                 this.mainContainer.invokeGambleGame();
-            }, this.lastWinAmount === 0);
+            }, this.lastWinAmount === 0 || !RainMan.settingsStore.isGambleGameAvailable);
+        }
+        if (RainMan.componentRegistry.has(BUTTONS.take)) {
+            this.buttonsEventManager.initTakeButton(() => {
+                RainMan.settingsStore.useTakeAction?.();
+                RainMan.settingsStore.isTakeActionAvailable = false;
+                RainMan.settingsStore.isGambleGameAvailable = false;
+                if (RainMan.componentRegistry.has(BUTTONS.gamble)) {
+                    RainMan.componentRegistry.get(BUTTONS.gamble).flipDisabledFlag(true);
+                }
+                RainMan.componentRegistry
+                    .get(BUTTONS.take)
+                    .flipDisabledFlag(!RainMan.settingsStore.isTakeActionAvailable);
+            }, !RainMan.settingsStore.isTakeActionAvailable);
         }
         RainMan.componentRegistry.get(SpeedControlButton.registryName).setOnClick(() => {
             this.quickStopController.speedPopupDisabled = true;
@@ -256,21 +291,26 @@ export class AbstractController {
         }
         if (getDeviceOrientation().includes("mobile")) {
             RainMan.componentRegistry.get(BUTTONS.plus).setOnClick(() => {
-                if (isFreeSpinsBought || isFreeSpinsPlayEnabled || betChangeDisabled)
+                if (isFreeSpinsBought || isFreeSpinsPlayEnabled || betChangeDisabled) {
                     return;
+                }
                 RainMan.settingsStore.handleModalInvocation?.(UI_ITEMS.bet);
             });
             return;
         }
         RainMan.componentRegistry.get(BUTTONS.plus).setOnClick(() => {
-            if (isFreeSpinsBought || isFreeSpinsPlayEnabled || betChangeDisabled)
+            if (isFreeSpinsBought || isFreeSpinsPlayEnabled || betChangeDisabled) {
                 return;
+            }
             this.uiController.updateBet("increase");
+            RainMan.settingsStore.closeOtherModals?.("");
         });
         RainMan.componentRegistry.get(BUTTONS.neg).setOnClick(() => {
-            if (isFreeSpinsBought || isFreeSpinsPlayEnabled || betChangeDisabled)
+            if (isFreeSpinsBought || isFreeSpinsPlayEnabled || betChangeDisabled) {
                 return;
+            }
             this.uiController.updateBet("decrease");
+            RainMan.settingsStore.closeOtherModals?.("");
         });
     }
     /**
@@ -425,8 +465,9 @@ export class AbstractController {
     setMessageBoxBasedOnPhase(phase) {
         if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
             this.uiController.messageBox.showCurrentWinText();
-            if (!this.hideFreeSpinsMessageBox)
+            if (!this.hideFreeSpinsMessageBox) {
                 this.uiController.messageBox.showFreeSpinText();
+            }
             return;
         }
         switch (phase) {
@@ -443,13 +484,11 @@ export class AbstractController {
         }
         if (RainMan.settingsStore.isAutoplayEnabled) {
             const autoSpinText = RainMan.componentRegistry.get(MessageBox.autoSpinTextRegistryName);
-            if (RainMan.settingsStore.infinitySpinsEnabled) {
-                autoSpinText.setStringValue("∞");
+            autoSpinText.setStringValue(RainMan.settingsStore.infinitySpinsEnabled ? "∞" : RainMan.settingsStore.howManyAutoSpinsLeft.toString());
+            if (!RainMan.settingsStore.isFreeSpinsPlayEnabled) {
+                this.uiController.messageBox.showAutoSpinText();
             }
-            else {
-                autoSpinText.set(RainMan.settingsStore.howManyAutoSpinsLeft);
-            }
-            this.uiController.messageBox.showAutoSpinText();
+            return;
         }
     }
     /**
@@ -562,6 +601,7 @@ export class AbstractController {
      * @returns {void}
      */
     throttledSpin() {
+        this.columnsContainer.setInteractivityForSymbols(false);
         this.handleDisablingButtons(true);
         RainMan.globals.shouldShowModals = false;
         const elementsToSkipHide = [];
@@ -628,10 +668,12 @@ export class AbstractController {
      */
     autoplaySpin() {
         RainMan.globals.shouldShowModals = false;
+        const autoSpinText = RainMan.componentRegistry.get(MessageBox.autoSpinTextRegistryName);
+        autoSpinText.setStringValue(RainMan.settingsStore.infinitySpinsEnabled ? "∞" : RainMan.settingsStore.howManyAutoSpinsLeft.toString());
         if (!RainMan.settingsStore.howManyAutoSpinsLeft) {
             return;
         }
-        if (!RainMan.settingsStore.infinitySpinsEnabled) {
+        if (!RainMan.settingsStore.infinitySpinsEnabled || !RainMan.settingsStore.isFreeSpinsPlayEnabled) {
             RainMan.settingsStore.decreaseAutoSpinsCount();
         }
         if (RainMan.settingsStore.howManyAutoSpinsLeft === 0) {
@@ -771,11 +813,16 @@ export class AbstractController {
      * @returns {void}
      */
     gambleGameEnabler(winAmount) {
-        if (RainMan.componentRegistry.has(BUTTONS.gamble) && !RainMan.settingsStore.gambleGameUsed) {
+        if (RainMan.componentRegistry.has(BUTTONS.gamble) && RainMan.settingsStore.isGambleGameAvailable) {
             RainMan.componentRegistry
                 .get(BUTTONS.gamble)
                 .flipDisabledFlag(RainMan.settingsStore.isFreeSpinsPlayEnabled || winAmount === 0);
         }
+        if (RainMan.componentRegistry.has(BUTTONS.take) && RainMan.settingsStore.isTakeActionAvailable) {
+            RainMan.componentRegistry
+                .get(BUTTONS.take)
+                .flipDisabledFlag(RainMan.settingsStore.isFreeSpinsPlayEnabled || winAmount === 0);
+        }
     }
     /**
      * Function for spin logic of the game
@@ -792,6 +839,7 @@ export class AbstractController {
      * @returns {Promise<void>}
      */
     async spin() {
+        this.columnsContainer.setInteractivityForSymbols(false);
         RainMan.globals.shouldShowModals = false;
         if (this.uiController.currentBalance < RainMan.settingsStore.bet &&
             !RainMan.settingsStore.isFreeSpinsPlayEnabled) {
@@ -839,6 +887,7 @@ export class AbstractController {
         this.changeGamePhase(gamePhases.SPINNING);
         this.uiController.resetWinAmount();
         await this.onSpinningStart();
+        RainMan.settingsStore.disableSpecialButtons();
         this.columnsContainer.clearQuickReelsStop();
         this.columnsContainer.blindSpin();
         this.clearAndDestroyActions();
@@ -849,9 +898,17 @@ export class AbstractController {
         this.hideFreeSpinsMessageBox = availableFreeSpinsIncreased;
         if (this._lastWinAmount !== 0) {
             RainMan.settingsStore.isTakeActionAvailable = true;
+            RainMan.settingsStore.isGambleGameAvailable = true;
         }
         else {
             RainMan.settingsStore.isTakeActionAvailable = false;
+            RainMan.settingsStore.isGambleGameAvailable = false;
+        }
+        if (RainMan.settingsStore.howManyFreeSpinsLeft === 0 &&
+            availableFreeSpinsIncreased &&
+            !RainMan.settingsStore.isFreeSpinsPlayEnabled) {
+            RainMan.componentRegistry.setSpeedLevel(SPEED_LEVELS.slow);
+            this.disableSpeedButton(false);
         }
         if (!availableFreeSpinsIncreased) {
             this.uiController.updateShownFreeSpinAmount(availableFreeSpins);
@@ -898,6 +955,7 @@ export class AbstractController {
         logInfo("🔴 spinning end");
         logGroupEnd();
         await this.onSpinningEnd(spinLogic);
+        this.gambleGameEnabler(this.lastWinAmount);
         this.winActionsQueue = [];
         this.spinning = false;
         this.isSpinThrottled = false;
@@ -931,18 +989,27 @@ export class AbstractController {
             await this.handleFreeSpinSummaryPlateInvocation();
         }
         await this.performActionsAfterSpin();
-        if (RainMan.settingsStore.isAutoplayEnabled) {
+        if (RainMan.settingsStore.isAutoplayEnabled ||
+            (RainMan.settingsStore.howManyFreeSpinsLeft !== 0 && this.shouldAutoplayFreeSpins)) {
             this.handleAutoplayLogic();
         }
         RainMan.settingsStore.setRoundNumber(this.roundNumber);
         this.handleDisablingButtons();
         if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
+            this.disableAutoplayButton(true);
+            this.uiController.messageBox.hideAutoSpinText();
+        }
+        else {
             this.disableAutoplayButton(false);
         }
         await this.performActionsAfterAllActions();
+        if (RainMan.settingsStore.isTemporarySpeed) {
+            RainMan.settingsStore.setIsTemporarySpeed(false);
+        }
         RainMan.settingsStore.setModalsAvailability(true);
         RainMan.globals.shouldShowModals = true;
         RainMan.settingsStore.setIsPlayingAnyAction(false);
+        this.columnsContainer.setInteractivityForSymbols(true);
     }
     /**
      *  Function for invoking free spin plate, invoked in mainContainer
@@ -1032,10 +1099,9 @@ export class AbstractController {
      * @returns {void}
      */
     unlockLogicAfterSpinning() {
-        if (RainMan.settingsStore.isAutoplayEnabled) {
+        if (RainMan.settingsStore.isAutoplayEnabled || RainMan.settingsStore.isFreeSpinsPlayEnabled) {
             return;
         }
-        this.columnsContainer.setInteractivityForSymbols(true);
     }
     /**
      * Function for stopping playing symbols streak
@@ -1300,7 +1366,9 @@ export class AbstractController {
      * @returns {Promise<void>}
      */
     async handleLoopingWinActionQueue() {
-        if (RainMan.settingsStore.isAutoplayEnabled || this.invokeFreeSpinPlateAfterWin) {
+        if (RainMan.settingsStore.isAutoplayEnabled ||
+            this.invokeFreeSpinPlateAfterWin ||
+            RainMan.settingsStore.isFreeSpinsPlayEnabled) {
             return;
         }
         this.isLoopingWinActionsQueue = true;

package/dist/stores/SettingsStore.d.ts

@@ -28,7 +28,7 @@ export declare class SettingsStore {
     roundNumber: number;
     HiResolutionFlag: boolean;
     batterySaverFlag: boolean;
-    gambleGameUsed: boolean;
+    isGambleGameAvailable: boolean;
     isGambleGameActive: boolean;
     gambleGameWin: number;
     containersWithSpines: (ResumableContainer | SpineWithResumableContainer | SpriteWithResumableContainer)[];
@@ -45,10 +45,12 @@ export declare class SettingsStore {
     popupPaytableData?: PaytableData[];
     currentSpeed: SpeedLevel;
     isPlayingAnyAction: boolean;
+    isTemporarySpeed: boolean;
     setSpeedPopupVisibility?: (visibility: "flex" | "none") => void;
     popupPaytableRepositionCallback?: () => void;
     updateVolumeButtonTexture?: () => void;
     handleModalInvocation?: (layerId: string) => void;
+    closeOtherModals?: (layerId: string) => void;
     handleInvokeFreeSpinPlate?: (freeSpinAmount: number, isAdditionalFreeSpin: boolean) => Promise<void>;
     increaseBet?: () => void;
     decreaseBet?: () => void;
@@ -84,6 +86,12 @@ export declare class SettingsStore {
      * @returns {void}
      */
     addCumulativeWinAmount(amount: number): void;
+    /**
+     * Disables special buttons like gamble and take.
+     * @public
+     * @returns {void}
+     */
+    disableSpecialButtons(): void;
     /**
      * Swaps the bet change disabled flag.
      * @public
@@ -174,6 +182,13 @@ export declare class SettingsStore {
      * @returns {void}
      */
     setHiResolutionFlag(flag: boolean): void;
+    /**
+     * Sets the temporary speed flag.
+     * @public
+     * @param {boolean} flag - New value temporary speed flag.
+     * @returns {void}
+     */
+    setIsTemporarySpeed(flag: boolean): void;
     /**
      * Sets the speed level.
      * @public

package/dist/stores/SettingsStore.js

@@ -1,6 +1,7 @@
 import { first, last, range } from "lodash";
 import { action, computed, makeAutoObservable } from "mobx";
 import { SoundManager, SoundTracks } from "../application";
+import { BUTTONS } from "../components";
 import { PaytableTypes } from "../constants";
 import { getFromLocalStorage, LOCAL_STORAGE, removeFromLocalStorage, setToLocalStorage } from "../localStorage";
 import { RainMan } from "../Rainman";
@@ -31,7 +32,7 @@ export class SettingsStore {
     roundNumber = 0;
     HiResolutionFlag = getFromLocalStorage(LOCAL_STORAGE.hiResolution, true);
     batterySaverFlag = getFromLocalStorage(LOCAL_STORAGE.batterySaver, false);
-    gambleGameUsed = false;
+    isGambleGameAvailable = true;
     isGambleGameActive = false;
     gambleGameWin = 0;
     containersWithSpines = [];
@@ -43,15 +44,17 @@ export class SettingsStore {
     howManyFreeSpinsLeft = 0;
     howManyAutoSpinsLeft = INITIAL_AUTO_SPIN_COUNT;
     freeSpinBuyTable = {};
-    volumeLevel = getFromLocalStorage(LOCAL_STORAGE.volumeLevel, 100);
+    volumeLevel = Number(getFromLocalStorage(LOCAL_STORAGE.volumeLevel, 100));
     popupPaytablePosition;
     popupPaytableData;
     currentSpeed = "slow";
     isPlayingAnyAction = false;
+    isTemporarySpeed = false;
     setSpeedPopupVisibility;
     popupPaytableRepositionCallback;
     updateVolumeButtonTexture;
     handleModalInvocation;
+    closeOtherModals;
     handleInvokeFreeSpinPlate;
     increaseBet;
     decreaseBet;
@@ -142,6 +145,21 @@ export class SettingsStore {
     addCumulativeWinAmount(amount) {
         this.cumulativeWinAmount = this.cumulativeWinAmount + amount;
     }
+    /**
+     * Disables special buttons like gamble and take.
+     * @public
+     * @returns {void}
+     */
+    disableSpecialButtons() {
+        if (RainMan.componentRegistry.has(BUTTONS.gamble)) {
+            RainMan.settingsStore.isGambleGameAvailable = false;
+            RainMan.componentRegistry.get(BUTTONS.gamble).flipDisabledFlag(true);
+        }
+        if (RainMan.componentRegistry.has(BUTTONS.take)) {
+            RainMan.settingsStore.isTakeActionAvailable = false;
+            RainMan.componentRegistry.get(BUTTONS.take).flipDisabledFlag(true);
+        }
+    }
     /**
      * Swaps the bet change disabled flag.
      * @public
@@ -235,8 +253,9 @@ export class SettingsStore {
      */
     setShouldPlayFxSounds(flag, saveToLocalStorage = true) {
         this.shouldPlayFxSounds = flag;
-        if (!flag)
+        if (!flag) {
             SoundManager.stopPlayingFxSounds();
+        }
         this.updateVolumeButtonTexture?.();
         if (saveToLocalStorage) {
             setToLocalStorage(LOCAL_STORAGE.isSoundFxEnabled, flag);
@@ -274,7 +293,7 @@ export class SettingsStore {
      * @returns {boolean} True if sound is enabled, false otherwise.
      */
     isSoundEnabled() {
-        return this.shouldPlayFxSounds || this.shouldPlayAmbientMusic;
+        return this.shouldPlayAmbientMusic || this.shouldPlayFxSounds;
     }
     /**
      * Sets the full screen flag and enlarges the game container.
@@ -305,6 +324,15 @@ export class SettingsStore {
         changeResolution(flag);
         window.dispatchEvent(new Event("resize"));
     }
+    /**
+     * Sets the temporary speed flag.
+     * @public
+     * @param {boolean} flag - New value temporary speed flag.
+     * @returns {void}
+     */
+    setIsTemporarySpeed(flag) {
+        this.isTemporarySpeed = flag;
+    }
     /**
      * Sets the speed level.
      * @public
@@ -479,6 +507,9 @@ export class SettingsStore {
      * @returns {void}
      */
     decreaseAutoSpinsCount() {
+        if (this.infinitySpinsEnabled || this.isFreeSpinsPlayEnabled) {
+            return;
+        }
         this.howManyAutoSpinsLeft -= 1;
     }
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixi-rainman-game-engine",
-    "version": "0.3.1",
+    "version": "0.3.3b",
     "description": "This repository contains all of the mechanics that used in rainman games.",
     "main": "./dist/index.js",
     "module": "./dist/index.js",