pixi-rainman-game-engine 0.3.15 → 0.3.17

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/SpeedSettingsPopup/speedSettingsPopup.css

@@ -5,14 +5,24 @@
     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;
     align-items: center;
-    width: 90%;
-    height: 90%;
     justify-content: space-between;
 }
 

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

@@ -110,6 +110,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 +122,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 +135,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);
                 });

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/frame/AbstractColumnsContainer.js

@@ -149,10 +149,13 @@ export class AbstractColumnsContainer extends Container {
                         frame.invokeMysteryFx(this.currentColumn.x, this.currentColumn.y);
                         this.skipScatterDelay = configureSpinAction;
                         await this.currentColumn.speedUpForMysterySpin(100, 1500);
-                        setTimeout(() => {
-                            this.skipScatterDelay?.();
-                            this.skipScatterDelay = null;
-                        }, RainMan.config.durationOfActions.scatterDelayerTime);
+                        if (!RainMan.settingsStore.isAutoplayEnabled ||
+                            (RainMan.settingsStore.isAutoplayEnabled && !this.quickReelsStop)) {
+                            setTimeout(() => {
+                                this.skipScatterDelay?.();
+                                this.skipScatterDelay = null;
+                            }, RainMan.config.durationOfActions.scatterDelayerTime);
+                        }
                         await this.currentColumn.changeVelocity(Speed.STOP, RainMan.config.durationOfActions.scatterSpinningTime, frame);
                     }
                     if (!indexesOfReelsToExtendSpinningTime.includes(index)) {

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/LocalConnectionWrapper.js

@@ -90,7 +90,7 @@ export class LocalConnectionWrapper {
             extra_data: {},
             reel_set_id: 1,
             round_win_amount: 0,
-            future_balance_prediction: null
+            future_balance_prediction: 669.6
         };
         return Promise.resolve(new SpinData(this.config, data));
     }

package/dist/connectivity/serverData.d.ts

@@ -26,6 +26,8 @@ export interface InitDataInterface {
     reinit_data?: SpinDataInterface[];
     extra_data: InitExtraData;
     jackpot_wins?: JackpotWins;
+    round_win_amount: number;
+    free_spins_used: number;
 }
 export interface EndDataInterface {
     action: "end";
@@ -116,7 +118,7 @@ export interface SpinDataInterface {
     balance: number;
     round_number: number;
     status: Status;
-    future_balance_prediction: number | null;
+    future_balance_prediction: number;
     round_win_amount: number;
     reel_set_id: number;
     available_free_spins: number | null;

package/dist/connectivity/spinData.d.ts

@@ -8,6 +8,7 @@ export declare class SpinData {
     readonly balance: number;
     private readonly rawData;
     private readonly config;
+    balanceAfterSpin: number;
     constructor(config: ApiConfig, data: SpinDataInterface);
     /**
      * Get the raw spin data from the backend server

package/dist/connectivity/spinData.js

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

package/dist/controllers/AbstractController.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="node" />
 import { ApiConfig, ButtonsEventManager, SpinLogic, SymbolId, WinTypeId } from "../application";
 import { AbstractColumnsContainer, AbstractFrame, AbstractMainContainer } from "../components";
-import { ExtraDataRequest, FreeSpinWin, SpinData, SpinDataInterface, StreakReelsIndexes, SubscribableConnectionWrapper } from "../connectivity";
+import { ExtraDataRequest, FreeSpinWin, InitDataInterface, SpinData, SpinDataInterface, StreakReelsIndexes, SubscribableConnectionWrapper } from "../connectivity";
 import { GamePhase } from "../constants";
 import { DescribedPlayableAction } from "../DescribedPlayableAction";
 import { Nullable } from "../utils";
@@ -53,11 +53,13 @@ export declare abstract class AbstractController<T> {
     protected shouldDisableBetButtons: boolean;
     protected wasAutoplayEnabledBeforeFreeSpin: boolean;
     protected setSlowerSpeedForFreeSpins: boolean;
+    shouldStopMobileSpin: boolean;
     protected resolveBigWin?: () => void;
     protected resolveMysteryWin?: () => void;
     protected resolveBonusWin?: () => void;
     protected resolveSuperBonusWin?: () => void;
     clearMobileSpinTimeout: (() => void) | undefined;
+    protected initData: InitDataInterface;
     protected _lastWinAmount: number;
     protected constructor(buttonsEventManager: ButtonsEventManager, mainContainer: AbstractMainContainer, connection: SubscribableConnectionWrapper);
     /**
@@ -274,6 +276,12 @@ export declare abstract class AbstractController<T> {
      * @returns {void}
      */
     protected clearAndDestroyActions(): void;
+    /**
+     * Function for updating balance on special occasion ex. bonusGame
+     * @public
+     * @returns {void}
+     */
+    updateBalance(): void;
     /**
      * Function that is used to invoke take action after winning (send request to backend to save status of wallet).
      * After that action, gamble and other bonus games are blocked.

package/dist/controllers/AbstractController.js

@@ -53,17 +53,20 @@ export class AbstractController {
     shouldDisableBetButtons = false;
     wasAutoplayEnabledBeforeFreeSpin = false;
     setSlowerSpeedForFreeSpins = false;
+    shouldStopMobileSpin = false;
     resolveBigWin;
     resolveMysteryWin;
     resolveBonusWin;
     resolveSuperBonusWin;
     clearMobileSpinTimeout;
+    initData;
     _lastWinAmount = 0;
     constructor(buttonsEventManager, mainContainer, connection) {
         this.buttonsEventManager = buttonsEventManager;
         this.mainContainer = mainContainer;
         this.connection = connection;
         const initData = this.connection.initData();
+        this.initData = initData;
         this.config = new ApiConfig(initData);
         this.quickStopController = new QuickStopController(buttonsEventManager);
         this.uiController = new UiController(this.config);
@@ -101,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();
@@ -157,7 +161,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);
@@ -276,6 +283,7 @@ export class AbstractController {
         if (RainMan.componentRegistry.has(BUTTONS.take)) {
             this.buttonsEventManager.initTakeButton(() => {
                 RainMan.settingsStore.useTakeAction?.();
+                this.uiController.currentBalance = RainMan.settingsStore.balanceAfterSpin;
                 RainMan.settingsStore.isTakeActionAvailable = false;
                 RainMan.settingsStore.isGambleGameAvailable = false;
                 if (RainMan.componentRegistry.has(BUTTONS.gamble)) {
@@ -342,6 +350,10 @@ export class AbstractController {
         const spinLogic = this.spinLogicFactory(RainMan.settingsStore.reinitData[0], this.config);
         const spinData = new SpinData(this.config, RainMan.settingsStore.reinitData[0]);
         this._lastWinAmount = this.mysteryWinSymbol ? spinLogic.winTotalAmountWithoutMystery : spinLogic.winTotalAmount;
+        const availableFreeSpins = spinLogic.availableFreeSpins;
+        if (availableFreeSpins > 0) {
+            this._lastWinAmount = this.initData.round_win_amount;
+        }
         if (spinLogic.winTotalAmount !== 0) {
             this.uiController.recentWin = ceilToDecimal(spinLogic.winTotalAmount);
             this.uiController.totalFreeSpinWinAmount = this._lastWinAmount;
@@ -349,7 +361,6 @@ export class AbstractController {
         this.uiController.currentBalance = spinData.balance;
         this.roundNumber = spinData.getRawData().round_number;
         RainMan.settingsStore.setRoundNumber(this.roundNumber);
-        const availableFreeSpins = spinLogic.availableFreeSpins;
         if (this._lastWinAmount !== 0) {
             RainMan.settingsStore.isTakeActionAvailable = true;
             RainMan.settingsStore.isGambleGameAvailable = true;
@@ -369,6 +380,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) { }
@@ -391,7 +408,9 @@ export class AbstractController {
                 this.mobileSpinDelay = null;
             }
         };
-        refreshButton.setOnClick(() => this.handleSpinLogic());
+        refreshButton.setOnClick(() => {
+            this.handleSpinLogic();
+        });
         refreshButton.on("touchend", () => {
             if (this.clearMobileSpinTimeout)
                 this.clearMobileSpinTimeout();
@@ -408,6 +427,18 @@ export class AbstractController {
             if (this.clearMobileSpinTimeout)
                 this.clearMobileSpinTimeout();
         });
+        refreshButton.on("pointerout", () => {
+            if (this.clearMobileSpinTimeout)
+                this.clearMobileSpinTimeout();
+        });
+        refreshButton.on("pointerup", () => {
+            if (this.clearMobileSpinTimeout)
+                this.clearMobileSpinTimeout();
+        });
+        refreshButton.on("pointerupoutside", () => {
+            if (this.clearMobileSpinTimeout)
+                this.clearMobileSpinTimeout();
+        });
         refreshButton.on("touchstart", () => {
             this.mobileSpinDelay = setTimeout(() => {
                 this.mobileSpinTimeout = setInterval(() => {
@@ -416,6 +447,7 @@ export class AbstractController {
                     this.summaryStop = this.skipFreeSpinSummary ? false : this.invokeFreeSpinSummaryPlateAfterWin;
                     if (this.invokeFreeSpinPlateAfterWin ||
                         this.summaryStop ||
+                        this.shouldStopMobileSpin ||
                         this.resolveBigWin !== undefined ||
                         this.resolveSuperBonusWin !== undefined ||
                         this.resolveMysteryWin !== undefined) {
@@ -766,6 +798,14 @@ export class AbstractController {
         this.winActionsQueue.length = 0;
         this.currentlyPlayedAction = undefined;
     }
+    /**
+     * Function for updating balance on special occasion ex. bonusGame
+     * @public
+     * @returns {void}
+     */
+    updateBalance() {
+        this.uiController.currentBalance = RainMan.settingsStore.balanceAfterSpin;
+    }
     /**
      * Function that is used to invoke take action after winning (send request to backend to save status of wallet).
      * After that action, gamble and other bonus games are blocked.
@@ -842,6 +882,7 @@ export class AbstractController {
         }
         this.changeGamePhase(gamePhases.CONFIGURING_SPIN);
         this.uiController.currentBalance = data.balance;
+        RainMan.settingsStore.setBalanceAfterSpin(data.balanceAfterSpin);
         this.roundNumber = data.getRawData().round_number;
         RainMan.settingsStore.setRoundNumber(data.getRawData().round_number);
         return {
@@ -1028,6 +1069,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);
@@ -1066,6 +1109,7 @@ export class AbstractController {
                 this.uiController.messageBox.hideCurrentWinText();
             this.uiController.messageBox.hideAutoSpinText();
             await this.handleFreeSpinPlateInvocation(freeSpinAward, isAdditionalFreeSpins || additionalFreeSpinsOnLastSpin);
+            this.uiController.currentBalance = RainMan.settingsStore.balanceAfterSpin;
             this.uiController.triggerUiElementsUpdate();
             this.uiController.messageBox.showFreeSpinText();
         }
@@ -1149,6 +1193,7 @@ 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);
@@ -1457,7 +1502,6 @@ export class AbstractController {
         }
         else {
             this.uiController.delegateUpdatingWinAndBalance(value);
-            this.uiController.updateShownBalance();
         }
     }
     /**

package/dist/controllers/QuickStopController.js

@@ -46,6 +46,8 @@ export class QuickStopController {
     handleSpeedPopupInvocation() {
         if (this.shouldInvokeSpeedPopup && !this.speedPopupDisabled) {
             this.buttonsEventManager?.setSpeedPopupVisibility("flex");
+            RainMan.settingsStore.isSpeedModalShown = true;
+            this.buttonsEventManager.disableButtons();
             this.shouldInvokeSpeedPopup = false;
             this.speedPopupDisabled = true;
         }

package/dist/controllers/UiController.js

@@ -138,7 +138,7 @@ export class UiController {
             case "remain":
                 return this.lastBet;
             case "highest":
-                return this.config?.getHighestBet(this.currentBalance) || 0;
+                return this.config?.getHighestBet(this._currentBalance) || 0;
             default:
                 return this.config?.getFirstBet() || 0;
         }
@@ -242,7 +242,6 @@ export class UiController {
         this.messageBox.showCurrentWinText();
         this._promisesToSetBalances = [];
         this.updateDisplayedWin(amount);
-        this.updateDisplayedBalance(amount);
     }
     /**
      * Function for updating displayed win amount

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;
@@ -39,6 +40,7 @@ export declare class SettingsStore {
     balancedIncreased: number;
     balancedDecreased: number;
     howManyFreeSpinsLeft: number;
+    balanceAfterSpin: number;
     howManyAutoSpinsLeft: number;
     freeSpinBuyTable: Record<number, number>;
     volumeLevel: number;
@@ -49,6 +51,7 @@ export declare class SettingsStore {
     isTemporarySpeed: boolean;
     disableBigWin: boolean;
     isAfterFreeSpinsSummary: boolean;
+    isSpeedModalShown: boolean;
     reinitData?: SpinDataInterface[];
     setSpeedPopupVisibility?: (visibility: "flex" | "none") => void;
     popupPaytableRepositionCallback?: () => void;
@@ -91,6 +94,13 @@ export declare class SettingsStore {
      * @returns {void}
      */
     addCumulativeWinAmount(amount: number): void;
+    /**
+     * Store balance after spin for updates.
+     * @public
+     * @param {number} balance to set.
+     * @returns {void}
+     */
+    setBalanceAfterSpin(balance: number): void;
     /**
      * Disables special buttons like gamble and take.
      * @public

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;
@@ -43,6 +44,7 @@ export class SettingsStore {
     balancedIncreased = 0;
     balancedDecreased = 0;
     howManyFreeSpinsLeft = 0;
+    balanceAfterSpin = 0;
     howManyAutoSpinsLeft = INITIAL_AUTO_SPIN_COUNT;
     freeSpinBuyTable = {};
     volumeLevel = Number(getFromLocalStorage(LOCAL_STORAGE.volumeLevel, 100));
@@ -53,6 +55,7 @@ export class SettingsStore {
     isTemporarySpeed = false;
     disableBigWin = false;
     isAfterFreeSpinsSummary = true;
+    isSpeedModalShown = false;
     reinitData;
     setSpeedPopupVisibility;
     popupPaytableRepositionCallback;
@@ -85,6 +88,7 @@ export class SettingsStore {
         }
         makeAutoObservable(this, {
             setBatteryFlag: action.bound,
+            setBalanceAfterSpin: action.bound,
             setShouldPlayAmbientMusic: action.bound,
             setShouldPlayFxSounds: action.bound,
             setFullScreenFlag: action.bound,
@@ -151,6 +155,15 @@ export class SettingsStore {
     addCumulativeWinAmount(amount) {
         this.cumulativeWinAmount = this.cumulativeWinAmount + amount;
     }
+    /**
+     * Store balance after spin for updates.
+     * @public
+     * @param {number} balance to set.
+     * @returns {void}
+     */
+    setBalanceAfterSpin(balance) {
+        this.balanceAfterSpin = balance;
+    }
     /**
      * Disables special buttons like gamble and take.
      * @public

package/package.json

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