pixi-rainman-game-engine 0.3.38 → 0.3.39-beta.1

package/dist/ComponentRegistry/ComponentRegistry.js

@@ -1,5 +1,5 @@
 import { isIncentiveComponentInterface, isSpeedAdapterInterface, SpeedLevelHandler, TimedIncentiveController } from "../application";
-import { AbstractSymbolsColumn, SpeedControlButton } from "../components";
+import { AbstractSymbolsColumn, SpeedControlButton, SpeedControlButtonMobile } from "../components";
 import { RainMan } from "../Rainman";
 import { openFullscreen } from "../utils";
 /**
@@ -60,7 +60,8 @@ export class ComponentRegistry {
         this.speedLevelHandler.nextSpeed();
         RainMan.settingsStore.setSpeedLevel(this.speedLevelHandler.currentSpeed);
         this.updateAllSpeedAdaptable(RainMan.settingsStore.currentSpeed);
-        this.get(SpeedControlButton.registryName).forceTextureUpdate();
+        this.getIfExists(SpeedControlButton.registryName)?.forceTextureUpdate();
+        this.getIfExists(SpeedControlButtonMobile.registryName)?.forceTextureUpdate();
     }
     /**
      * Getter for current speed level

package/dist/ComponentRegistry/types.d.ts

@@ -1,4 +1,4 @@
-import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, GambleButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, StylefulUpdatableText, TakeButton, UpdatableTextComponent, UpdatableValueComponent, VolumeButton } from "../components";
+import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, GambleButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, SpeedControlButtonMobile, 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.
@@ -11,6 +11,7 @@ export interface RegistryMap {
     [MessageBox.gamePaysTextRegistryName]: UpdatableTextComponent;
     [MessageBox.registryName]: MessageBox;
     [SpeedControlButton.registryName]: SpeedControlButton;
+    [SpeedControlButtonMobile.registryName]: SpeedControlButtonMobile;
     [Background.registryName]: Background;
     [VolumeButton.registryName]: VolumeButton;
     [AutoplayButton.registryName]: AutoplayButton;

package/dist/ComponentRegistry/types.js

@@ -1 +1 @@
-import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, VolumeButton } from "../components";
+import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, SpeedControlButtonMobile, VolumeButton } from "../components";

package/dist/Rainman/Rainman.js

@@ -37,7 +37,7 @@ export class RainMan {
             isSuperBonusGameEnabled: false
         };
         this.initLocalStorageSettings();
-        RainMan.settingsStore.setHiResolutionFlag(false);
+        RainMan.settingsStore.refreshBatterySaver();
     }
     /**
      * Method for genereting a token or getting existing token for the game session.
@@ -57,13 +57,11 @@ export class RainMan {
         }
     }
     initLocalStorageSettings() {
-        setIfDoesntExistInLocalStorage(LOCAL_STORAGE.hiResolution, false);
         setIfDoesntExistInLocalStorage(LOCAL_STORAGE.batterySaver, false);
         setIfDoesntExistInLocalStorage(LOCAL_STORAGE.volumeLevel, 100);
         setToLocalStorage(LOCAL_STORAGE.isSoundFxEnabled, true);
         setToLocalStorage(LOCAL_STORAGE.isSoundEnabled, true);
         setToLocalStorage(LOCAL_STORAGE.isSoundFxEnabled, true);
         setToLocalStorage(LOCAL_STORAGE.isAmbientMusicEnabled, true);
-        setToLocalStorage(LOCAL_STORAGE.hiResolution, false);
     }
 }

package/dist/Rainman/appConfig.js

@@ -49,7 +49,6 @@ export const defaultAppConfig = {
         bonusWinMinimumTime: 2000,
         superBonusWinMinimumTime: 2000,
         superBonusWinPhaseTimeout: 2600,
-        speedPopupVisibleTime: 2000,
         minAnimationTime: 1000
     },
     constants: {

package/dist/Rainman/types.d.ts

@@ -57,7 +57,6 @@ export type OptionalAppConfig = {
         bonusWinMinimumTime: number;
         superBonusWinPhaseTimeout: number;
         superBonusWinMinimumTime: number;
-        speedPopupVisibleTime: number;
         minAnimationTime: number;
     };
     constants: {
@@ -78,7 +77,6 @@ export interface Globals {
     loadingContainerReference?: AbstractLoadingContainer;
     getWebSocketConnection?: () => WebSocket;
     actionsAfterClosureWebSocket?: () => void;
-    disableSpeedPopup?: (value: boolean) => void;
     handleDisablingButtons?: (value?: boolean) => void;
     throttledSpin?: () => void;
     handleSpinLogic?: () => void;

package/dist/SettingsUI/components/CloseModalButton/index.jsx

@@ -1,7 +1,6 @@
 import "./closeModalButton.css";
 import { observer } from "mobx-react-lite";
 import React from "react";
-import { UI_ITEMS } from "../../../utils";
 import { useStores } from "../../hooks";
 export const CloseModalButton = observer(({ layerId, afterClose }) => {
     const { settingStore } = useStores();
@@ -9,10 +8,6 @@ export const CloseModalButton = observer(({ layerId, afterClose }) => {
     const isBetDisabled = isFreeSpinsPlayEnabled || betChangeDisabled || isFreeSpinsBought;
     const onClose = () => {
         settingStore.handleModalInvocation?.(layerId);
-        if (layerId === UI_ITEMS.speedSettings) {
-            settingStore.setSpeedPopupVisibility?.("none");
-            settingStore.isSpeedModalShown = false;
-        }
         if (!isBetDisabled) {
             settingStore.enableButtons?.();
         }

package/dist/SettingsUI/components/UXSettings/index.jsx

@@ -22,9 +22,6 @@ export const UXSettings = observer(() => {
                 <div className="ux-settings__switch">
                     <SwitchWithHeader header="Full screen mode" description="Turn on or off game fullscreen" flag={settingStore.fullScreenFlag} setFlag={settingStore.setFullScreenFlag}/>
                 </div>
-                <div className="ux-settings__switch">
-                    <SwitchWithHeader header="HI resolution" description="Enable high resolution files" flag={settingStore.HiResolutionFlag} setFlag={settingStore.setHiResolutionFlag}/>
-                </div>
             </div>
         </div>);
 });

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

@@ -5,7 +5,6 @@ export * from "./CloseModalButton";
 export * from "./GameRules";
 export * from "./OptionButton";
 export * from "./SlidingSwitch";
-export * from "./SpeedSettingsPopup";
 export * from "./SwitchWithHeader";
 export * from "./SymbolMultiplierPopup";
 export * from "./UXSettings";

package/dist/SettingsUI/components/index.jsx

@@ -5,7 +5,6 @@ export * from "./CloseModalButton";
 export * from "./GameRules";
 export * from "./OptionButton";
 export * from "./SlidingSwitch";
-export * from "./SpeedSettingsPopup";
 export * from "./SwitchWithHeader";
 export * from "./SymbolMultiplierPopup";
 export * from "./UXSettings";

package/dist/SettingsUI/index.jsx

@@ -1,7 +1,7 @@
 import "./index.css";
 import React from "react";
 import { UI_ITEMS } from "../utils";
-import { AutoplaySettings, BetSettings, BuyFreeSpinModal, GameRules, SpeedSettingsPopup, SymbolMultiplierPopup, VolumeSettings } from "./components";
+import { AutoplaySettings, BetSettings, BuyFreeSpinModal, GameRules, SymbolMultiplierPopup, VolumeSettings } from "./components";
 import { SystemSettingsComponent } from "./SystemSettings/SystemSettingsComponent";
 export const SettingsUI = () => {
     return (<>
@@ -17,11 +17,6 @@ export const SettingsUI = () => {
             <div id={UI_ITEMS.autoplay} className="modal modal-style">
                 <AutoplaySettings />
             </div>
-            <div id={UI_ITEMS.speedSettings} className=" modal-overlay">
-                <div className="speed-settings-modal modal-style">
-                    <SpeedSettingsPopup />
-                </div>
-            </div>
             <div id={UI_ITEMS.symbolPayTable}>
                 <SymbolMultiplierPopup />
             </div>

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

@@ -29,12 +29,6 @@ export declare class ButtonsEventManager {
      * @memberof ButtonsEventManager
      */
     private lastLayerInvoked;
-    /**
-     * Speed popup shown at for measuring time of showing speed popup
-     * @public
-     * @memberof ButtonsEventManager
-     */
-    speedPopupShownAt: number;
     /**
      * Function for enabling/disabling buttons in game
      * @private
@@ -57,13 +51,6 @@ export declare class ButtonsEventManager {
      */
     disableButtons: () => void;
     constructor();
-    /**
-     * Method for initializing events in Settings UI
-     * This method also change the incentive text based on the selected speed level
-     * @public
-     * @returns {void}
-     */
-    initSettingsEvents(): void;
     /**
      * Method for setting up animated background
      * @public
@@ -134,13 +121,12 @@ export declare class ButtonsEventManager {
      */
     initTakeButton(onClick: () => void, disabled: boolean): void;
     /**
-     * Function for displaying speed modal
-     * This modal is used while doing turbo spin
+     * Method for initializing events in Settings UI
+     * This method also change the incentive text based on the selected speed level
      * @public
-     * @param {("flex" | "none")} displayValue - flag for displaying modal
      * @returns {void}
      */
-    setSpeedPopupVisibility(displayValue: "flex" | "none"): void;
+    initSettingsEvents(): void;
     /**
      * Function for handling autostart conformation
      * @public

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -1,10 +1,9 @@
 import i18n from "i18next";
 import { sample } from "lodash";
-import { SoundManager, SoundTracks } from "../../application";
+import { SoundManager, SoundTracks, SPEED_LEVELS } from "../../application";
 import { AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, MessageBox, VolumeButton } from "../../components";
 import { RainMan } from "../../Rainman";
 import { allUiItems, hideLayerIfPresent, UI_ITEMS, wait } from "../../utils";
-import { SPEED_LEVELS } from "../SpeedState";
 /** @ignore */
 export const SPEED_PREFIX = "speed-";
 /**
@@ -34,12 +33,6 @@ export class ButtonsEventManager {
      * @memberof ButtonsEventManager
      */
     lastLayerInvoked = "";
-    /**
-     * Speed popup shown at for measuring time of showing speed popup
-     * @public
-     * @memberof ButtonsEventManager
-     */
-    speedPopupShownAt = 0;
     /**
      * Function for enabling/disabling buttons in game
      * @private
@@ -67,87 +60,10 @@ export class ButtonsEventManager {
     disableButtons = this.setButtonAvailability(true);
     constructor() {
         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);
         RainMan.settingsStore.closeCurrentlyOpenModal = this.closeCurrentlyOpenModal.bind(this);
     }
-    /**
-     * Method for initializing events in Settings UI
-     * This method also change the incentive text based on the selected speed level
-     * @public
-     * @returns {void}
-     */
-    initSettingsEvents() {
-        const messageBox = RainMan.componentRegistry.get(MessageBox.registryName);
-        if (this.settingsSpeedButton === null) {
-            const speedLevelButton = window.document.getElementsByClassName("speed-level-id");
-            if (speedLevelButton.length !== 0) {
-                const numberOfReactSpeedButtons = 2;
-                for (let i = 0; i < numberOfReactSpeedButtons; i++) {
-                    this.settingsSpeedButton = speedLevelButton.item(i);
-                    if (this.settingsSpeedButton) {
-                        this.settingsSpeedButton.addEventListener("click", () => {
-                            RainMan.componentRegistry.nextSpeedLevel();
-                            if (RainMan.settingsStore.currentSpeed === SPEED_LEVELS.fast ||
-                                RainMan.settingsStore.currentSpeed === SPEED_LEVELS.normal) {
-                                RainMan.globals.disableSpeedPopup?.(true);
-                            }
-                            messageBox.updateIncentiveText(sample(i18n.t("idleMessages", { returnObjects: true })[RainMan.componentRegistry.getSpeedLevel()]));
-                        });
-                    }
-                }
-            }
-        }
-        if (this.settingsSpeedTurtle === null) {
-            this.settingsSpeedTurtle = window.document.getElementById(`${SPEED_PREFIX}${SPEED_LEVELS.slow}`);
-            if (this.settingsSpeedTurtle !== null) {
-                this.settingsSpeedTurtle.addEventListener("click", () => {
-                    RainMan.componentRegistry.setSpeedLevel(SPEED_LEVELS.slow);
-                    this.setSpeedPopupVisibility("none");
-                    this.enableButtons();
-                    RainMan.settingsStore.isSpeedModalShown = false;
-                    messageBox.updateIncentiveText(i18n.t("turtleSelected"));
-                });
-            }
-        }
-        if (this.settingsSpeedRabbit === null) {
-            this.settingsSpeedRabbit = window.document.getElementById(`${SPEED_PREFIX}${SPEED_LEVELS.normal}`);
-            if (this.settingsSpeedRabbit !== null) {
-                this.settingsSpeedRabbit.addEventListener("click", () => {
-                    RainMan.componentRegistry.setSpeedLevel(SPEED_LEVELS.normal);
-                    this.setSpeedPopupVisibility("none");
-                    RainMan.settingsStore.isSpeedModalShown = false;
-                    this.enableButtons();
-                    messageBox.updateIncentiveText(i18n.t("rabbitSelected"));
-                    RainMan.globals.disableSpeedPopup?.(true);
-                });
-            }
-        }
-        if (this.settingsSpeedCheetah === null) {
-            this.settingsSpeedCheetah = window.document.getElementById(`${SPEED_PREFIX}${SPEED_LEVELS.fast}`);
-            if (this.settingsSpeedCheetah !== null) {
-                this.settingsSpeedCheetah.addEventListener("click", () => {
-                    RainMan.componentRegistry.setSpeedLevel(SPEED_LEVELS.fast);
-                    this.setSpeedPopupVisibility("none");
-                    this.enableButtons();
-                    RainMan.settingsStore.isSpeedModalShown = false;
-                    messageBox.updateIncentiveText(i18n.t("cheetahSelected"));
-                    RainMan.globals.disableSpeedPopup?.(true);
-                });
-            }
-        }
-        document.addEventListener("fullscreenchange", () => {
-            if (document.fullscreenElement) {
-                RainMan.settingsStore.setFullScreenFlag(true);
-                window.dispatchEvent(new Event("resize"));
-            }
-            else {
-                RainMan.settingsStore.setFullScreenFlag(false);
-                window.dispatchEvent(new Event("resize"));
-            }
-        });
-    }
     /**
      * Method for setting up animated background
      * @public
@@ -310,20 +226,71 @@ export class ButtonsEventManager {
         RainMan.componentRegistry.get(BUTTONS.take).flipDisabledFlag(disabled);
     }
     /**
-     * Function for displaying speed modal
-     * This modal is used while doing turbo spin
+     * Method for initializing events in Settings UI
+     * This method also change the incentive text based on the selected speed level
      * @public
-     * @param {("flex" | "none")} displayValue - flag for displaying modal
      * @returns {void}
      */
-    setSpeedPopupVisibility(displayValue) {
-        if (displayValue === "flex")
-            this.speedPopupShownAt = performance.now();
-        const spinSpeedSettingsLayer = window.document.getElementById(UI_ITEMS.speedSettings);
-        if (spinSpeedSettingsLayer !== null) {
-            RainMan.globals.handleDisablingButtons?.();
-            spinSpeedSettingsLayer.style.display = displayValue;
+    initSettingsEvents() {
+        const messageBox = RainMan.componentRegistry.get(MessageBox.registryName);
+        if (this.settingsSpeedButton === null) {
+            const speedLevelButton = window.document.getElementsByClassName("speed-level-id");
+            if (speedLevelButton.length !== 0) {
+                const numberOfReactSpeedButtons = 2;
+                for (let i = 0; i < numberOfReactSpeedButtons; i++) {
+                    this.settingsSpeedButton = speedLevelButton.item(i);
+                    if (this.settingsSpeedButton) {
+                        this.settingsSpeedButton.addEventListener("click", () => {
+                            RainMan.componentRegistry.nextSpeedLevel();
+                            messageBox.updateIncentiveText(sample(i18n.t("idleMessages", { returnObjects: true })[RainMan.componentRegistry.getSpeedLevel()]));
+                        });
+                    }
+                }
+            }
+        }
+        if (this.settingsSpeedTurtle === null) {
+            this.settingsSpeedTurtle = window.document.getElementById(`${SPEED_PREFIX}${SPEED_LEVELS.slow}`);
+            if (this.settingsSpeedTurtle !== null) {
+                this.settingsSpeedTurtle.addEventListener("click", () => {
+                    RainMan.componentRegistry.setSpeedLevel(SPEED_LEVELS.slow);
+                    this.enableButtons();
+                    RainMan.settingsStore.isSpeedModalShown = false;
+                    messageBox.updateIncentiveText(i18n.t("turtleSelected"));
+                });
+            }
         }
+        if (this.settingsSpeedRabbit === null) {
+            this.settingsSpeedRabbit = window.document.getElementById(`${SPEED_PREFIX}${SPEED_LEVELS.normal}`);
+            if (this.settingsSpeedRabbit !== null) {
+                this.settingsSpeedRabbit.addEventListener("click", () => {
+                    RainMan.componentRegistry.setSpeedLevel(SPEED_LEVELS.normal);
+                    RainMan.settingsStore.isSpeedModalShown = false;
+                    this.enableButtons();
+                    messageBox.updateIncentiveText(i18n.t("rabbitSelected"));
+                });
+            }
+        }
+        if (this.settingsSpeedCheetah === null) {
+            this.settingsSpeedCheetah = window.document.getElementById(`${SPEED_PREFIX}${SPEED_LEVELS.fast}`);
+            if (this.settingsSpeedCheetah !== null) {
+                this.settingsSpeedCheetah.addEventListener("click", () => {
+                    RainMan.componentRegistry.setSpeedLevel(SPEED_LEVELS.fast);
+                    this.enableButtons();
+                    RainMan.settingsStore.isSpeedModalShown = false;
+                    messageBox.updateIncentiveText(i18n.t("cheetahSelected"));
+                });
+            }
+        }
+        document.addEventListener("fullscreenchange", () => {
+            if (document.fullscreenElement) {
+                RainMan.settingsStore.setFullScreenFlag(true);
+                window.dispatchEvent(new Event("resize"));
+            }
+            else {
+                RainMan.settingsStore.setFullScreenFlag(false);
+                window.dispatchEvent(new Event("resize"));
+            }
+        });
     }
     /**
      * Function for handling autostart conformation

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

@@ -15,6 +15,7 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
     private overrides;
     readonly speedLevelMapper: SpeedLevelDirectory<SoundOverrides>;
     private musicCatalogue;
+    private currentAmbientTrack;
     constructor();
     /**
      * Function for loading sounds into pixi
@@ -36,6 +37,7 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
      * @returns {void}
      */
     stopPlayingFxSounds(): void;
+    stopSoundsForPageHide(): void;
     /**
      * Function for resuming and pausing sound in game
      * @public
@@ -57,6 +59,10 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
      * @returns {number} The volume level for the sound track.
      */
     getVolumeLevel(soundName: SoundTrack): number;
+    private isAmbientTrack;
+    private getOppositeAmbientTrack;
+    private getSound;
+    stopAmbientMusic(): void;
     /**
      * Function for resuming all sounds in game
      * If sound is not playing, it will be skipped

package/dist/application/SoundManager/SoundManager.js

@@ -25,6 +25,7 @@ export class SoundManagerInstance {
         slow: {}
     };
     musicCatalogue = new Map();
+    currentAmbientTrack = null;
     constructor() {
         this.overrides = this.speedLevelMapper.slow;
     }
@@ -88,6 +89,20 @@ export class SoundManagerInstance {
             sound.stop();
         }
     }
+    stopSoundsForPageHide() {
+        const music = this.getSound(SoundTracks.music);
+        const freeSpinsMusic = this.getSound(SoundTracks.freeSpinsMusic);
+        const isMusicPlaying = Boolean(music?.isPlaying && !music.paused);
+        const isFreeSpinsMusicPlaying = Boolean(freeSpinsMusic?.isPlaying && !freeSpinsMusic.paused);
+        if (isFreeSpinsMusicPlaying) {
+            this.currentAmbientTrack = SoundTracks.freeSpinsMusic;
+        }
+        else if (isMusicPlaying) {
+            this.currentAmbientTrack = SoundTracks.music;
+        }
+        this.stopAmbientMusic();
+        this.stopPlayingFxSounds();
+    }
     /**
      * Function for resuming and pausing sound in game
      * @public
@@ -108,24 +123,27 @@ export class SoundManagerInstance {
         if (!RainMan.settingsStore.isSoundStarted) {
             return;
         }
-        if (!RainMan.settingsStore.shouldPlayFxSounds &&
-            !(soundName === SoundTracks.music || soundName === SoundTracks.freeSpinsMusic)) {
+        if (!RainMan.settingsStore.shouldPlayFxSounds && !this.isAmbientTrack(soundName)) {
             return;
         }
-        const overrideSoundName = this.overrides[soundName];
-        const sound = overrideSoundName
-            ? this.musicCatalogue.get(overrideSoundName)
-            : this.musicCatalogue.get(soundName);
+        const sound = this.getSound(soundName);
         if (!sound) {
             return;
         }
-        if (soundName === "music" && !RainMan.settingsStore.shouldPlayAmbientMusic) {
-            return;
-        }
-        if (soundName === "freeSpinsMusic" &&
-            !RainMan.settingsStore.isAfterFreeSpinsSummary &&
-            !RainMan.settingsStore.shouldPlayAmbientMusic) {
-            return;
+        if (this.isAmbientTrack(soundName)) {
+            if (!RainMan.settingsStore.shouldPlayAmbientMusic) {
+                return;
+            }
+            const oppositeAmbientTrack = this.getOppositeAmbientTrack(soundName);
+            this.stop(oppositeAmbientTrack);
+            this.currentAmbientTrack = soundName;
+            if (sound.isPlaying && !sound.paused) {
+                return;
+            }
+            if (sound.isPlaying && sound.paused) {
+                sound.resume();
+                return;
+            }
         }
         sound.play({
             singleInstance: true,
@@ -148,6 +166,20 @@ export class SoundManagerInstance {
                 return Number(RainMan.settingsStore.volumeLevel / 100);
         }
     }
+    isAmbientTrack(soundName) {
+        return soundName === SoundTracks.music || soundName === SoundTracks.freeSpinsMusic;
+    }
+    getOppositeAmbientTrack(soundName) {
+        return soundName === SoundTracks.freeSpinsMusic ? SoundTracks.music : SoundTracks.freeSpinsMusic;
+    }
+    getSound(soundName) {
+        const overrideSoundName = this.overrides[soundName];
+        return this.musicCatalogue.get(overrideSoundName ?? soundName);
+    }
+    stopAmbientMusic() {
+        this.stop(SoundTracks.music);
+        this.stop(SoundTracks.freeSpinsMusic);
+    }
     /**
      * Function for resuming all sounds in game
      * If sound is not playing, it will be skipped
@@ -182,17 +214,15 @@ export class SoundManagerInstance {
      * @returns {void}
      */
     restoreAmbientPlayback() {
-        if (!RainMan.settingsStore.isSoundStarted || !RainMan.settingsStore.shouldPlayAmbientMusic) {
+        if (!RainMan.settingsStore.isSoundStarted) {
             return;
         }
-        const ambientTrack = RainMan.settingsStore.isFreeSpinsPlayEnabled
-            ? SoundTracks.freeSpinsMusic
-            : SoundTracks.music;
-        const ambientMusic = this.musicCatalogue.get(ambientTrack);
-        if (!ambientMusic || ambientMusic.isPlaying) {
+        if (!RainMan.settingsStore.shouldPlayAmbientMusic) {
+            this.stopAmbientMusic();
             return;
         }
-        ambientMusic.stop();
+        const ambientTrack = this.currentAmbientTrack ??
+            (RainMan.settingsStore.isFreeSpinsStarted ? SoundTracks.freeSpinsMusic : SoundTracks.music);
         this.play(ambientTrack);
     }
     /**
@@ -281,7 +311,6 @@ export class SoundManagerInstance {
         if (!isAudioContextRunning) {
             return false;
         }
-        sound.resumeAll();
         this.restoreAmbientPlayback();
         return true;
     }

package/dist/application/SpeedState/SpeedLevelHandler.js

@@ -1,4 +1,3 @@
-import { RainMan } from "../../Rainman";
 import { DEFAULT_SPEED, SPEED_LEVELS } from "./SpeedLevel";
 /**
  * Class for handling speed levels
@@ -59,7 +58,6 @@ export class SpeedLevelHandler {
      * @returns {void}
      */
     nextSpeed() {
-        RainMan.globals.disableSpeedPopup?.(true);
         if (this.shouldResetSpeedOptionsLoop()) {
             this.chosenSpeedLevel = 0;
             return;

package/dist/application/setup.js

@@ -9,7 +9,7 @@ import { changeResolution, disableMagnifyingGlassOnIOS, getDeviceOrientation, in
  * @returns {ReactNode} the root element with canvas and react layer
  */
 export const setup = () => {
-    changeResolution(RainMan.settingsStore.HiResolutionFlag);
+    changeResolution();
     resizeCanvas();
     setupFullscreenForIOS();
     loadSoundsOnTabChange();

package/dist/components/AbstractBuyFreeSpins/AbstractBuyFreeSpinsPlate.js

@@ -172,6 +172,7 @@ export class AbstractBuyFreeSpinsPlate extends Container {
                     this.cleanup();
                     this.onContinueCallback();
                     setTimeout(() => {
+                        RainMan.settingsStore.disableKeyboardShortcuts = false;
                         RainMan.globals.handleSpinLogic?.();
                     }, 1000);
                 }

package/dist/components/AbstractMainContainer/AbstractMainContainer.d.ts

@@ -6,7 +6,7 @@ import { RainMan } from "../../Rainman";
 import { Nullable, PromiseResolverType } from "../../utils";
 import { BigWinContainer, MysteryWinContainer, UpdatableSpineContainer } from "../../winComponents";
 import { AbstractFreeSpinContainer } from "../AbstractFreeSpinContainer";
-import { LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RightButtons, RightButtonsLandscape, RightButtonsMobile } from "../buttons";
+import { LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RightButtons, RightButtonsLandscape, RightButtonsMobile, SpeedControlButtonMobile } from "../buttons";
 import { FreeSpinButton, Logo, ResponsiveContainer } from "../common";
 import { IResizableContainer } from "../common/IResizableContainer";
 import { AbstractFrame } from "../frame";
@@ -34,6 +34,7 @@ export declare abstract class AbstractMainContainer extends Container {
     static readonly registryName = "mainContainer";
     messageBox: MessageBox;
     protected bigWinContainer: Nullable<UpdatableSpineContainer> | BigWinContainer;
+    protected readonly mobileSpeedButton: SpeedControlButtonMobile;
     protected mysteryWinContainer: Nullable<UpdatableSpineContainer> | MysteryWinContainer;
     protected bonusWinContainer: Nullable<UpdatableSpineContainer>;
     protected superBonusWinContainer: Nullable<UpdatableSpineContainer>;
@@ -75,6 +76,7 @@ export declare abstract class AbstractMainContainer extends Container {
      * @returns {Promise<void>} - A promise that resolves when the animation is complete.
      */
     invokeMysteryWinPlate(_animationName: string, _popupAnimation: string, _winType: WinTypeId, _amount: number, _isAdditionalFreeSpins: boolean): Promise<void>;
+    protected attachMobileSpeedButton(parent: Container): void;
     /**
      * This function initializes the spines that should be paused when the battery saver is on
      * @protected