pixi-rainman-game-engine 0.3.16 → 0.3.18

package/dist/SettingsUI/components/AutoplaySettings/autoplaySettings.css

@@ -28,8 +28,12 @@
 .autoplay-settings__title h2 {
     color: #ec5e27;
     margin: 0px;
-    text-decoration: underline;
     text-transform: uppercase;
+    font-weight: bold;
+    font-size: 32px;
+    @media only screen and (max-width: 600px) {
+        font-size: 24px;
+    }
 }
 
 .autoplay-settings__sliders {
@@ -71,7 +75,7 @@
     justify-content: center;
     width: 40px;
     border: solid 2px white;
-    font-size: 20px;
+    font-size: 24px;
     font-weight: bolder;
     margin: 0px 5px;
     color: white;
@@ -125,12 +129,16 @@
 
 .autoplay-settings__limit.left p {
     position: relative;
-    top: -2px;
+    font-size: 24px;
+    top: -3px;
+    right: -1px;
 }
 
 .autoplay-settings__limit.right p {
     position: relative;
-    top: -2px;
+    font-size: 24px;
+    top: -3px;
+    left: -1px;
 }
 
 .autoplay-settings__confirmation {
@@ -256,3 +264,9 @@
         top: 10px;
     }
 }
+
+.separator {
+    width: 100%;
+    height: 1px;
+    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.7), transparent);
+}

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

@@ -84,6 +84,7 @@ export const AutoplaySettings = observer(() => {
                     <p>∞</p>
                 </button>
             </div>
+            <div className="separator"/>
             <div className="autoplay-settings__title">
                 <h2>{i18next.t("stopAutoPlay")}</h2>
             </div>
@@ -92,7 +93,7 @@ export const AutoplaySettings = observer(() => {
                 <RichLimitingSlider value={balancedIncreased} setValue={setBalancedIncreased} maxValue={Number(i18next.t("ifBalanceIncreasesBy"))} description={i18next.t("ifBalanceIncreasesByDescription")}/>
                 <RichLimitingSlider value={balancedDecreased} setValue={setBalancedDecreased} maxValue={Number(i18next.t("ifSingleWinExceedsMax"))} description={i18next.t("ifBalanceDecreaseByDescription")}/>
             </div>
-
+            <div className="separator"/>
             <div className="autoplay-settings__switches">
                 <div className="autoplay-settings__switch">
                     <SwitchWithHeader header={i18next.t("onAnyWin")} flag={settingStore.onAnyWin} setFlag={settingStore.setOnAnyWin}/>

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

@@ -11,6 +11,7 @@ export const CloseModalButton = observer(({ layerId, afterClose }) => {
         settingStore.handleModalInvocation?.(layerId);
         if (layerId === UI_ITEMS.speedSettings) {
             settingStore.setSpeedPopupVisibility?.("none");
+            settingStore.isSpeedModalShown = false;
         }
         if (isBetDisabled) {
             settingStore.enableButtons?.();

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

@@ -1,26 +1,88 @@
 import "rc-slider/assets/index.css";
 import "./richLimitingSlider.css";
 import { observer } from "mobx-react-lite";
-import Slider from "rc-slider";
-import React from "react";
+import React, { useEffect, useRef, useState } from "react";
+const clamp = (v, maxValue) => {
+    const clamped = Math.min(Math.max(v, 0), maxValue);
+    const rounded = Math.round(clamped * 10) / 10;
+    return Math.min(rounded, maxValue);
+};
 export const RichLimitingSlider = observer(({ value, setValue, maxValue, description }) => {
+    const valueRef = useRef(value);
+    const [rawValue, setRawValue] = useState(String(value));
+    useEffect(() => {
+        valueRef.current = value;
+        setRawValue(String(value));
+        console.log("🚀 $$ ~ value:", value);
+    }, [value]);
+    const holdInterval = useRef(null);
+    const isHeldRef = useRef(false);
+    const increment = () => {
+        setValue(clamp(valueRef.current + 0.2, maxValue));
+    };
+    const decrement = () => {
+        setValue(clamp(valueRef.current - 0.2, maxValue));
+    };
+    const stopHold = () => {
+        isHeldRef.current = false;
+        if (holdInterval.current) {
+            clearInterval(holdInterval.current);
+            holdInterval.current = null;
+        }
+        window.removeEventListener("mouseup", stopHold);
+        window.removeEventListener("touchend", stopHold);
+        window.removeEventListener("pointerup", stopHold);
+        window.removeEventListener("touchcancel", stopHold);
+    };
+    const startHold = (action) => {
+        isHeldRef.current = true;
+        if (holdInterval.current) {
+            clearInterval(holdInterval.current);
+            holdInterval.current = null;
+        }
+        holdInterval.current = setTimeout(() => {
+            if (isHeldRef.current) {
+                holdInterval.current = setInterval(action, 100);
+            }
+        }, 500);
+        window.addEventListener("mouseup", stopHold);
+        window.addEventListener("touchend", stopHold, { passive: true });
+        window.addEventListener("pointerup", stopHold);
+        window.addEventListener("touchcancel", stopHold);
+    };
+    const onChange = (e) => {
+        const v = e.target.value;
+        const parsed = Number(v);
+        setRawValue(String(clamp(parsed, maxValue)));
+        if (v === "")
+            return;
+        if (!isNaN(parsed)) {
+            setValue(clamp(parsed, maxValue));
+        }
+    };
+    useEffect(() => {
+        return () => {
+            stopHold();
+        };
+    }, []);
     return (<div className="rich-slider">
-            {/* @ts-expect-error type error in library */}
-            <Slider className="rich-slider__slider" step={1} min={0} max={maxValue} defaultValue={value} value={value} handleStyle={{
-            backgroundColor: "#fdf425",
-            borderColor: "#fdf425",
-            width: "20px",
-            height: "20px",
-            bottom: "-4px",
-        }} railStyle={{
-            backgroundColor: "#fff",
-        }} trackStyle={{
-            backgroundColor: "#fdf425",
-        }} dotStyle={{
-            borderColor: "#fdf425",
-        }} onChange={(value) => setValue(value)}>
-                <p className="rich-slider__description">{description}</p>
-            </Slider>
-            <div className="rich-slider__number">{value}</div>
+            <p className="rich-slider__description">{description}</p>
+            <div className="rich-slider_button">
+                <button onClick={decrement} className="rich-slider_button-left" onMouseDown={() => startHold(decrement)} onMouseUp={stopHold} onMouseLeave={stopHold} onTouchStart={(e) => {
+            e.preventDefault();
+            startHold(decrement);
+        }} onTouchEnd={stopHold} onPointerDown={() => startHold(decrement)} onPointerUp={stopHold}>
+                    -
+                </button>
+
+                <input className="rich-slider_input" type="number" style={{}} value={rawValue} onClick={() => setRawValue("0")} onChange={onChange}/>
+
+                <button onClick={increment} className="rich-slider_button-right" onMouseDown={() => startHold(increment)} onMouseUp={stopHold} onMouseLeave={stopHold} onTouchStart={(e) => {
+            e.preventDefault();
+            startHold(increment);
+        }} onTouchEnd={stopHold} onPointerDown={() => startHold(increment)} onPointerUp={stopHold}>
+                    +
+                </button>
+            </div>
         </div>);
 });

package/dist/SettingsUI/components/RichLimitingSlider/richLimitingSlider.css

@@ -3,6 +3,7 @@
     flex-direction: row;
     align-items: center;
     padding-inline: 16px;
+    justify-content: space-between;
 }
 
 .rich-slider__slider {
@@ -12,9 +13,23 @@
     align-items: center;
 }
 
-.rich-slider__number {
+.rich-slider__description {
+    text-transform: uppercase;
+    @media only screen and (max-width: 650px) {
+        width: 50%;
+    }
+}
+
+@media only screen and (max-width: 650px) {
+    .rich-slider__description {
+        padding-top: 4px;
+        font-size: 9px;
+    }
+}
+
+.rich-slider_button {
     margin: 10px 0px 10px 10px;
-    width: 100px;
+    width: 250px;
     height: 40px;
     border: solid white 2px;
     background-color: black;
@@ -25,15 +40,67 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    position: relative;
+    overflow: hidden;
+    @media only screen and (max-width: 650px) {
+        width: 50%;
+        height: 30px;
+    }
 }
 
-.rich-slider__description {
-    text-transform: uppercase;
+.rich-slider_button-left,
+.rich-slider_button-right {
+    width: 40px;
+    border: none;
+    color: white;
+    display: flex;
+    transition: all 0.3s ease;
+    justify-content: center;
+    padding-bottom: 6px;
+    background-color: transparent;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    font-size: 24px;
+}
+.rich-slider_button-left {
+    border-right: solid white 2px;
+}
+.rich-slider_button-right {
+    border-left: solid white 2px;
 }
 
-@media only screen and (max-width: 650px) {
-    .rich-slider__description {
-        padding-top: 4px;
-        font-size: 9px;
+.rich-slider_button-left:hover,
+.rich-slider_button-right:hover {
+    background-color: #fdf42525;
+    color: #fdf425;
+}
+
+.rich-slider_input {
+    background-color: transparent;
+    border: none;
+    color: white;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    font-size: 20px;
+    @media only screen and (max-width: 650px) {
+        font-size: 14px;
     }
 }
+
+.rich-slider_input:focus-visible {
+    outline: none;
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+input[type="number"] {
+    -moz-appearance: textfield;
+    appearance: textfield;
+}

package/dist/SettingsUI/components/SlidingSwitch/slidingSwitch.css

@@ -55,7 +55,7 @@
     flex-direction: row;
     width: 36px;
     justify-content: space-between;
-    bottom: 10px;
+    bottom: 12px;
     left: 36px;
 }
 
@@ -89,7 +89,7 @@
 .switch__text {
     margin: 0;
     position: absolute;
-    top: 7px;
+    top: 5px;
     right: 9px;
 }
 

package/dist/SettingsUI/components/SpeedSettingsPopup/speedSettingsPopup.css

@@ -5,14 +5,25 @@
     left: 25vw;
     align-items: center;
     justify-content: center;
+    z-index: 0;
+}
+
+.modal-overlay {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.6);
+    backdrop-filter: blur(2px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 0;
 }
 
 .speed-settings-popup {
     display: flex;
     flex-direction: column;
+    gap: 20px;
     align-items: center;
-    width: 90%;
-    height: 90%;
     justify-content: space-between;
 }
 
@@ -27,6 +38,7 @@
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    gap: 25px;
     width: 100%;
     height: 120px;
 }

package/dist/SettingsUI/components/SwitchWithHeader/headerStyle.css

@@ -8,6 +8,12 @@
     text-transform: uppercase;
 }
 
+@media only screen and (max-width: 650px) {
+    .header-description__title {
+        font-size: 14px !important;
+    }
+}
+
 .header-description__text {
     max-width: 170px;
     margin: 0px;
@@ -18,10 +24,6 @@
         max-width: 150px;
     }
 
-    .header-description h2 {
-        font-size: 20px;
-    }
-
     .header-description h6 {
         font-size: 10px;
     }

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, SpeedSettingsPopup, SymbolMultiplierPopup, VolumeSettings } from "./components";
 import { SystemSettingsComponent } from "./SystemSettings/SystemSettingsComponent";
 export const SettingsUI = () => {
     return (<>
@@ -17,8 +17,10 @@ export const SettingsUI = () => {
             <div id={UI_ITEMS.autoplay} className="modal modal-style">
                 <AutoplaySettings />
             </div>
-            <div id={UI_ITEMS.speedSettings} className="speed-settings-modal modal-style">
-                <SpeedSettingsPopup />
+            <div id={UI_ITEMS.speedSettings} className=" modal-overlay">
+                <div className="speed-settings-modal modal-style">
+                    <SpeedSettingsPopup />
+                </div>
             </div>
             <div id={UI_ITEMS.symbolPayTable}>
                 <SymbolMultiplierPopup />

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -1,7 +1,7 @@
 import i18n from "i18next";
 import { sample } from "lodash";
 import { SoundManager, SoundTracks } from "../../application";
-import { AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, MessageBox, SpeedControlButton, VolumeButton } from "../../components";
+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";
@@ -47,12 +47,7 @@ export class ButtonsEventManager {
      * @returns {() => void} function for enabling/disabling buttons
      */
     setButtonAvailability = (makeDisabled) => () => {
-        const isDisabled = RainMan.settingsStore.isFreeSpinsPlayEnabled ||
-            RainMan.settingsStore.isFreeSpinsBought ||
-            RainMan.settingsStore.betChangeDisabled;
-        const buttonsToDisable = isDisabled
-            ? [SpeedControlButton.registryName]
-            : [SpeedControlButton.registryName, BUTTONS.neg, BUTTONS.plus];
+        const buttonsToDisable = [BUTTONS.neg, BUTTONS.plus];
         buttonsToDisable.forEach((buttonRegistryName) => RainMan.componentRegistry.get(buttonRegistryName).flipDisabledFlag(makeDisabled));
         RainMan.componentRegistry.get(VolumeButton.registryName).changeTextureDependOnVolume();
     };
@@ -110,6 +105,8 @@ export class ButtonsEventManager {
                 this.settingsSpeedTurtle.addEventListener("click", () => {
                     RainMan.componentRegistry.setSpeedLevel(SPEED_LEVELS.slow);
                     this.setSpeedPopupVisibility("none");
+                    this.enableButtons();
+                    RainMan.settingsStore.isSpeedModalShown = false;
                     messageBox.updateIncentiveText(i18n.t("turtleSelected"));
                 });
             }
@@ -120,6 +117,8 @@ export class ButtonsEventManager {
                 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);
                 });
@@ -131,6 +130,8 @@ export class ButtonsEventManager {
                 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);
                 });
@@ -270,6 +271,7 @@ export class ButtonsEventManager {
                 RainMan.settingsStore.resetAutoplaySettings();
                 RainMan.componentRegistry.get(MessageBox.registryName).hideAutoSpinText();
                 RainMan.componentRegistry.get(AutoplayButton.registryName).activate(false);
+                RainMan.settingsStore.changeBetChangeDisabled(false);
                 if (!RainMan.settingsStore.isPlayingAnyAction) {
                     RainMan.componentRegistry.get(BUTTONS.neg).flipDisabledFlag(false);
                     RainMan.componentRegistry.get(BUTTONS.plus).flipDisabledFlag(false);

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -478,6 +478,7 @@ export class AbstractMainContainer extends Container {
         if (this.bonusWinContainer === null) {
             return;
         }
+        RainMan.settingsStore.disableKeyboardShortcuts = false;
         this.removeChild(this.bonusWinContainer);
         this.bonusWinContainer.destroyAnimations();
         this.bonusWinContainer.destroy({ children: true });

package/dist/components/common/AnimatedNumber.d.ts

@@ -19,7 +19,7 @@ export declare class AnimatedNumber extends Container {
      * @private
      * @returns {void}
      */
-    private setDigits;
+    setDigits(): void;
     /**
      * Function for setting move animation for digits.
      * @public

package/dist/components/dictionary/locales/en.json

@@ -36,11 +36,11 @@
         },
         "credit": "CREDIT: ",
         "bet": "BET: ",
-        "ifBalanceIncreasesBy": "1000",
+        "ifBalanceIncreasesBy": "50000",
         "ifBalanceIncreasesByDescription": "If balance increases by",
-        "ifSingleWinExceedsMax": "10000",
-        "ifSingleWinExceedsMaxDescription": "If balance increases by",
-        "ifBalanceDecreasedBy": "1000",
+        "ifSingleWinExceedsMax": "50000",
+        "ifSingleWinExceedsMaxDescription": "If single win exceeds",
+        "ifBalanceDecreasedBy": "50000",
         "ifBalanceDecreaseByDescription": "If balance decreases by",
         "speedButtonHeader": "Quick spin",
         "speedButtonDescription": "Play faster by reducing total spin time",

package/dist/components/symbols/AbstractSymbolsColumn.d.ts

@@ -22,7 +22,7 @@ export declare abstract class AbstractSymbolsColumn extends Container implements
     private velocity;
     protected velocityMultiplier: number;
     private previousVelocityMultiplier;
-    private spritesCount;
+    protected spritesCount: number;
     protected phase: Phase;
     private ending;
     private lastEnding;
@@ -258,7 +258,7 @@ export declare abstract class AbstractSymbolsColumn extends Container implements
      * @private
      * @returns {void}
      */
-    private initSymbolSprites;
+    protected initSymbolSprites(): void;
     /**
      * This method ensures that top tile is in right place (it might not be due to some FPS issue)
      * @private

package/dist/connectivity/ConnectionWrapper.js

@@ -26,11 +26,6 @@ export class ConnectionWrapper {
      */
     handleMessage = (messageData) => {
         this.lastFetchResponse.set(messageData.action, messageData);
-        if (messageData.status) {
-            if (messageData.status.code >= 300) {
-                throw new Error(`${messageData.status.code}: ${messageData.status.message}`);
-            }
-        }
         switch (messageData.action) {
             case "init":
                 this.config = new ApiConfig(messageData);
@@ -105,6 +100,9 @@ export class ConnectionWrapper {
         RainMan.globals.currency = Currencies[this._initData.currency];
         RainMan.settingsStore.setFreeSpinsPriceTable(this._initData.free_spins_buy_table);
         RainMan.settingsStore.setRoundNumber(this._initData.round_number);
+        if (this._initData.status?.code && this._initData.status.code >= 400) {
+            throw new Error(`Init failed with status code: ${this._initData.status?.code}: ${this._initData.status?.message}`);
+        }
     }
     /**
      * Method for getting initial data from the server

package/dist/connectivity/spinData.js

@@ -12,7 +12,7 @@ export class SpinData {
         this.config = config;
         this.balance = data.balance;
         this.balanceAfterSpin = data.future_balance_prediction;
-        if (data.action !== "spin" && data.action !== "buy") {
+        if (data.action !== "spin" && data.action !== "buy" && data.action !== "mini-game") {
             throw new Error(`Invalid type "${data.action}" provided, "spin" or "buy" expected`);
         }
     }

package/dist/controllers/AbstractController.js

@@ -104,6 +104,7 @@ export class AbstractController {
         this.uiController.currentBalance = initData.balance;
         if (RainMan.config.reinitMode) {
             this.initControllerReinit();
+            RainMan.settingsStore.disableSpecialButtons();
         }
         this.reinitializeAllButtons();
         this.buttonsEventManager.initSettingsEvents();
@@ -117,6 +118,7 @@ export class AbstractController {
             RainMan.componentRegistry.get(AutoplayButton.registryName).activate(true);
             RainMan.componentRegistry.get(BUTTONS.plus).flipDisabledFlag(true);
             RainMan.componentRegistry.get(BUTTONS.neg).flipDisabledFlag(true);
+            RainMan.settingsStore.changeBetChangeDisabled(true);
             this.throttledSpin();
         });
         SoundManager.setPlayStatus(SoundTracks.music, RainMan.settingsStore.shouldPlayAmbientMusic);
@@ -160,7 +162,10 @@ export class AbstractController {
         window.addEventListener("keydown", (keyboardEvent) => {
             if (keyboardEvent.code === "Space" || keyboardEvent.code === "Enter") {
                 keyboardEvent.preventDefault();
-                if (RainMan.settingsStore.isGambleGameActive) {
+                if (RainMan.settingsStore.isGambleGameActive || RainMan.settingsStore.isSpeedModalShown) {
+                    return;
+                }
+                if (RainMan.settingsStore.disableKeyboardShortcuts) {
                     return;
                 }
                 this.handleDisablingButtons(true);
@@ -253,7 +258,9 @@ export class AbstractController {
      */
     handleDisablingButtons(disabled) {
         this.disableBetButtons(disabled ?? this.shouldBetButtonsBeDisabled);
-        if (RainMan.settingsStore.isFreeSpinsPlayEnabled || RainMan.globals.isSuperBonusGameEnabled) {
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled ||
+            RainMan.globals.isSuperBonusGameEnabled ||
+            RainMan.settingsStore.isAutoplayEnabled) {
             this.disableSpeedButton(false);
         }
         else {
@@ -376,6 +383,12 @@ export class AbstractController {
         }
         RainMan.settingsStore.setTotalNumberOfFreeSpins(availableFreeSpins);
         RainMan.settingsStore.setNumberOfFreeSpin(availableFreeSpins);
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
+            const freeSpinsUsed = this.initData?.free_spins_used ?? 0;
+            const freeSpinsAvailable = RainMan.settingsStore.reinitData?.[0]?.available_free_spins ?? 0;
+            this.uiController.totalNumberOfFreeSpins = freeSpinsUsed + freeSpinsAvailable;
+            RainMan.componentRegistry.get(MessageBox.currentWinTextRegistryName).update(this.initData.round_win_amount);
+        }
         this.initControllerReinitModifier(spinLogic, spinData);
     }
     initControllerReinitModifier(_spinLogic, _spinData) { }
@@ -825,8 +838,10 @@ export class AbstractController {
      * @returns {void}
      */
     disableAutoplay() {
+        this.autoSpinBalance = 0;
         RainMan.componentRegistry.get(MessageBox.registryName).hideAutoSpinText();
         RainMan.componentRegistry.get(AutoplayButton.registryName).activate(false);
+        RainMan.settingsStore.changeBetChangeDisabled(false);
         RainMan.componentRegistry.get(BUTTONS.plus).flipDisabledFlag(false);
         RainMan.componentRegistry.get(BUTTONS.neg).flipDisabledFlag(false);
         RainMan.settingsStore.resetAutoplaySettings();
@@ -1059,6 +1074,8 @@ export class AbstractController {
         if (RainMan.settingsStore.howManyFreeSpinsLeft !== 0 &&
             (this.invokeFreeSpinPlateAfterWin || this.setSlowerSpeedForFreeSpins) &&
             RainMan.settingsStore.isFreeSpinsPlayEnabled) {
+            this.columnsContainer.clearQuickReelsStop();
+            RainMan.settingsStore.setIsTemporarySpeed(false);
             RainMan.componentRegistry.setSpeedLevel(SPEED_LEVELS.slow);
             this.uiController.updateShownSpeedLevel(SPEED_LEVELS.slow);
             this.disableSpeedButton(false);
@@ -1194,26 +1211,29 @@ export class AbstractController {
      */
     handleAutoplayLogic() {
         RainMan.globals.shouldShowModals = false;
-        this.autoSpinBalance += this.uiController.recentWin;
+        RainMan.settingsStore.changeBetChangeDisabled(true);
+        if (this.uiController.recentWin === 0) {
+            this.autoSpinBalance -= RainMan.settingsStore.bet;
+        }
+        else {
+            this.autoSpinBalance += this.uiController.recentWin;
+        }
         const { balancedIncreased, balancedDecreased, singleWinExceeds } = RainMan.settingsStore;
         if (balancedIncreased > 0) {
             if (this.autoSpinBalance >= balancedIncreased) {
                 this.disableAutoplay();
-                this.autoSpinBalance = 0;
                 return;
             }
         }
         if (balancedDecreased > 0) {
             if (this.autoSpinBalance <= -balancedDecreased) {
                 this.disableAutoplay();
-                this.autoSpinBalance = 0;
                 return;
             }
         }
         if (singleWinExceeds > 0) {
             if (this.uiController.recentWin >= singleWinExceeds) {
                 this.disableAutoplay();
-                this.autoSpinBalance = 0;
                 return;
             }
         }

package/dist/controllers/QuickStopController.js

@@ -44,8 +44,10 @@ export class QuickStopController {
      * @returns {void}
      */
     handleSpeedPopupInvocation() {
-        if (this.shouldInvokeSpeedPopup && !this.speedPopupDisabled) {
+        if (this.shouldInvokeSpeedPopup && !this.speedPopupDisabled && !RainMan.settingsStore.isFreeSpinsPlayEnabled) {
             this.buttonsEventManager?.setSpeedPopupVisibility("flex");
+            RainMan.settingsStore.isSpeedModalShown = true;
+            this.buttonsEventManager.disableButtons();
             this.shouldInvokeSpeedPopup = false;
             this.speedPopupDisabled = true;
         }

package/dist/stores/SettingsStore.d.ts

@@ -11,6 +11,7 @@ import { PaytableData } from "./types";
 export declare class SettingsStore {
     static instance: SettingsStore | null;
     betChangeDisabled: boolean;
+    disableKeyboardShortcuts: boolean;
     bet: number;
     betText: string;
     shouldPlayAmbientMusic: boolean;
@@ -50,6 +51,7 @@ export declare class SettingsStore {
     isTemporarySpeed: boolean;
     disableBigWin: boolean;
     isAfterFreeSpinsSummary: boolean;
+    isSpeedModalShown: boolean;
     reinitData?: SpinDataInterface[];
     setSpeedPopupVisibility?: (visibility: "flex" | "none") => void;
     popupPaytableRepositionCallback?: () => void;

package/dist/stores/SettingsStore.js

@@ -15,6 +15,7 @@ const INITIAL_AUTO_SPIN_COUNT = 50;
 export class SettingsStore {
     static instance = null;
     betChangeDisabled = false;
+    disableKeyboardShortcuts = false;
     bet = 0;
     betText = "";
     shouldPlayAmbientMusic = true;
@@ -54,6 +55,7 @@ export class SettingsStore {
     isTemporarySpeed = false;
     disableBigWin = false;
     isAfterFreeSpinsSummary = true;
+    isSpeedModalShown = false;
     reinitData;
     setSpeedPopupVisibility;
     popupPaytableRepositionCallback;

package/package.json

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