pixi-rainman-game-engine 0.3.16 → 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/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/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();
@@ -160,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);
@@ -376,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) { }
@@ -1059,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);

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/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.17",
     "description": "This repository contains all of the mechanics that used in rainman games.",
     "main": "./dist/index.js",
     "module": "./dist/index.js",