pixi-rainman-game-engine 0.2.28 → 0.3.0

package/dist/Rainman/Rainman.d.ts

@@ -3,7 +3,7 @@ import { Application } from "pixi.js";
 import { SymbolIds, WinTypeIds } from "../application";
 import { ComponentRegistry } from "../ComponentRegistry";
 import { SettingsStore } from "../stores";
-import { AppConfig, Globals, OptionalAppConfig, RequiredAppConfig } from "./types";
+import { AppConfigWithoutToken, Globals, OptionalAppConfig, RequiredAppConfig } from "./types";
 /**
  * This class represents Pixi application. Before initializing game, user has to configure following:
  * - {@link Application}
@@ -20,5 +20,10 @@ export declare class RainMan {
     static settingsStore: SettingsStore;
     static componentRegistry: ComponentRegistry;
     static globals: Globals;
-    constructor(app: Application, config: AppConfig, symbolIds: SymbolIds, winTypeIds: WinTypeIds);
+    constructor(app: Application, config: AppConfigWithoutToken, symbolIds: SymbolIds, winTypeIds: WinTypeIds);
+    /**
+     * Method for genereting a token or getting existing token for the game session.
+     * @returns {string} - token for the game session
+     */
+    private getToken;
 }

package/dist/Rainman/Rainman.js

@@ -1,6 +1,7 @@
 import "../components/dictionary/i18n";
 import { merge } from "lodash";
 import { Currencies } from "ts-money";
+import uuid4 from "uuid4";
 import { ComponentRegistry } from "../ComponentRegistry";
 import { settingStore } from "../SettingsUI/hooks";
 import { defaultAppConfig } from "./appConfig";
@@ -22,7 +23,9 @@ export class RainMan {
     static globals;
     constructor(app, config, symbolIds, winTypeIds) {
         RainMan.app = app;
-        RainMan.config = merge(defaultAppConfig, config);
+        RainMan.config = merge({}, defaultAppConfig, config, {
+            gameInitToken: this.getToken()
+        });
         RainMan.symbolIds = symbolIds;
         RainMan.winTypeIds = winTypeIds;
         RainMan.settingsStore = settingStore;
@@ -32,4 +35,21 @@ export class RainMan {
             shouldShowModals: false
         };
     }
+    /**
+     * Method for genereting a token or getting existing token for the game session.
+     * @returns {string} - token for the game session
+     */
+    getToken() {
+        const url = new URL(window.location.href);
+        let token = url.searchParams.get("token");
+        if (token) {
+            return token;
+        }
+        else {
+            token = uuid4();
+            url.searchParams.set("token", token);
+            window.history.replaceState({}, "", url.toString());
+            return token;
+        }
+    }
 }

package/dist/Rainman/types.d.ts

@@ -62,6 +62,7 @@ export type OptionalAppConfig = {
     };
 };
 export type AppConfig = RequiredAppConfig & DeepPartial<OptionalAppConfig>;
+export type AppConfigWithoutToken = Omit<RequiredAppConfig, "gameInitToken"> & DeepPartial<OptionalAppConfig>;
 /**
  * This interface represents global variables in pixi application. Can be extended in `engine.d.ts` in each project to provide project-wide variables.
  */

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

@@ -131,5 +131,15 @@ export declare class ButtonsEventManager {
      * @param {string} layerName - name of layer
      */
     private handleModalInvocation;
+    /**
+     * Function for closing all other modals except the one with given name
+     * @param {string} activeLayerName - name of the layer that should remain open
+     */
+    private closeOtherModals;
+    /**
+     * Function for checking if any layer is present except the one with given name
+     * @param {string} layerName - name of layer to check
+     * @returns {boolean} - true if any other layer is present, false otherwise
+     */
     private checkAnyLayerIsPresent;
 }

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -327,6 +327,9 @@ export class ButtonsEventManager {
     handleModalInvocation(layerName) {
         if (this.checkAnyLayerIsPresent(layerName) && RainMan.globals.shouldShowModals)
             return;
+        if (this.checkAnyLayerIsPresent(layerName)) {
+            this.closeOtherModals(layerName);
+        }
         const layer = window.document.getElementById(layerName);
         if (layer !== null) {
             if (layer.style.display !== "flex") {
@@ -339,6 +342,26 @@ export class ButtonsEventManager {
             }
         }
     }
+    /**
+     * Function for closing all other modals except the one with given name
+     * @param {string} activeLayerName - name of the layer that should remain open
+     */
+    closeOtherModals(activeLayerName) {
+        for (const itemId of allUiItems) {
+            if (itemId === activeLayerName) {
+                continue;
+            }
+            const layer = window.document.getElementById(itemId);
+            if (layer !== null && layer.style.display === "flex") {
+                layer.style.display = "none";
+            }
+        }
+    }
+    /**
+     * Function for checking if any layer is present except the one with given name
+     * @param {string} layerName - name of layer to check
+     * @returns {boolean} - true if any other layer is present, false otherwise
+     */
     checkAnyLayerIsPresent(layerName) {
         return Object.values(UI_ITEMS).some((item) => {
             if (item === layerName)

package/dist/components/buttons/BaseButton/BaseButton.js

@@ -1,6 +1,7 @@
 import { Sprite } from "pixi.js";
 import { SoundManager, SoundTracks } from "../../../application";
 import { TINT_DISABLED, TINT_ENABLED } from "../../../constants";
+import { hidePaytable } from "../../../utils";
 /**
  * Class for basic button with states and textures
  * @class BaseButton
@@ -23,6 +24,7 @@ export class BaseButton extends Sprite {
         }
         this._customClickHandler();
         this._manageStateOver();
+        hidePaytable();
     };
     _customClickHandler = () => { };
     constructor(name, textureMap, stateful = false, clickSound = SoundTracks.button) {

package/dist/components/messageBox/MessageBox.d.ts

@@ -32,19 +32,81 @@ export declare class MessageBox extends Container {
     private incentiveMessageShown;
     private winLineIndicatorShown;
     constructor();
+    /**
+     * Updates the incentive text displayed in the message box.
+     * @param {string} newText - The new text to display.
+     */
     updateIncentiveText(newText: string): void;
+    /**
+     * Function for hiding current win text
+     */
     hideCurrentWinText(): void;
+    /**
+     * Function fro hiding possible win text
+     */
     hidePossibleWinText(): void;
+    /**
+     * Function for hiding free spin text
+     */
     hideFreeSpinText(): void;
+    /**
+     * Function for hiding auto spin text
+     */
     hideAutoSpinText(): void;
+    /**
+     * Function for hiding incentive text
+     */
     hideIncentiveText(): void;
+    /**
+     * Function for hiding win line indicator
+     */
     hideWinLineIndicator(): void;
+    /**
+     * Function for resizing message box
+     * It sets the scale of the message box to the global minimum ratio.
+     * If the device orientation is mobile and the win line indicator is shown, it repositions
+     * the win line indicator to ensure it is displayed correctly.
+     * @memberof MessageBox
+     */
     resize(): void;
+    /**
+     * Getter for the height of the win line animation.
+     * If the win line indicator is not defined, it returns 0.
+     * @returns {number} The height of the win line animation.
+     */
+    get winLineAnimationHeight(): number;
+    /**
+     * Displays the current win text in the message box.
+     * @returns {void}
+     */
     showCurrentWinText(): void;
     showPossibleWinText(): void;
+    /**
+     * Displays the auto spin text in the message box.
+     * It checks if auto spins are enabled and if the text is already shown.
+     * @returns {void}
+     */
     showAutoSpinText(): void;
+    /**
+     * Displays the free spin text in the message box.
+     * It checks if free spins are enabled and if the text is already shown.
+     * If free spin text is disabled in the configuration, it does nothing.
+     * @returns {void}
+     */
     showFreeSpinText(): void;
     showIncentiveText(): void;
+    /**
+     * Function to center a text component on the X-axis of the message box.
+     * @param {Container | undefined} component container component to center
+     * @returns {void}
+     */
     private centerTextOnX;
+    /**
+     * Displays the win line indicator in the message box.
+     * @param {string} message The message to display.
+     * @param {(symbolId: SymbolId, suffix?: string) => string} getImageForSymbolId Function to get the image for a symbol ID.
+     * @param {SymbolId[]} symbolIds The symbol IDs to display.
+     * @param {Partial<ITextStyle>} winLineTextStyleOverrides Overrides for the text style.
+     */
     showWinLineIndicator(message: string, getImageForSymbolId: (symbolId: SymbolId, suffix?: string) => string, symbolIds?: SymbolId[], winLineTextStyleOverrides?: Partial<ITextStyle>): void;
 }

package/dist/components/messageBox/MessageBox.js

@@ -4,7 +4,7 @@ import { Color, Container, Graphics, Text } from "pixi.js";
 import { UPDATABLE_MODES, UpdatableTextComponent, WinLineIndicator } from "../../components";
 import { UXLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
-import { getDeviceOrientation, globalMinRatio } from "../../utils";
+import { getDeviceOrientation } from "../../utils";
 /**
  * Class represents messages information in box
  * Like:
@@ -44,7 +44,7 @@ export class MessageBox extends Container {
             : RainMan.config.fontSize;
         this.positioningFrame = new Graphics();
         this.positioningFrame.beginFill(0xff0000, 0.0);
-        this.positioningFrame.drawRect(0, 0, 800, 100);
+        this.positioningFrame.drawRect(0, 0, 800, 150);
         this.addChild(this.positioningFrame);
         this.parentLayer = UXLayer;
         this.freeSpinText = new UpdatableTextComponent(MessageBox.freeSpinTextRegistryName, i18n.t("currentFreeSpins"), UPDATABLE_MODES.int, fontSize, new Color(0xffffff).toHex(), () => this.centerTextOnX(this.freeSpinText));
@@ -70,40 +70,62 @@ export class MessageBox extends Container {
             this.possibleWinText
         ]);
     }
+    /**
+     * Updates the incentive text displayed in the message box.
+     * @param {string} newText - The new text to display.
+     */
     updateIncentiveText(newText) {
         this.incentiveText.text = newText;
         this.centerTextOnX(this.incentiveText);
     }
+    /**
+     * Function for hiding current win text
+     */
     hideCurrentWinText() {
         if (this.currentWinShown) {
             this.currentWinShown = false;
             this.removeChild(this.currentWinText);
         }
     }
+    /**
+     * Function fro hiding possible win text
+     */
     hidePossibleWinText() {
         if (this.possibleWinShown) {
             this.possibleWinShown = false;
             this.removeChild(this.possibleWinText);
         }
     }
+    /**
+     * Function for hiding free spin text
+     */
     hideFreeSpinText() {
         if (this.freeSpinShown) {
             this.freeSpinShown = false;
             this.removeChild(this.freeSpinText);
         }
     }
+    /**
+     * Function for hiding auto spin text
+     */
     hideAutoSpinText() {
         if (this.autoSpinShown) {
             this.autoSpinShown = false;
             this.removeChild(this.autoSpinText);
         }
     }
+    /**
+     * Function for hiding incentive text
+     */
     hideIncentiveText() {
         if (this.incentiveMessageShown) {
             this.incentiveMessageShown = false;
             this.removeChild(this.incentiveText);
         }
     }
+    /**
+     * Function for hiding win line indicator
+     */
     hideWinLineIndicator() {
         if (this.winLineIndicatorShown && this.winLineIndicator) {
             this.winLineIndicatorShown = false;
@@ -112,50 +134,84 @@ export class MessageBox extends Container {
             this.winLineIndicator = undefined;
         }
     }
+    /**
+     * Function for resizing message box
+     * It sets the scale of the message box to the global minimum ratio.
+     * If the device orientation is mobile and the win line indicator is shown, it repositions
+     * the win line indicator to ensure it is displayed correctly.
+     * @memberof MessageBox
+     */
     resize() {
-        this.scale.set(globalMinRatio());
         if (getDeviceOrientation().includes("mobile") && this.winLineIndicatorShown && this.winLineIndicator) {
             this.removeChild(this.winLineIndicator);
             this.addChild(this.winLineIndicator);
         }
     }
+    /**
+     * Getter for the height of the win line animation.
+     * If the win line indicator is not defined, it returns 0.
+     * @returns {number} The height of the win line animation.
+     */
+    get winLineAnimationHeight() {
+        return this.winLineIndicator?.height ?? 0;
+    }
+    /**
+     * Displays the current win text in the message box.
+     * @returns {void}
+     */
     showCurrentWinText() {
-        if (RainMan.settingsStore.isFreeSpinsPlayEnabled && RainMan.config.disableFreeSpinText)
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled && RainMan.config.disableFreeSpinText) {
             return;
+        }
         this.hideIncentiveText();
         this.hidePossibleWinText();
-        if (this.currentWinShown)
+        if (this.currentWinShown) {
             return;
+        }
         this.currentWinShown = true;
         this.centerTextOnX(this.currentWinText);
         this.addChild(this.currentWinText);
     }
     showPossibleWinText() {
         this.hideIncentiveText();
-        if (this.possibleWinShown)
+        if (this.possibleWinShown) {
             return;
+        }
         this.possibleWinShown = true;
         this.centerTextOnX(this.possibleWinText);
         this.addChild(this.possibleWinText);
     }
+    /**
+     * Displays the auto spin text in the message box.
+     * It checks if auto spins are enabled and if the text is already shown.
+     * @returns {void}
+     */
     showAutoSpinText() {
         this.hideIncentiveText();
         this.hideWinLineIndicator();
-        if (this.autoSpinShown || this.freeSpinShown)
+        if (this.autoSpinShown || this.freeSpinShown) {
             return;
+        }
         this.autoSpinShown = true;
-        this.autoSpinText.set(RainMan.settingsStore.howManyAutoSpinsLeft + 1);
+        this.autoSpinText.set(RainMan.settingsStore.howManyAutoSpinsLeft);
         this.centerTextOnX(this.autoSpinText);
         this.addChild(this.autoSpinText);
     }
+    /**
+     * Displays the free spin text in the message box.
+     * It checks if free spins are enabled and if the text is already shown.
+     * If free spin text is disabled in the configuration, it does nothing.
+     * @returns {void}
+     */
     showFreeSpinText() {
-        if (RainMan.config.disableFreeSpinText)
+        if (RainMan.config.disableFreeSpinText) {
             return;
+        }
         this.hideIncentiveText();
-        this.hideAutoSpinText();
         this.hideWinLineIndicator();
-        if (this.freeSpinShown)
+        if (this.freeSpinShown) {
             return;
+        }
         this.freeSpinShown = true;
         this.centerTextOnX(this.freeSpinText);
         this.addChild(this.freeSpinText);
@@ -166,17 +222,31 @@ export class MessageBox extends Container {
         this.hideFreeSpinText();
         this.hideAutoSpinText();
         this.hideWinLineIndicator();
-        if (this.incentiveMessageShown)
+        if (this.incentiveMessageShown) {
             return;
+        }
         this.incentiveMessageShown = true;
         this.centerTextOnX(this.incentiveText);
         this.addChild(this.incentiveText);
     }
+    /**
+     * Function to center a text component on the X-axis of the message box.
+     * @param {Container | undefined} component container component to center
+     * @returns {void}
+     */
     centerTextOnX(component) {
-        if (!component)
+        if (!component) {
             return;
+        }
         component.x = this.positioningFrame.width / 2 - component.width / 2;
     }
+    /**
+     * Displays the win line indicator in the message box.
+     * @param {string} message The message to display.
+     * @param {(symbolId: SymbolId, suffix?: string) => string} getImageForSymbolId Function to get the image for a symbol ID.
+     * @param {SymbolId[]} symbolIds The symbol IDs to display.
+     * @param {Partial<ITextStyle>} winLineTextStyleOverrides Overrides for the text style.
+     */
     showWinLineIndicator(message, getImageForSymbolId, symbolIds = [], winLineTextStyleOverrides = {}) {
         this.hideWinLineIndicator();
         this.hideIncentiveText();
@@ -195,7 +265,7 @@ export class MessageBox extends Container {
             ...winLineTextStyleOverrides
         };
         this.winLineIndicator = new WinLineIndicator(winLineTextStyle, getImageForSymbolId, message, symbolIds);
-        this.winLineIndicator.y = -this.currentWinText.y + this.winLineIndicator.height / 2;
+        this.winLineIndicator.y = 50;
         this.winLineIndicatorShown = true;
         this.centerTextOnX(this.winLineIndicator);
         this.addChild(this.winLineIndicator);

package/dist/components/symbols/AbstractSymbolBase.js

@@ -3,7 +3,7 @@ import { Spine } from "pixi-spine";
 import { animationsSpeedLevels, defaultSpeedConfig, SoundManager, SoundTracks } from "../../application";
 import { AnimationLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
-import { getSpineData, getTexture, togglePaytable } from "../../utils";
+import { getSpineData, getTexture, logError, togglePaytable } from "../../utils";
 /**
  * Class represents symbol which is displayed in columns
  * @abstract
@@ -117,11 +117,17 @@ export class AbstractSymbolBase extends Container {
         if (multiplier <= 1 || this.multiplierSpineName === null)
             return;
         const symbolMultiplier = new Spine(getSpineData(this.multiplierSpineName));
+        if (symbolMultiplier.state.hasAnimation(`x${multiplier}`)) {
+            symbolMultiplier.state.setAnimation(0, `x${multiplier}`, false);
+        }
+        else {
+            logError(`$ Multiplier animation 'x${multiplier}' does not exist for symbol ID: ${this._id}`);
+            return;
+        }
         this.addChild(symbolMultiplier);
         await new Promise((resolve) => {
             symbolMultiplier.state.timeScale = this.animationSpeedMultiplier;
             symbolMultiplier.parentLayer = AnimationLayer;
-            symbolMultiplier.state.setAnimation(0, `x${multiplier}`, false);
             this.endOfMultiplierAnimationPromise = resolve;
             symbolMultiplier.state.addListener({
                 complete: () => resolve()

package/dist/connectivity/ConnectionWrapper.d.ts

@@ -1,4 +1,4 @@
-import { ExtraDataRequest, GambleCardColor, GambleDataInterface, InitDataInterface, ServerMessage, SpinData, SubscribableConnectionWrapper } from "../connectivity";
+import { ExtraDataRequest, GambleCardColor, GambleDataInterface, InitDataInterface, MiniGameInterface, ServerMessage, SpinData, SubscribableConnectionWrapper } from "../connectivity";
 /**
  * Class for managing connection to the server via websockets
  * This class handles communication with the server, including fetching initial data, spin data, free spin data, and gamble data.
@@ -88,6 +88,14 @@ export declare class ConnectionWrapper implements SubscribableConnectionWrapper
      * @returns {WebSocket} fresh websocket instance
      */
     private getFreshWsInstance;
+    /**
+     * Method for fetching mini game data from the server
+     * @param {number} roundNumber - the round number to fetch data for
+     * @param {string} operation - the operation to perform
+     * @param {number} position - the position to use
+     * @returns {Promise<MiniGameInterface>} - the mini game data
+     */
+    fetchMiniGameData(roundNumber: number, operation: string, position: number): Promise<MiniGameInterface>;
     /**
      * Method for fetching data from the server
      * @param {ServerRequest} request request for the server

package/dist/connectivity/ConnectionWrapper.js

@@ -220,6 +220,30 @@ export class ConnectionWrapper {
     getFreshWsInstance() {
         return new WebSocket(RainMan.config.websocketUrl);
     }
+    /**
+     * Method for fetching mini game data from the server
+     * @param {number} roundNumber - the round number to fetch data for
+     * @param {string} operation - the operation to perform
+     * @param {number} position - the position to use
+     * @returns {Promise<MiniGameInterface>} - the mini game data
+     */
+    async fetchMiniGameData(roundNumber, operation, position) {
+        if (typeof this.config?.token === "undefined") {
+            throw new Error("Token was not defined");
+        }
+        const data = await this.fetch({
+            action: "mini-game",
+            operation,
+            round_number: roundNumber,
+            token: this.config.token,
+            reference: RainMan.config.gameInitReference,
+            extra_data: {
+                position: position
+            }
+        });
+        this.sendEndOfRoundData(roundNumber);
+        return data;
+    }
     /**
      * Method for fetching data from the server
      * @param {ServerRequest} request request for the server

package/dist/connectivity/LocalConnectionWrapper.d.ts

@@ -1,5 +1,5 @@
 import { ServerMessage, SubscribableConnectionWrapper } from "./serverConnection";
-import { InitDataInterface } from "./serverData";
+import { InitDataInterface, MiniGameInterface } from "./serverData";
 import { SpinData } from "./spinData";
 /**
  * Class for mocking connection to the server
@@ -19,6 +19,7 @@ export declare class LocalConnectionWrapper implements SubscribableConnectionWra
     fetchSpinData(): Promise<SpinData>;
     subscribeForConfigChanges(subscriberFn: () => void): void;
     sendEndOfRoundData(roundNumber: number): Promise<ServerMessage>;
+    fetchMiniGameData(_roundNumber: number, _operation: string, _position: number): Promise<MiniGameInterface>;
     sendTakeAction(roundNumber: number): Promise<ServerMessage>;
     fetchFreeSpinData(roundNumber: number, quantity: number): Promise<SpinData>;
     getMessageHistory(): ServerMessage[];

package/dist/connectivity/LocalConnectionWrapper.js

@@ -51,6 +51,14 @@ export class LocalConnectionWrapper {
         this.subscribers.forEach((subscriber) => subscriber());
         return Promise.resolve(data);
     }
+    fetchMiniGameData(_roundNumber, _operation, _position) {
+        return new Promise((res) => {
+            setTimeout(() => {
+                const data = apiQueue(this.localResponse);
+                res(data);
+            }, 200);
+        });
+    }
     sendTakeAction(roundNumber) {
         const data = {
             action: "take",

package/dist/connectivity/serverConnection.d.ts

@@ -1,10 +1,11 @@
-import { EndDataInterface, GambleCardColor, GambleDataInterface, InitDataInterface, SpinDataInterface, TakeDataInterface } from "./serverData";
+import { EndDataInterface, GambleCardColor, GambleDataInterface, InitDataInterface, MiniGameInterface, SpinDataInterface, TakeDataInterface } from "./serverData";
 import { SpinData } from "./spinData";
 export interface ServerCommunication {
     initCommunication(): Promise<void>;
     fetchInitData(): Promise<void>;
     initData(): InitDataInterface;
     fetchSpinData(roundNumber: number, bet: number, extraData?: ExtraDataRequest): Promise<SpinData>;
+    fetchMiniGameData(roundNumber: number, operation: string, position: number): Promise<MiniGameInterface>;
     fetchFreeSpinData(roundNumber: number, amount: number, price: number): Promise<SpinData>;
     sendEndOfRoundData(roundNumber: number): Promise<ServerMessage>;
     sendTakeAction(roundNumber: number): Promise<ServerMessage>;
@@ -35,6 +36,11 @@ export type SpinServerRequest = BaseServerRequest & {
     bet: number;
     extra_data: ExtraDataRequest;
 };
+export type MiniGameRequest = {
+    action: "mini-game";
+    operation: string;
+    extra_data: ExtraDataRequest;
+} & BaseServerRequest;
 export type BuyFreeSpinServerRequest = BaseServerRequest & {
     action: "buy";
     operation: "buy-free-spins";
@@ -57,6 +63,6 @@ export type TakeServerRequest = BaseServerRequest & {
 };
 export interface ExtraDataRequest {
 }
-export type ServerRequest = InitServerRequest | SpinServerRequest | BuyFreeSpinServerRequest | GambleServerRequest | EndServerRequest | TakeServerRequest;
-export type ServerMessage = InitDataInterface | SpinDataInterface | GambleDataInterface | EndDataInterface | TakeDataInterface;
+export type ServerRequest = InitServerRequest | MiniGameRequest | SpinServerRequest | BuyFreeSpinServerRequest | GambleServerRequest | EndServerRequest | TakeServerRequest;
+export type ServerMessage = InitDataInterface | SpinDataInterface | GambleDataInterface | EndDataInterface | MiniGameInterface | TakeDataInterface;
 export {};

package/dist/connectivity/serverData.d.ts

@@ -40,6 +40,23 @@ export interface TakeDataInterface {
     };
     win_amount_total: number;
 }
+export interface MiniGameInterface {
+    action: "mini-game";
+    balance: number;
+    round_number: number;
+    status: {
+        code: number;
+        message: string;
+    };
+    extra_data: ExtraData;
+    win_amount: number;
+    wins: Record<string, RawWin>;
+    matrix: {
+        height: number;
+        width: number;
+        symbols: Record<string, number>;
+    };
+}
 export type JackpotType = "jackpot-mini" | "jackpot-minor" | "jackpot-major" | "jackpot-grand";
 export type JackpotWins = {
     "jackpot-grand": {

package/dist/controllers/AbstractController.js

@@ -529,8 +529,8 @@ export class AbstractController {
         if (this.gamePhase === gamePhases.DATA_FETCH ||
             this.gamePhase === gamePhases.SPINNING ||
             this.gamePhase === gamePhases.CONFIGURING_SPIN) {
-            this.isSpinThrottled = true;
             this.columnsContainer.enableQuickReelsStop();
+            this.isSpinThrottled = true;
             this.quickStopController.handleResetCounter(this.spinThrottlerTimeout !== null);
             this.quickStopController.handleInvokingSpeedPopup();
             return;
@@ -557,10 +557,10 @@ export class AbstractController {
             this.columnsContainer.clearQuickReelsStop();
             return;
         }
-        if (this.mobileSpinTimeout !== null) {
-            this.columnsContainer.clearQuickReelsStop();
-            return;
-        }
+        // if (this.mobileSpinTimeout !== null) {
+        //     this.columnsContainer.clearQuickReelsStop();
+        //     return;
+        // }
         if (this.gamePhase === gamePhases.IDLE || this.gamePhase === gamePhases.HANDLING_ACTIONS) {
             this.spin();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixi-rainman-game-engine",
-    "version": "0.2.28",
+    "version": "0.3.0",
     "description": "This repository contains all of the mechanics that used in rainman games.",
     "main": "./dist/index.js",
     "module": "./dist/index.js",
@@ -38,6 +38,7 @@
         "react-dom": "^18.2.0",
         "stats.js": "^0.17.0",
         "ts-money": "^0.4.8",
+        "uuid4": "^2.0.3",
         "zod": "^3.22.4"
     },
     "devDependencies": {
@@ -47,6 +48,7 @@
         "@types/react-custom-scroll": "^5.0.3",
         "@types/react-dom": "^18.2.22",
         "@types/stats.js": "^0.17.3",
+        "@types/uuid4": "^2.0.3",
         "@types/web": "^0.0.199",
         "@typescript-eslint/eslint-plugin": "^7.0.2",
         "@typescript-eslint/parser": "^7.0.2",