pixi-rainman-game-engine 0.3.29 → 0.3.31-b

package/dist/Rainman/types.d.ts

@@ -81,6 +81,7 @@ export interface Globals {
     disableSpeedPopup?: (value: boolean) => void;
     handleDisablingButtons?: (value?: boolean) => void;
     throttledSpin?: () => void;
+    prepareBoughtFreeSpins?: () => void;
     updateFreeSpinShown?: (value: number) => void;
     backendSymbolMap?: Map<number, never>;
     betTable?: number[];

package/dist/components/AbstractBuyFreeSpins/AbstractBuyFreeSpinsPlate.js

@@ -145,9 +145,12 @@ export class AbstractBuyFreeSpinsPlate extends Container {
             RainMan.settingsStore.setRoundNumber(roundNumber);
             this.cleanup();
             this.onContinueCallback();
-            RainMan.settingsStore.handleModalInvocation?.("freeSpin");
-            RainMan.settingsStore.handleInvokeFreeSpinPlate?.(option.amount, false);
+            await RainMan.settingsStore.handleInvokeFreeSpinPlate?.(option.amount, false);
             RainMan.settingsStore.disableKeyboardShortcuts = false;
+            RainMan.globals.prepareBoughtFreeSpins?.();
+            setTimeout(() => {
+                RainMan.globals.throttledSpin?.();
+            }, 500);
         }
         catch (err) {
             console.error(err);

package/dist/components/AbstractIntroScreen/AbstractIntroScreen.d.ts

@@ -2,7 +2,7 @@ import { Container, Sprite, Text, TextStyle, Texture } from "pixi.js";
 import { IntroLogo } from "../common";
 import { IntroContinueButton } from "./IntroContinueButton";
 import { IntroDotButton } from "./IntroDotButton";
-import { IntroPageData } from "./IntroPageData";
+import { IntroPageData, IntroPageInnerTextBlock } from "./IntroPageData";
 /**
  * Abstract intro screen shown between loading and gameplay.
  * Each game subclasses this and provides assets + page definitions as properties.
@@ -38,6 +38,7 @@ export declare abstract class AbstractIntroScreen extends Container {
     protected dotShadow?: Sprite;
     protected frameImage: Sprite;
     protected pageImage: Sprite;
+    protected pageInnerTextBlocks: Text[];
     protected pageText: Text;
     private currentPage;
     private isChecked;
@@ -54,14 +55,19 @@ export declare abstract class AbstractIntroScreen extends Container {
     protected abstract positionText(): void;
     protected abstract positionCheckbox(): void;
     protected abstract positionLogo(): void;
+    protected positionPageInnerText(): void;
     protected abstract getPageImageScale(): {
         vertical: number;
         horizontal: number;
     };
     protected abstract positionPageImage(): void;
+    protected createPageInnerTextBlocks(blocks: IntroPageInnerTextBlock[]): Text[];
     protected showPage(index: number): void;
     private updateFade;
     private cleanup;
+    private refreshPageInnerText;
+    private setInnerTextAlpha;
+    private setPageContentAlpha;
     /**
      * Resizes dot shadow width to match all dots and centers it on them.
      * Call this in positionDots() after positioning the dots.

package/dist/components/AbstractIntroScreen/AbstractIntroScreen.js

@@ -32,6 +32,7 @@ export class AbstractIntroScreen extends Container {
     dotShadow;
     frameImage;
     pageImage;
+    pageInnerTextBlocks = [];
     pageText;
     currentPage = 0;
     isChecked = false;
@@ -91,8 +92,7 @@ export class AbstractIntroScreen extends Container {
         this.addChild(bg);
         this.frameImage.texture = getTexture(isPortrait ? "intro-frame-mobile.png" : "intro-frame.png");
         this.showPage(this.currentPage);
-        this.pageImage.alpha = 1;
-        this.pageText.alpha = 1;
+        this.setPageContentAlpha(1);
         const pageImageScale = this.getPageImageScale();
         const dimensions = scaleToParent(this.pageImage.texture.width, this.pageImage.texture.height, RainMan.app.screen.width * pageImageScale.horizontal, RainMan.app.screen.height * pageImageScale.vertical);
         this.pageImage.width = dimensions.width;
@@ -109,6 +109,7 @@ export class AbstractIntroScreen extends Container {
         this.addChild(this.frameImage);
         this.addChild(this.frameImage);
         this.addChild(this.pageImage);
+        this.pageInnerTextBlocks.forEach((block) => this.addChild(block));
         this.addChild(this.pageText);
         this.addChild(this.continueButton);
         this.addChild(this.checkboxSprite);
@@ -123,6 +124,7 @@ export class AbstractIntroScreen extends Container {
         this.positionCheckbox();
         this.positionContinueButton();
         this.positionText();
+        this.positionPageInnerText();
         this.positionDotShadow();
         this.frameImage.x = this.pageImage.x;
         this.frameImage.y = this.pageImage.y;
@@ -133,6 +135,10 @@ export class AbstractIntroScreen extends Container {
         this.frameImage.width = this.pageImage.width;
         this.frameImage.height = this.pageImage.height;
     }
+    positionPageInnerText() { }
+    createPageInnerTextBlocks(blocks) {
+        return blocks.map((block) => new Text(block.text));
+    }
     showPage(index) {
         if (index < 0 || index >= this.pages.length)
             return;
@@ -141,6 +147,8 @@ export class AbstractIntroScreen extends Container {
         const isPortrait = getDeviceOrientation() === "mobile-portrait";
         this.pageImage.texture = Texture.from(isPortrait ? page.imageMobile : page.imageDesktop);
         this.pageText.text = page.text;
+        this.refreshPageInnerText(page);
+        this.setInnerTextAlpha(this.pageImage.alpha);
         for (let i = 0; i < this.dots.length; i++) {
             this.dots[i].setActive(i === index);
         }
@@ -153,6 +161,28 @@ export class AbstractIntroScreen extends Container {
         RainMan.app.renderer.off("resize", this.resizeHandler);
         this.destroy({ children: true });
     }
+    refreshPageInnerText(page) {
+        this.pageInnerTextBlocks.forEach((block) => {
+            this.removeChild(block);
+            block.destroy();
+        });
+        this.pageInnerTextBlocks = [];
+        if (!page.pageInnerText?.length)
+            return;
+        this.pageInnerTextBlocks = this.createPageInnerTextBlocks(page.pageInnerText);
+        this.pageInnerTextBlocks.forEach((block) => this.addChild(block));
+        this.positionPageInnerText();
+    }
+    setInnerTextAlpha(alpha) {
+        this.pageInnerTextBlocks.forEach((block) => {
+            block.alpha = alpha;
+        });
+    }
+    setPageContentAlpha(alpha) {
+        this.pageImage.alpha = alpha;
+        this.pageText.alpha = alpha;
+        this.setInnerTextAlpha(alpha);
+    }
     /**
      * Resizes dot shadow width to match all dots and centers it on them.
      * Call this in positionDots() after positioning the dots.
@@ -195,16 +225,14 @@ export class AbstractIntroScreen extends Container {
         this.fadeTween = new TWEEN.Tween({ alpha: this.pageImage.alpha })
             .to({ alpha: 0 }, this.FADE_DURATION)
             .onUpdate((obj) => {
-            this.pageImage.alpha = obj.alpha;
-            this.pageText.alpha = obj.alpha;
+            this.setPageContentAlpha(obj.alpha);
         })
             .onComplete(() => {
             this.showPage(index);
             this.fadeTween = new TWEEN.Tween({ alpha: 0 })
                 .to({ alpha: 1 }, this.FADE_DURATION)
                 .onUpdate((obj) => {
-                this.pageImage.alpha = obj.alpha;
-                this.pageText.alpha = obj.alpha;
+                this.setPageContentAlpha(obj.alpha);
             })
                 .onComplete(() => {
                 this.isAnimating = false;

package/dist/components/AbstractIntroScreen/IntroPageData.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Data for a single inner text block rendered inside an intro page image.
+ */
+export type IntroPageInnerTextBlock = {
+    id?: string;
+    text: string;
+};
 /**
  * Data for a single page in the intro screen.
  */
@@ -5,4 +12,5 @@ export type IntroPageData = {
     imageDesktop: string;
     imageMobile: string;
     text: string;
+    pageInnerText?: IntroPageInnerTextBlock[];
 };

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -549,7 +549,7 @@ export class AbstractMainContainer extends Container {
     async invokeGambleGame() {
         if (!this.gambleGameSpineName)
             return;
-        const newBalance = await new Promise((resolve) => {
+        await new Promise((resolve) => {
             this.gambleGame = new GambleGame(this.gambleGameSpineName, resolve, this._controller.lastWinAmount, this._controller.balance);
             RainMan.settingsStore.isGambleGameActive = true;
             this.showOverlay();
@@ -561,7 +561,7 @@ export class AbstractMainContainer extends Container {
             this._controller.updateGambleValues(RainMan.settingsStore.gambleGameWin);
             this.gambleGame = null;
         }
-        this._controller.balance = newBalance;
+        this._controller?.updateBalance();
         this.hideOverlay();
     }
     /**

package/dist/components/GambleGame/GambleGame.js

@@ -126,6 +126,7 @@ export class GambleGame extends Container {
         this.card.state.addAnimation(0, "wait", true, 0);
         const gambleData = await window.connectionWrapper.fetchGambleData(RainMan.settingsStore.roundNumber, this.lastWinAmount, choice);
         this.balanceValue = gambleData.balance + gambleData.win_amount;
+        this.balanceValue = gambleData.balanceAfterSpin;
         await new Promise((resolve) => {
             this.card.state.clearTracks();
             this.card.state.clearListeners();

package/dist/components/frame/AbstractColumnsContainer.d.ts

@@ -18,6 +18,9 @@ export declare abstract class AbstractColumnsContainer extends Container impleme
     protected allColumns: AbstractSymbolsColumn[];
     private velocityMultiplier;
     private skipScatterDelay;
+    private mysteryDelayTimeout;
+    private mysteryFxGeneration;
+    private skipRemainingMysteryFxs;
     currentColumn: Nullable<AbstractSymbolsColumn>;
     private playedSounds;
     quickReelsStop: boolean;
@@ -92,6 +95,28 @@ export declare abstract class AbstractColumnsContainer extends Container impleme
      * @returns {Promise<void>}
      */
     configBlindSpin(finalSymbolReels: SymbolReels, afterSpinResolver: (value: void | PromiseLike<void>) => void, indexesOfReelsToExtendSpinningTime: number[]): Promise<void>;
+    /**
+     * This cancels the timeout, removes the stored delayed action and invalidates
+     * any older timeout callback that might still try to execute later.
+     * @private
+     * @returns {void}
+     */
+    private clearPendingMysteryDelay;
+    /**
+     * Runs the pending mysteryFx immediately and clears its timeout.
+     * @private
+     * @returns {void}
+     */
+    private executePendingMysteryFx;
+    /**
+     * The callback is bound to the current generation so an old timeout from
+     * a previous spin cannot execute after a newer mystery delay was scheduled.
+     * @private
+     * @param {PlayableAction} action delayed reel configuration action
+     * @param {number} delay time in milliseconds before the action should run
+     * @returns {void}
+     */
+    private scheduleMysteryDelay;
     /**
      * Function for playing all streaks
      * @public

package/dist/components/frame/AbstractColumnsContainer.js

@@ -20,6 +20,9 @@ export class AbstractColumnsContainer extends Container {
     allColumns = [];
     velocityMultiplier = defaultSpeedConfig.symbolsColumnsSpeed;
     skipScatterDelay = null;
+    mysteryDelayTimeout = null;
+    mysteryFxGeneration = 0;
+    skipRemainingMysteryFxs = false;
     currentColumn = null;
     playedSounds = [];
     quickReelsStop = false;
@@ -93,12 +96,13 @@ export class AbstractColumnsContainer extends Container {
      */
     enableQuickReelsStop() {
         this.quickReelsStop = true;
+        this.skipRemainingMysteryFxs = true;
         RainMan.settingsStore.isQuickSpinsActive = true;
         RainMan.settingsStore.setIsTemporarySpeed(true);
         RainMan.componentRegistry.setTemporarySpeedLevel(SPEED_LEVELS.fast);
-        this.skipScatterDelay?.();
+        this.executePendingMysteryFx();
+        this.currentColumn?.releaseNextColumnTrigger();
         this.resolveMysterySpeedUp();
-        this.skipScatterDelay = null;
         if (this.currentColumn) {
             this.currentColumn.skipHidingMysteryFx = true;
         }
@@ -133,10 +137,15 @@ export class AbstractColumnsContainer extends Container {
         // spin
         return new Promise(async (resolve) => {
             let index = 0;
+            this.clearPendingMysteryDelay();
+            this.mysteryFxGeneration = 0;
+            this.skipRemainingMysteryFxs = false;
             const configuredBlindSpinsActions = this.prepareConfiguringReelsEnd(finalSymbolReels);
             const frame = RainMan.componentRegistry.get(AbstractFrame.registryName);
             while (configuredBlindSpinsActions.length !== 0) {
-                if (this.quickReelsStop || RainMan.settingsStore.currentSpeed === SPEED_LEVELS.fast) {
+                if (this.quickReelsStop ||
+                    this.skipRemainingMysteryFxs ||
+                    RainMan.settingsStore.currentSpeed === SPEED_LEVELS.fast) {
                     await Promise.all(configuredBlindSpinsActions.map(async (action) => await action()));
                     configuredBlindSpinsActions.length = 0;
                     SoundManager.play(SoundTracks.allRollStops);
@@ -145,21 +154,22 @@ export class AbstractColumnsContainer extends Container {
                 const configureSpinAction = configuredBlindSpinsActions.shift();
                 if (configureSpinAction !== undefined) {
                     if (indexesOfReelsToExtendSpinningTime.includes(index)) {
-                        this.currentColumn = this.allColumns[index];
-                        this.currentColumn.adaptToSpeed(RainMan.settingsStore.currentSpeed);
-                        frame.invokeMysteryFx(this.currentColumn.x, this.currentColumn.y);
+                        const mysteryColumn = this.allColumns[index];
+                        this.currentColumn = mysteryColumn;
+                        mysteryColumn.adaptToSpeed(RainMan.settingsStore.currentSpeed);
+                        frame.invokeMysteryFx(mysteryColumn.x, mysteryColumn.y);
                         this.skipScatterDelay = configureSpinAction;
-                        await this.currentColumn.speedUpForMysterySpin(100, 1500);
-                        if (!this.quickReelsStop) {
+                        await mysteryColumn.speedUpForMysterySpin(100, 1500);
+                        if (this.quickReelsStop || this.skipRemainingMysteryFxs) {
+                            await mysteryColumn.changeVelocity(Speed.STOP, 0, frame);
+                        }
+                        else {
                             if (!RainMan.settingsStore.isAutoplayEnabled ||
                                 (RainMan.settingsStore.isAutoplayEnabled && !this.quickReelsStop)) {
-                                setTimeout(() => {
-                                    this.skipScatterDelay?.();
-                                    this.skipScatterDelay = null;
-                                }, RainMan.config.durationOfActions.scatterDelayerTime);
+                                this.scheduleMysteryDelay(configureSpinAction, RainMan.config.durationOfActions.scatterDelayerTime);
                             }
+                            await mysteryColumn.changeVelocity(Speed.STOP, RainMan.config.durationOfActions.scatterSpinningTime, frame);
                         }
-                        await this.currentColumn.changeVelocity(Speed.STOP, RainMan.config.durationOfActions.scatterSpinningTime, frame);
                         frame.destroyMysteryFx();
                     }
                     if (!indexesOfReelsToExtendSpinningTime.includes(index)) {
@@ -170,10 +180,60 @@ export class AbstractColumnsContainer extends Container {
                 this.currentColumn = null;
             }
             await Promise.all(this.allColumns.map((column) => column.getStopPromise()));
+            this.clearPendingMysteryDelay();
+            this.mysteryFxGeneration = 0;
+            this.skipRemainingMysteryFxs = false;
             afterSpinResolver();
             resolve();
         });
     }
+    /**
+     * This cancels the timeout, removes the stored delayed action and invalidates
+     * any older timeout callback that might still try to execute later.
+     * @private
+     * @returns {void}
+     */
+    clearPendingMysteryDelay() {
+        this.mysteryFxGeneration += 1;
+        if (this.mysteryDelayTimeout !== null) {
+            clearTimeout(this.mysteryDelayTimeout);
+            this.mysteryDelayTimeout = null;
+        }
+        this.skipScatterDelay = null;
+    }
+    /**
+     * Runs the pending mysteryFx immediately and clears its timeout.
+     * @private
+     * @returns {void}
+     */
+    executePendingMysteryFx() {
+        const pendingMysteryDelay = this.skipScatterDelay;
+        this.clearPendingMysteryDelay();
+        pendingMysteryDelay?.();
+    }
+    /**
+     * The callback is bound to the current generation so an old timeout from
+     * a previous spin cannot execute after a newer mystery delay was scheduled.
+     * @private
+     * @param {PlayableAction} action delayed reel configuration action
+     * @param {number} delay time in milliseconds before the action should run
+     * @returns {void}
+     */
+    scheduleMysteryDelay(action, delay) {
+        this.clearPendingMysteryDelay();
+        // Store new mysteryFx action to be available in executePendingMysteryFx
+        this.skipScatterDelay = action;
+        const mysteryFxGeneration = this.mysteryFxGeneration;
+        this.mysteryDelayTimeout = setTimeout(() => {
+            if (mysteryFxGeneration !== this.mysteryFxGeneration) {
+                return;
+            }
+            this.mysteryDelayTimeout = null;
+            this.skipScatterDelay = null;
+            this.mysteryFxGeneration += 1;
+            action();
+        }, delay);
+    }
     /**
      * Function for playing all streaks
      * @public
@@ -373,8 +433,10 @@ export class AbstractColumnsContainer extends Container {
      */
     prepareConfiguringReelsEnd(finalSymbolReels) {
         return this.allColumns.map((column, index) => async () => {
+            this.currentColumn = column;
             column.configBlindSpin(finalSymbolReels[index]);
             await column.getTriggersPromise();
+            this.currentColumn = null;
         });
     }
 }

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

@@ -167,6 +167,12 @@ export declare abstract class AbstractSymbolsColumn extends Container implements
      * @returns {Promise<void>} stop promise
      */
     getStopPromise(): Promise<void>;
+    /**
+     * Function for releasing trigger to next column
+     * @public
+     * @returns {void}
+     */
+    releaseNextColumnTrigger(): void;
     /**
      * Function for stopping all playing animations of symbols
      * @public

package/dist/components/symbols/AbstractSymbolsColumn.js

@@ -298,6 +298,17 @@ export class AbstractSymbolsColumn extends Container {
         }
         throw new Error("No promise to return");
     }
+    /**
+     * Function for releasing trigger to next column
+     * @public
+     * @returns {void}
+     */
+    releaseNextColumnTrigger() {
+        if (this.triggerNextColumn !== null) {
+            this.triggerNextColumn();
+            this.triggerNextColumn = null;
+        }
+    }
     /**
      * Function for stopping all playing animations of symbols
      * @public
@@ -618,12 +629,9 @@ export class AbstractSymbolsColumn extends Container {
             if (element) {
                 // swap symbol with chosen element
                 symbol.swapSymbol(element);
-                // symbol.setSpineMode(MOVE3);
             }
             if (this.ending.length === 1) {
-                if (this.triggerNextColumn) {
-                    this.triggerNextColumn();
-                }
+                this.releaseNextColumnTrigger();
             }
             if (this.ending.length === 0) {
                 this.shouldMoveToTop = false;

package/dist/controllers/AbstractController.d.ts

@@ -64,6 +64,7 @@ export declare abstract class AbstractController<T> {
     protected resolveSuperBonusWin?: () => void;
     clearMobileSpinTimeout: (() => void) | undefined;
     protected initData: InitDataInterface;
+    protected shouldPlayNextSpin: boolean;
     protected _lastWinAmount: number;
     protected constructor(buttonsEventManager: ButtonsEventManager, mainContainer: AbstractMainContainer, connection: SubscribableConnectionWrapper);
     /**
@@ -262,6 +263,7 @@ export declare abstract class AbstractController<T> {
      * @returns {void}
      */
     protected throttledSpin(): void;
+    protected prepareBoughtFreeSpins(): void;
     /**
      * This function is responsible for getting the number of free spins bought
      * @private
@@ -366,7 +368,7 @@ export declare abstract class AbstractController<T> {
      * @param {number} winAmount amount from gamble game
      * @returns {void}
      */
-    protected gambleGameEnabler(winAmount: number): void;
+    gambleGameEnabler(winAmount: number): void;
     /**
      * Function for spin logic of the game
      * This function is responsible for:

package/dist/controllers/AbstractController.js

@@ -64,6 +64,7 @@ export class AbstractController {
     resolveSuperBonusWin;
     clearMobileSpinTimeout;
     initData;
+    shouldPlayNextSpin = false;
     _lastWinAmount = 0;
     constructor(buttonsEventManager, mainContainer, connection) {
         this.buttonsEventManager = buttonsEventManager;
@@ -102,6 +103,7 @@ export class AbstractController {
         RainMan.settingsStore.setRoundNumber(this.roundNumber);
         RainMan.settingsStore.initPaytableMap(initData);
         RainMan.globals.throttledSpin = this.throttledSpin.bind(this);
+        RainMan.globals.prepareBoughtFreeSpins = this.prepareBoughtFreeSpins.bind(this);
         RainMan.settingsStore.useTakeAction = this.useTakeAction.bind(this);
         this.connection.subscribeForConfigChanges(this.reinitializeUserBalanceData.bind(this));
         this.uiController.updateBet("first");
@@ -480,30 +482,47 @@ export class AbstractController {
                 this.clearMobileSpinTimeout();
         });
         refreshButton.on("touchstart", () => {
+            if (this.mobileSpinTimeout) {
+                clearInterval(this.mobileSpinTimeout);
+                this.mobileSpinTimeout = null;
+            }
+            if (this.mobileSpinDelay) {
+                clearTimeout(this.mobileSpinDelay);
+                this.mobileSpinDelay = null;
+            }
             if (this.buttonHeldSince === 0) {
                 this.buttonHeldSince = Date.now();
             }
-            this.mobileSpinTimeout = setInterval(() => {
-                const buttonHold = Date.now() - this.buttonHeldSince;
-                if (buttonHold >= 500) {
-                    this.columnsContainer.enableQuickReelsStop();
-                }
-                this.handleDisablingButtons(true);
-                this.quickStopController.setQuickStopCounterLock(true);
-                this.summaryStop = this.skipFreeSpinSummary ? false : this.invokeFreeSpinSummaryPlateAfterWin;
-                if (this.invokeFreeSpinPlateAfterWin ||
-                    this.summaryStop ||
-                    this.shouldStopMobileSpin ||
-                    this.resolveBigWin !== undefined ||
-                    this.resolveSuperBonusWin !== undefined ||
-                    this.resolveMysteryWin !== undefined) {
-                    if (this.clearMobileSpinTimeout) {
-                        this.clearMobileSpinTimeout();
-                    }
+            this.mobileSpinDelay = setTimeout(() => {
+                this.mobileSpinDelay = null;
+                if (this.buttonHeldSince === 0) {
                     return;
                 }
-                this.handleSpinLogic();
-            }, RainMan.config.durationOfActions.mobileSpinTimeout);
+                this.mobileSpinTimeout = setInterval(() => {
+                    if (this.buttonHeldSince === 0) {
+                        if (this.clearMobileSpinTimeout) {
+                            this.clearMobileSpinTimeout();
+                        }
+                        return;
+                    }
+                    this.columnsContainer.enableQuickReelsStop();
+                    this.handleDisablingButtons(true);
+                    this.quickStopController.setQuickStopCounterLock(true);
+                    this.summaryStop = this.skipFreeSpinSummary ? false : this.invokeFreeSpinSummaryPlateAfterWin;
+                    if (this.invokeFreeSpinPlateAfterWin ||
+                        this.summaryStop ||
+                        this.shouldStopMobileSpin ||
+                        this.resolveBigWin !== undefined ||
+                        this.resolveSuperBonusWin !== undefined ||
+                        this.resolveMysteryWin !== undefined) {
+                        if (this.clearMobileSpinTimeout) {
+                            this.clearMobileSpinTimeout();
+                        }
+                        return;
+                    }
+                    this.handleSpinLogic();
+                }, RainMan.config.durationOfActions.mobileSpinTimeout);
+            }, 250);
         });
     }
     /**
@@ -727,6 +746,9 @@ export class AbstractController {
             this.mainContainer.freeSpinSummary.emit("pointerdown", new PIXI.FederatedPointerEvent("pointerdown"));
             return;
         }
+        if (this.gamePhase === gamePhases.HANDLING_ACTIONS) {
+            this.shouldPlayNextSpin = true;
+        }
         if (this.mainContainer.mysteryWinVisibleFor) {
             RainMan.componentRegistry.get(COMPONENTS.mysteryWin).stopUpdate();
         }
@@ -786,12 +808,7 @@ export class AbstractController {
             this.quickStopController.handleInvokingSpeedPopup();
             return;
         }
-        if (RainMan.settingsStore.isFreeSpinsBought) {
-            this.uiController.totalNumberOfFreeSpins += this.getBoughtNumberOfFreeSpins();
-            RainMan.componentRegistry.getIfExists(FreeSpinButton.registryName)?.setInteractivity(false);
-            RainMan.settingsStore.setIsFreeSpinBought(false);
-            return;
-        }
+        this.prepareBoughtFreeSpins();
         if (RainMan.settingsStore.isAutoplayEnabled && !this.spinning) {
             this.changeGamePhase(gamePhases.IDLE);
             this.spin();
@@ -806,6 +823,14 @@ export class AbstractController {
         }
         this.spinThrottlerTimeout = setTimeout(() => (this.spinThrottlerTimeout = null), 100);
     }
+    prepareBoughtFreeSpins() {
+        if (!RainMan.settingsStore.isFreeSpinsBought) {
+            return;
+        }
+        this.uiController.totalNumberOfFreeSpins += this.getBoughtNumberOfFreeSpins();
+        RainMan.componentRegistry.getIfExists(FreeSpinButton.registryName)?.setInteractivity(false);
+        RainMan.settingsStore.setIsFreeSpinBought(false);
+    }
     /**
      * This function is responsible for getting the number of free spins bought
      * @private
@@ -866,6 +891,12 @@ export class AbstractController {
             logInfo("Take action can't be performed");
             return;
         }
+        if (this.currentlyPlayedAction !== undefined) {
+            this.changeGamePhase(gamePhases.STOPPING_HANDLING_ACTIONS);
+            this.stopPlayingSymbolsStreak();
+            await this.currentlyPlayedAction;
+        }
+        await Promise.all(this.uiController.promisesToSetBalances);
         const takeData = await window.connectionWrapper.sendTakeAction(RainMan.settingsStore.roundNumber);
         if (takeData.status.code === 200) {
             RainMan.settingsStore.isTakeActionAvailable = false;
@@ -981,14 +1012,10 @@ export class AbstractController {
      */
     gambleGameEnabler(winAmount) {
         if (RainMan.componentRegistry.has(BUTTONS.gamble) && RainMan.settingsStore.isGambleGameAvailable) {
-            RainMan.componentRegistry
-                .get(BUTTONS.gamble)
-                .flipDisabledFlag(RainMan.settingsStore.isFreeSpinsPlayEnabled || winAmount === 0);
+            RainMan.componentRegistry.get(BUTTONS.gamble).flipDisabledFlag(winAmount === 0);
         }
         if (RainMan.componentRegistry.has(BUTTONS.take) && RainMan.settingsStore.isTakeActionAvailable) {
-            RainMan.componentRegistry
-                .get(BUTTONS.take)
-                .flipDisabledFlag(RainMan.settingsStore.isFreeSpinsPlayEnabled || winAmount === 0);
+            RainMan.componentRegistry.get(BUTTONS.take).flipDisabledFlag(winAmount === 0);
         }
     }
     /**
@@ -1067,7 +1094,7 @@ export class AbstractController {
         const availableFreeSpins = spinLogic.availableFreeSpins;
         const availableFreeSpinsIncreased = availableFreeSpins > RainMan.settingsStore.howManyFreeSpinsLeft;
         this.hideFreeSpinsMessageBox = availableFreeSpinsIncreased;
-        if (this._lastWinAmount !== 0) {
+        if (this._lastWinAmount !== 0 && !(availableFreeSpins > 0)) {
             RainMan.settingsStore.isTakeActionAvailable = true;
             RainMan.settingsStore.isGambleGameAvailable = true;
         }
@@ -1206,6 +1233,24 @@ export class AbstractController {
         }
         RainMan.settingsStore.setIsPlayingAnyAction(false);
         this.columnsContainer.setInteractivityForSymbols(true);
+        const shouldStartNextSpin = this.shouldPlayNextSpin &&
+            !RainMan.settingsStore.isAutoplayEnabled &&
+            !RainMan.settingsStore.isFreeSpinsPlayEnabled &&
+            !this.invokeFreeSpinPlateAfterWin &&
+            !this.invokeFreeSpinSummaryPlateAfterWin &&
+            !RainMan.globals.isSuperBonusGameEnabled;
+        this.shouldPlayNextSpin = false;
+        if (shouldStartNextSpin) {
+            setTimeout(() => {
+                if (!this.spinning &&
+                    this.gamePhase !== gamePhases.SPINNING &&
+                    this.gamePhase !== gamePhases.DATA_FETCH &&
+                    this.gamePhase !== gamePhases.CONFIGURING_SPIN &&
+                    !RainMan.settingsStore.isPlayingAnyAction) {
+                    this.throttledSpin();
+                }
+            }, 0);
+        }
     }
     /**
      *  Function for invoking free spin plate, invoked in mainContainer
@@ -1234,7 +1279,6 @@ export class AbstractController {
      */
     async handleFreeSpinSummaryPlateInvocation() {
         await this.buttonsEventManager.disableButtonsForAction(async () => {
-            this.uiController.updateDisplayedBalance(this.uiController.totalFreeSpinWinAmount);
             this.uiController.messageBox.hideFreeSpinText();
             this.uiController.messageBox.hideCurrentWinText();
             await this.mainContainer.invokeFreeSpinSummary(this.uiController.totalNumberOfFreeSpins, this.uiController.totalFreeSpinWinAmount);
@@ -1242,7 +1286,6 @@ export class AbstractController {
             this.uiController.resetTotalFreeSpinWinAmount();
             this.changeGamePhase(gamePhases.IDLE);
         });
-        this.uiController.currentBalance = RainMan.settingsStore.balanceAfterSpin;
         RainMan.settingsStore.resetTotalNumberOfFreeSpins();
         RainMan.settingsStore.resetFreeSpinNumberBought();
         this.changeGamePhase(gamePhases.IDLE);
@@ -1314,6 +1357,8 @@ export class AbstractController {
     stopPlayingSymbolsStreak() {
         this.columnsContainer.stopPlayingSymbolsInColumns();
         this.frame.stopPlayingWinLineAnimations();
+        this.frame.hideMysteryFx();
+        this.frame.destroyMysteryFx();
     }
     /**
      * Function for stopping playing symbols transformation

package/package.json

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