pixi-rainman-game-engine 0.1.10 → 0.1.12

package/dist/ComponentRegistry/types.d.ts

@@ -1,4 +1,4 @@
-import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BaseButton, BUTTONS, COMPONENTS, FreeSpinBox, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, StylefulUpdatableText, UpdatableTextComponent, UpdatableValueComponent, VolumeButton } from "../components";
+import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BaseButton, BUTTONS, COMPONENTS, FreeSpinButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, StylefulUpdatableText, UpdatableTextComponent, UpdatableValueComponent, VolumeButton } from "../components";
 export interface RegistryMap {
     [MessageBox.autoSpinTextRegistryName]: UpdatableValueComponent;
     [MessageBox.currentWinTextRegistryName]: UpdatableTextComponent;
@@ -8,7 +8,7 @@ export interface RegistryMap {
     [Background.registryName]: Background;
     [VolumeButton.registryName]: VolumeButton;
     [AutoplayButton.registryName]: AutoplayButton;
-    [FreeSpinBox.registryName]?: FreeSpinBox;
+    [FreeSpinButton.registryName]?: FreeSpinButton;
     [AbstractFrame.registryName]: AbstractFrame;
     [AbstractInnerFrame.registryName]: AbstractInnerFrame;
     [AbstractColumnsContainer.registryName]: AbstractColumnsContainer;

package/dist/ComponentRegistry/types.js

@@ -1 +1 @@
-import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinBox, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, VolumeButton, } from "../components";
+import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, VolumeButton, } from "../components";

package/dist/Rainman/Rainman.d.ts

@@ -1,6 +1,6 @@
 import "../components/dictionary/i18n";
 import { Application } from "pixi.js";
-import { SpinLogicFactory, SymbolIds, WinTypeIds } from "../application";
+import { SymbolIds, WinTypeIds } from "../application";
 import { ComponentRegistry } from "../ComponentRegistry";
 import { SettingsStore } from "../stores";
 import { AppConfig, Globals, OptionalAppConfig, RequiredAppConfig } from "./types";
@@ -11,7 +11,6 @@ export declare class RainMan {
     static winTypeIds: WinTypeIds;
     static settingsStore: SettingsStore;
     static componentRegistry: ComponentRegistry;
-    static spinLogicFactory: SpinLogicFactory;
     static globals: Globals;
-    constructor(app: Application, config: AppConfig, symbolIds: SymbolIds, winTypeIds: WinTypeIds, spinLogicFactory: SpinLogicFactory);
+    constructor(app: Application, config: AppConfig, symbolIds: SymbolIds, winTypeIds: WinTypeIds);
 }

package/dist/Rainman/Rainman.js

@@ -11,16 +11,14 @@ export class RainMan {
     static winTypeIds;
     static settingsStore;
     static componentRegistry;
-    static spinLogicFactory;
     static globals;
-    constructor(app, config, symbolIds, winTypeIds, spinLogicFactory) {
+    constructor(app, config, symbolIds, winTypeIds) {
         RainMan.app = app;
         RainMan.config = merge(defaultAppConfig, config);
         RainMan.symbolIds = symbolIds;
         RainMan.winTypeIds = winTypeIds;
         RainMan.settingsStore = settingStore;
         RainMan.componentRegistry = new ComponentRegistry(app);
-        RainMan.spinLogicFactory = spinLogicFactory;
         RainMan.globals = {
             currency: Currencies["USD"],
         };

package/dist/Rainman/appConfig.js

@@ -13,6 +13,7 @@ export const defaultAppConfig = {
     mobileFontSize: 45,
     updatableSpineContainerFontSize: 50,
     updatableTextValueColor: new Color(0xffffff).toHex(),
+    autoplayGlowColor: new Color(0xff3000).toNumber(),
     fontFace: ["HelveticaNeueLTStd"],
     winLineIndicatorSymbolScale: 0.75,
     durationOfActions: {
@@ -21,7 +22,7 @@ export const defaultAppConfig = {
         timeToSpeedUp: 200,
         timeToSlowDown: 10,
         symbolDropDownTime: 500,
-        wiggleTweenDuration: 400,
+        wiggleTweenDuration: 1000,
         balloonFlyUpTime: 500,
         timeToSetResults: 10,
         bigWinDuration: 2000,

package/dist/Rainman/types.d.ts

@@ -8,7 +8,6 @@ export type RequiredAppConfig = {
     numberOfColumns: number;
     numberOfRows: number;
     fontColor: string;
-    autoplayGlowColor: number;
 };
 export type OptionalAppConfig = {
     gameWidth: number;
@@ -21,6 +20,7 @@ export type OptionalAppConfig = {
     updatableTextValueColor: string;
     fontFace: string[];
     mobileFontFace?: string[];
+    autoplayGlowColor: number;
     winLineIndicatorSymbolScale: number;
     durationOfActions: {
         eachColumnsSpinDelay: number[];

package/dist/application/ApiConfig/ApiConfig.js

@@ -47,11 +47,11 @@ export class ApiConfig {
         return {
             action: spinLogicResponse.action,
             balance: spinLogicResponse.balance,
-            availableFreeSpins: spinLogicResponse.available_free_spins,
+            availableFreeSpins: spinLogicResponse.available_free_spins || 0,
             symbolsOnReels: blindsConfiguredByResponse,
             finalBlindsConfiguration: finalSpinPositionOnReels,
             winAmountTotal: spinLogicResponse.win_amount_total,
-            extraData: spinLogicResponse.extra_data,
+            extraData: spinLogicResponse.extra_data || {},
         };
     }
     /**
@@ -62,7 +62,7 @@ export class ApiConfig {
      * @param defaultNumber
      * @returns {string | number}
      */
-    getWinLineNumber(winLineAnimationName, defaultNumber = "unknown") {
+    getWinLineNumber(winLineAnimationName, defaultNumber = "") {
         return this.streakMap.get(winLineAnimationName) ?? defaultNumber;
     }
     /**

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -1,6 +1,6 @@
 import i18n from "i18next";
 import { sample } from "lodash";
-import { AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinBox, MessageBox, SpeedControlButton, VolumeButton, } from "../../components";
+import { AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, MessageBox, SpeedControlButton, VolumeButton, } from "../../components";
 import { RainMan } from "../../Rainman";
 import { allUiItems, hideLayerIfPresent, UI_ITEMS } from "../../utils";
 import { SPEED_LEVELS } from "../SpeedState";
@@ -141,7 +141,7 @@ export class ButtonsEventManager {
      */
     initFreeSpinModal() {
         RainMan.componentRegistry
-            .getIfExists(FreeSpinBox.registryName)
+            .getIfExists(FreeSpinButton.registryName)
             ?.setOnClick(() => this.handleModalInvocation(UI_ITEMS.freeSpin));
     }
     /**

package/dist/application/SpinLogic/types.d.ts

@@ -1,6 +1,4 @@
-import { ExtraData, SpinDataInterface, SymbolReels, TransformationDetails, WinWithTransformation } from "../../connectivity";
-import { ApiConfig } from "../ApiConfig";
-import { SpinLogic } from "./SpinLogic";
+import { ExtraData, SymbolReels, TransformationDetails, WinWithTransformation } from "../../connectivity";
 export type AdaptedSpinResponse = {
     action: string;
     balance: number;
@@ -12,4 +10,3 @@ export type AdaptedSpinResponse = {
     standaloneTransformations: TransformationDetails[][];
     extraData: ExtraData;
 };
-export type SpinLogicFactory = (spinLogicResponse: SpinDataInterface, gameConfig: ApiConfig) => SpinLogic;

package/dist/components/AbstractMainContainer/AbstractMainContainer.d.ts

@@ -1,11 +1,12 @@
 import { Container, Graphics, Sprite } from "pixi.js";
 import { ButtonsEventManager } from "../../application";
 import { AbstractController } from "../../controllers";
+import { RainMan } from "../../Rainman";
 import { Nullable } from "../../utils";
 import { UpdatableSpineContainer } from "../../winComponents";
 import { AbstractFreeSpinContainer } from "../AbstractFreeSpinContainer";
 import { LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RightButtons, RightButtonsLandscape, RightButtonsMobile } from "../buttons";
-import { FreeSpinBox, Logo, ResponsiveContainer } from "../common";
+import { FreeSpinButton, Logo, ResponsiveContainer } from "../common";
 import { IResizableContainer } from "../common/IResizableContainer";
 import { AbstractFrame } from "../frame";
 import { MessageBox } from "../messageBox";
@@ -19,7 +20,7 @@ export declare abstract class AbstractMainContainer extends Container {
     protected logo: Nullable<Logo>;
     protected abstract background: IResizableContainer;
     protected animatedFront: Nullable<IResizableContainer>;
-    protected freeSpinBox: Nullable<FreeSpinBox>;
+    protected freeSpinButton: Nullable<FreeSpinButton>;
     protected underFramePanel: Nullable<Graphics | Sprite>;
     protected portraitPlayButtons: Nullable<MiddleButtons>;
     protected landscapePlayButtons: Nullable<MiddleButtons>;
@@ -35,7 +36,7 @@ export declare abstract class AbstractMainContainer extends Container {
     protected abstract _frame: AbstractFrame;
     protected _controller: Nullable<AbstractController<unknown>>;
     protected constructor();
-    protected abstract triggerStoreInitState(): void;
+    protected triggerStoreInitState(...containersWithSpines: typeof RainMan.settingsStore.containersWithSpines): void;
     get freeSpinPlate(): Nullable<AbstractFreeSpinContainer>;
     get freeSpinSummary(): Nullable<AbstractFreeSpinContainer>;
     protected createFreeSpinPlate(_resolver: () => void, _freeSpinCount: number, _isAdditionalFreeSpin: boolean): AbstractFreeSpinContainer | null;

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -16,7 +16,7 @@ export class AbstractMainContainer extends Container {
     buttonsEventManager;
     logo = null;
     animatedFront = null;
-    freeSpinBox = null;
+    freeSpinButton = null;
     underFramePanel = null;
     portraitPlayButtons = null;
     landscapePlayButtons = null;
@@ -37,6 +37,13 @@ export class AbstractMainContainer extends Container {
             SoundManager.play(SoundTracks.music);
         RainMan.app.renderer.on("resize", () => this.resize());
     }
+    triggerStoreInitState(...containersWithSpines) {
+        RainMan.settingsStore.containersWithSpines.push(...containersWithSpines);
+        RainMan.settingsStore.containersWithSpines.forEach((spine) => {
+            spine.setAnimationTimescale(RainMan.settingsStore.batterySaverFlag);
+        });
+        RainMan.settingsStore.refreshBatterySaver();
+    }
     get freeSpinPlate() {
         return this._freeSpinPlate;
     }
@@ -230,8 +237,8 @@ export class AbstractMainContainer extends Container {
         }
         this.background.resize();
         this.animatedFront?.resize();
-        if (this.freeSpinBox)
-            this.freeSpinBox.resize();
+        if (this.freeSpinButton)
+            this.freeSpinButton.resize();
         this.addChild(this._frame);
         this._frame.resize();
         this.initComponentsForScreenRatio();

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

@@ -0,0 +1,12 @@
+import { Container } from "pixi.js";
+export declare class AnimatedNumber extends Container {
+    private spineName;
+    private number;
+    private digits;
+    constructor(spineName: string, number: number);
+    private setDigits;
+    private removeDigits;
+    get value(): number;
+    set value(value: number);
+    play(): void;
+}

package/dist/components/common/AnimatedNumber.js

@@ -0,0 +1,44 @@
+import { Container } from "pixi.js";
+import { Spine } from "pixi-spine";
+import { getSpineData } from "../../utils";
+export class AnimatedNumber extends Container {
+    spineName;
+    number;
+    digits = [];
+    constructor(spineName, number) {
+        super();
+        this.spineName = spineName;
+        this.number = number;
+        this.setDigits();
+    }
+    setDigits() {
+        this.removeDigits();
+        Array.from(this.number.toString()).forEach((digit) => {
+            const digitSpine = new Spine(getSpineData(this.spineName));
+            digitSpine.state.setAnimation(0, digit, true);
+            digitSpine.x = (this.digits.at(-1)?.x || 0) + digitSpine.width;
+            if (digit === "." || digit === ",") {
+                digitSpine.x += 10;
+                digitSpine.y += 20;
+            }
+            digitSpine.state.timeScale = 0;
+            this.addChild(digitSpine);
+            this.digits.push(digitSpine);
+        });
+        this.pivot.set(this.width / 2, this.height / 2);
+    }
+    removeDigits() {
+        this.digits.forEach((digit) => this.removeChild(digit));
+        this.digits = [];
+    }
+    get value() {
+        return this.number;
+    }
+    set value(value) {
+        this.number = value;
+        this.setDigits();
+    }
+    play() {
+        this.digits.forEach((digit) => (digit.state.timeScale = 1));
+    }
+}

package/dist/components/common/{FreeSpinBox.d.ts → FreeSpinButton.d.ts}

@@ -3,15 +3,15 @@ import { ResumableContainer } from "./ResumableContainers";
  * This class represents button/box with ability to buy free games
  *
  * @export
- * @class FreeSpinBox
- * @typedef {FreeSpinBox}
+ * @class FreeSpinButton
+ * @typedef {FreeSpinButton}
  * @extends {ResumableContainer}
  */
-export declare class FreeSpinBox extends ResumableContainer {
+export declare class FreeSpinButton extends ResumableContainer {
     private spineName;
     private animationName;
     private mobileSpineName;
-    static readonly registryName = "freeSpinBox";
+    static readonly registryName = "freeSpinButton";
     private spine;
     private lastDeviceOrientation?;
     constructor(spineName: string, animationName: string, mobileSpineName?: string);

package/dist/components/common/{FreeSpinBox.js → FreeSpinButton.js}

@@ -9,15 +9,15 @@ import { ResumableContainer } from "./ResumableContainers";
  * This class represents button/box with ability to buy free games
  *
  * @export
- * @class FreeSpinBox
- * @typedef {FreeSpinBox}
+ * @class FreeSpinButton
+ * @typedef {FreeSpinButton}
  * @extends {ResumableContainer}
  */
-export class FreeSpinBox extends ResumableContainer {
+export class FreeSpinButton extends ResumableContainer {
     spineName;
     animationName;
     mobileSpineName;
-    static registryName = "freeSpinBox";
+    static registryName = "freeSpinButton";
     spine;
     lastDeviceOrientation;
     constructor(spineName, animationName, mobileSpineName = spineName) {
@@ -25,7 +25,7 @@ export class FreeSpinBox extends ResumableContainer {
         this.spineName = spineName;
         this.animationName = animationName;
         this.mobileSpineName = mobileSpineName;
-        this.name = FreeSpinBox.registryName;
+        this.name = FreeSpinButton.registryName;
         this.allSpines.push(this.spine);
         this.visible = true;
         this.parentLayer = UXLayer;

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

@@ -1,6 +1,7 @@
 export * from "./AnimatedBackground";
+export * from "./AnimatedNumber";
 export * from "./Background";
-export * from "./FreeSpinBox";
+export * from "./FreeSpinButton";
 export * from "./Logo";
 export * from "./LogoStatic";
 export * from "./ResponsiveComponent";

package/dist/components/common/index.js

@@ -1,6 +1,7 @@
 export * from "./AnimatedBackground";
+export * from "./AnimatedNumber";
 export * from "./Background";
-export * from "./FreeSpinBox";
+export * from "./FreeSpinButton";
 export * from "./Logo";
 export * from "./LogoStatic";
 export * from "./ResponsiveComponent";

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

@@ -24,6 +24,9 @@
         "numberWithCurrency": "{{amount}}{{currency}}",
         "currentWin": "WIN: ",
         "currentFreeSpins": "FREE SPINS: ",
+        "linePays": "LINE {{winLineNumber}} PAYS {{amount}}",
+        "gamePays": "GAME PAYS {{amount}}",
+        "scatterPays": "SCATTER PAYS {{amount}}",
         "idleMessages": {
             "slow": ["HOLD SPACE FOR TURBO SPIN", "PLACE YOUR BETS!", "PRESS SPIN TO WIN", "TRY FAST MODE"],
             "normal": ["HOLD SPACE FOR TURBO SPIN", "PLACE YOUR BETS!", "PRESS SPIN TO WIN", "TRY TURBO FAST MODE"],

package/dist/components/frame/AbstractColumnsContainer.js

@@ -31,13 +31,13 @@ export class AbstractColumnsContainer extends Container {
         this.y = 0;
         this.name = AbstractColumnsContainer.registryName;
         this.parentLayer = FrameLayer;
-        Ticker.shared.add((delta) => this.animate(delta));
     }
     init() {
         this.allColumns.forEach((column) => {
             RainMan.componentRegistry.add(column);
             this.addChild(column);
         });
+        Ticker.shared.add((delta) => this.animate(delta));
         this.doResize();
     }
     adaptToSpeed(speedLevel) {
@@ -198,11 +198,9 @@ export class AbstractColumnsContainer extends Container {
     createMask() {
         const mask = new Graphics();
         mask.beginFill(0xaaaaaa, 1);
-        mask.lineTo(this.maskCoordinates.left, this.maskCoordinates.top);
-        mask.lineTo(this.maskCoordinates.right, this.maskCoordinates.top);
-        mask.lineTo(this.maskCoordinates.right, this.maskCoordinates.bottom);
-        mask.lineTo(this.maskCoordinates.left, this.maskCoordinates.bottom);
-        mask.lineTo(this.maskCoordinates.left, this.maskCoordinates.top);
+        const width = this.maskCoordinates.right - this.maskCoordinates.left;
+        const height = this.maskCoordinates.bottom - this.maskCoordinates.top;
+        mask.drawRect(this.maskCoordinates.left, this.maskCoordinates.top, width, height);
         mask.endFill();
         return mask;
     }

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

@@ -40,7 +40,7 @@ export declare abstract class AbstractSymbolsColumn extends Container implements
     private triggerNextColumnPromise;
     private spinEndPromise;
     skipHidingMysteryFx: boolean;
-    protected abstract bonusSymbol: SymbolId;
+    protected bonusSymbol: SymbolId | null;
     private readonly _id;
     protected constructor(id: string, columnsContainer: AbstractColumnsContainer, allSymbols: SymbolId[]);
     protected abstract get tileHeight(): number;

package/dist/components/symbols/AbstractSymbolsColumn.js

@@ -43,6 +43,7 @@ export class AbstractSymbolsColumn extends Container {
     triggerNextColumnPromise = null;
     spinEndPromise = null;
     skipHidingMysteryFx = false;
+    bonusSymbol = null;
     _id;
     constructor(id, columnsContainer, allSymbols) {
         super();

package/dist/connectivity/ConnectionWrapper.d.ts

@@ -1,4 +1,4 @@
-import { GambleCardColor, GambleDataInterface, InitDataInterface, ServerMessage, SpinData, SubscribableConnectionWrapper } from "../connectivity";
+import { ExtraDataRequest, GambleCardColor, GambleDataInterface, InitDataInterface, ServerMessage, SpinData, SubscribableConnectionWrapper } from "../connectivity";
 export declare class ConnectionWrapper implements SubscribableConnectionWrapper {
     private webSocketConnection;
     private config;
@@ -17,7 +17,7 @@ export declare class ConnectionWrapper implements SubscribableConnectionWrapper
     initData(): InitDataInterface;
     fetchFreeSpinData(roundNumber: number, quantity: number, price: number): Promise<SpinData>;
     private transformFreeSpinData;
-    fetchSpinData(roundNumber: number, bet: number): Promise<SpinData>;
+    fetchSpinData(roundNumber: number, bet: number, extra_data?: ExtraDataRequest): Promise<SpinData>;
     fetchGambleData(roundNumber: number, bet: number, choice: GambleCardColor): Promise<GambleDataInterface>;
     private getFreshWsInstance;
     private fetch;

package/dist/connectivity/ConnectionWrapper.js

@@ -93,7 +93,7 @@ export class ConnectionWrapper {
     transformFreeSpinData(data) {
         return { ...data, previous_gambles: [], results: [], win_amount_total: 0, wins: {}, extra_data: {} };
     }
-    async fetchSpinData(roundNumber, bet) {
+    async fetchSpinData(roundNumber, bet, extra_data = {}) {
         if (typeof this.config?.token === "undefined") {
             throw new Error("Token was not defined");
         }
@@ -103,6 +103,7 @@ export class ConnectionWrapper {
             round_number: roundNumber,
             token: this.config.token,
             bet,
+            extra_data,
         });
         this._messageHistory.push(data);
         return new SpinData(this.config, data);

package/dist/connectivity/LocalConnectionWrapper.d.ts

@@ -7,7 +7,7 @@ export declare class LocalConnectionWrapper implements SubscribableConnectionWra
     private config;
     private subscribers;
     private _initData;
-    constructor(initResponse: InitDataInterface, localResponse: ServerMessage);
+    constructor(initResponse: InitDataInterface, localResponse: ServerMessage | ServerMessage[]);
     initCommunication(): Promise<void>;
     fetchInitData(): Promise<void>;
     initData(): InitDataInterface;

package/dist/connectivity/apiQueue.d.ts

@@ -1,2 +1,2 @@
 import { ServerMessage } from "./serverConnection";
-export declare const apiQueue: (localResponse: ServerMessage) => any;
+export declare const apiQueue: (localResponse: ServerMessage | ServerMessage[]) => any;

package/dist/connectivity/serverConnection.d.ts

@@ -4,7 +4,7 @@ export interface ServerCommunication {
     initCommunication(): Promise<void>;
     fetchInitData(): Promise<void>;
     initData(): InitDataInterface;
-    fetchSpinData(roundNumber: number, bet: number): Promise<SpinData>;
+    fetchSpinData(roundNumber: number, bet: number, extraData?: ExtraDataRequest): Promise<SpinData>;
     fetchFreeSpinData(roundNumber: number, amount: number, price: number): Promise<SpinData>;
     getMessageHistory(): ServerMessage[];
 }
@@ -30,6 +30,7 @@ export type InitServerRequest = BaseServerRequest & {
 export type SpinServerRequest = BaseServerRequest & {
     action: "spin";
     bet: number;
+    extra_data: ExtraDataRequest;
 };
 export type BuyFreeSpinServerRequest = BaseServerRequest & {
     action: "buy-free-spins";
@@ -41,6 +42,8 @@ export type GambleServerRequest = BaseServerRequest & {
     bet: number;
     choice: GambleCardColor;
 };
+export interface ExtraDataRequest {
+}
 export type ServerRequest = InitServerRequest | SpinServerRequest | BuyFreeSpinServerRequest | GambleServerRequest;
 export type ServerMessage = InitDataInterface | SpinDataInterface | GambleDataInterface;
 export {};

package/dist/connectivity/serverData.d.ts

@@ -22,10 +22,12 @@ export interface FixedSymbolMultiplierTable {
     type: typeof PaytableTypes.fixed;
     quantity: FixedQuantityValue;
 }
-type RangeQuantityValue = Record<string, {
+export type RangeQuantityValue = Record<string, {
     min: number;
     max: number;
-} | number[]>;
+} | number[] | {
+    value: null;
+}>;
 export interface RangeSymbolMultiplierTable {
     type: typeof PaytableTypes.range;
     quantity: RangeQuantityValue;
@@ -37,13 +39,13 @@ export interface SpinDataInterface {
     balance: number;
     round_number: number;
     status: Status;
-    available_free_spins: number;
+    available_free_spins: number | null;
     previous_gambles: unknown[];
     results: Result[];
     symbols_on_reels: number[][];
     win_amount_total: number;
     wins: Record<string, RawWin>;
-    extra_data: ExtraData;
+    extra_data: ExtraData | null;
 }
 export interface ExtraData {
 }

package/dist/controllers/AbstractController.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="node" />
 import { ApiConfig, ButtonsEventManager, SpinLogic, SymbolId } from "../application";
 import { AbstractColumnsContainer, AbstractFrame, AbstractMainContainer } from "../components";
-import { FreeSpinWin, SpinData, StreakReelsIndexes, SubscribableConnectionWrapper } from "../connectivity";
+import { ExtraDataRequest, FreeSpinWin, SpinData, SpinDataInterface, StreakReelsIndexes, SubscribableConnectionWrapper } from "../connectivity";
 import { GamePhase } from "../constants";
 import { DescribedPlayableAction } from "../DescribedPlayableAction";
 import { Nullable } from "../utils";
 import { QuickStopController } from "./QuickStopController";
+import { SpinDataWithLogic } from "./types";
 import { UiController } from "./UiController";
 export declare abstract class AbstractController<T> {
     protected buttonsEventManager: ButtonsEventManager;
@@ -20,7 +21,7 @@ export declare abstract class AbstractController<T> {
     protected isSpinThrottled: boolean;
     protected currentlyPlayedAction: (Promise<void> | Promise<void[]>) | undefined;
     protected currentlyPlayedActionType: T | undefined;
-    protected isPlayingFirstAction: boolean;
+    protected isPlayingUnskippableStreak: boolean;
     protected isLoopingWinActionsQueue: boolean;
     protected gamePhase: GamePhase;
     protected autoSpinBalance: number;
@@ -31,7 +32,7 @@ export declare abstract class AbstractController<T> {
     protected uiController: UiController;
     protected resolveBigWin?: () => void;
     protected resolveMysteryWin?: () => void;
-    protected abstract mysteryFxSymbol: SymbolId;
+    protected mysteryFxSymbol: SymbolId | null;
     protected mysteryWinSymbol: Nullable<SymbolId>;
     private componentRegistry;
     protected _lastWinAmount: number;
@@ -62,12 +63,14 @@ export declare abstract class AbstractController<T> {
     private getBoughtNumberOfFreeSpins;
     private autoplaySpin;
     protected clearAndDestroyActions(): void;
-    private disableAutoplay;
+    protected disableAutoplay(): void;
+    protected abstract spinLogicFactory(spinLogicResponse: SpinDataInterface, gameConfig: ApiConfig): SpinLogic;
     protected onDataFetch(_spinData: SpinData, _spinLogic: SpinLogic): void;
-    private fetchAndPrepareSpinData;
-    protected abstract canSkipActions(): boolean;
+    protected getExtraData(): ExtraDataRequest;
+    protected fetchAndPrepareSpinData(): Promise<SpinDataWithLogic>;
+    protected canSkipActions(): boolean;
     protected onSpinningStart(): Promise<void>;
-    protected onSpinningEnd(_data: SpinData): Promise<void>;
+    protected onSpinningEnd(_spinLogic: SpinLogic): Promise<void>;
     private spin;
     private handleFreeSpinPlateInvocation;
     protected handleFreeSpinSummaryPlateInvocation(): Promise<void>;
@@ -75,7 +78,7 @@ export declare abstract class AbstractController<T> {
     private lockLogicWhileSpinning;
     private unlockLogicAfterSpinning;
     protected stopPlayingSymbolsStreak(): void;
-    private countWinBigWin;
+    protected countWinBigWin(customAmount?: number): Promise<void>;
     protected countMysteryWin(winAmount?: number, quantity?: number): Promise<void>;
     protected parseStreak(streak: StreakReelsIndexes, reelsQuantity: number): StreakReelsIndexes;
     protected getSymbolIdsForStreak(streak: StreakReelsIndexes): SymbolId[];

package/dist/controllers/AbstractController.js

@@ -1,7 +1,7 @@
 import i18next from "i18next";
 import { sample } from "lodash";
 import { ApiConfig, SoundManager, SoundTracks, SPEED_LEVELS, } from "../application";
-import { AbstractFrame, AutoplayButton, BUTTONS, COMPONENTS, FreeSpinBox, MessageBox, SpeedControlButton, } from "../components";
+import { AbstractFrame, AutoplayButton, BUTTONS, COMPONENTS, FreeSpinButton, MessageBox, SpeedControlButton, } from "../components";
 import { gamePhases, PossibleWins } from "../constants";
 import { RainMan } from "../Rainman";
 import { ceilToDecimal, debugSpinData, debugSymbolsMatchConfiguration, getDeviceOrientation, hideLayerIfPresent, hidePaytable, logGroup, logGroupEnd, logInfo, logWarn, UI_ITEMS, } from "../utils";
@@ -20,7 +20,7 @@ export class AbstractController {
     isSpinThrottled = false;
     currentlyPlayedAction;
     currentlyPlayedActionType;
-    isPlayingFirstAction = false;
+    isPlayingUnskippableStreak = false;
     isLoopingWinActionsQueue = false;
     gamePhase = gamePhases.IDLE;
     autoSpinBalance = 0;
@@ -31,6 +31,7 @@ export class AbstractController {
     uiController;
     resolveBigWin;
     resolveMysteryWin;
+    mysteryFxSymbol = null;
     mysteryWinSymbol = null;
     componentRegistry;
     _lastWinAmount = 0;
@@ -145,7 +146,7 @@ export class AbstractController {
         });
     }
     initSpinButton() {
-        RainMan.componentRegistry.get(BUTTONS.refresh).setOnClick(() => this.throttledSpin());
+        RainMan.componentRegistry.get(BUTTONS.refresh).setOnClick(() => this.handleSpinLogic());
         RainMan.componentRegistry.get(BUTTONS.refresh).on("touchstart", () => {
             if (this.mobileSpinTimeout !== null)
                 return;
@@ -304,7 +305,7 @@ export class AbstractController {
         }
         if (RainMan.settingsStore.isFreeSpinsBought) {
             this.uiController.totalNumberOfFreeSpins += this.getBoughtNumberOfFreeSpins();
-            RainMan.componentRegistry.getIfExists(FreeSpinBox.registryName)?.setInteractivity(false);
+            RainMan.componentRegistry.getIfExists(FreeSpinButton.registryName)?.setInteractivity(false);
             this.changeGamePhase(gamePhases.IDLE);
             this.spin().then(() => RainMan.settingsStore.setIsFreeSpinBought(false));
             return;
@@ -357,12 +358,15 @@ export class AbstractController {
         RainMan.componentRegistry.get(BUTTONS.neg).flipDisabledFlag(false);
     }
     onDataFetch(_spinData, _spinLogic) { }
+    getExtraData() {
+        return {};
+    }
     async fetchAndPrepareSpinData() {
         this.changeGamePhase(gamePhases.DATA_FETCH);
         const data = RainMan.settingsStore.buyFreeSpinsData ||
-            (await this.connection.fetchSpinData(this.roundNumber, RainMan.settingsStore.bet));
+            (await this.connection.fetchSpinData(this.roundNumber, RainMan.settingsStore.bet, this.getExtraData()));
         debugSpinData(data);
-        const spinLogic = RainMan.spinLogicFactory(data.getRawData(), this.config);
+        const spinLogic = this.spinLogicFactory(data.getRawData(), this.config);
         this._lastWinAmount = this.mysteryWinSymbol ? spinLogic.winTotalAmountWithoutMystery : spinLogic.winTotalAmount;
         this.onDataFetch(data, spinLogic);
         if (spinLogic.winTotalAmount !== 0) {
@@ -379,8 +383,11 @@ export class AbstractController {
             spinLogic,
         };
     }
+    canSkipActions() {
+        return !this.isPlayingUnskippableStreak;
+    }
     async onSpinningStart() { }
-    async onSpinningEnd(_data) { }
+    async onSpinningEnd(_spinLogic) { }
     async spin() {
         if (this.uiController.currentBalance < RainMan.settingsStore.bet) {
             try {
@@ -424,8 +431,8 @@ export class AbstractController {
         await this.onSpinningStart();
         this.columnsContainer.blindSpin();
         this.clearAndDestroyActions();
-        const { data, spinLogic } = await this.fetchAndPrepareSpinData();
-        const availableFreeSpins = data.getRawData().available_free_spins;
+        const { spinLogic } = await this.fetchAndPrepareSpinData();
+        const availableFreeSpins = spinLogic.availableFreeSpins;
         const availableFreeSpinsIncreased = availableFreeSpins > RainMan.settingsStore.howManyFreeSpinsLeft;
         this.hideFreeSpinsMessageBox = availableFreeSpinsIncreased;
         if (!availableFreeSpinsIncreased)
@@ -437,7 +444,7 @@ export class AbstractController {
         }
         if (availableFreeSpins === 0 && RainMan.settingsStore.isFreeSpinsPlayEnabled) {
             this.invokeFreeSpinSummaryPlateAfterWin = true;
-            RainMan.componentRegistry.getIfExists(FreeSpinBox.registryName)?.setInteractivity(true);
+            RainMan.componentRegistry.getIfExists(FreeSpinButton.registryName)?.setInteractivity(true);
         }
         if (RainMan.componentRegistry.has(BUTTONS.gamble))
             RainMan.componentRegistry
@@ -452,6 +459,13 @@ export class AbstractController {
         this.changeGamePhase(gamePhases.HANDLING_ACTIONS);
         this.handleDisablingButtons(true);
         this.unlockLogicAfterSpinning();
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
+            this.uiController.increaseTotalFreeSpinWinAmount(spinLogic.winTotalAmountWithoutMystery);
+            this.uiController.limitWinAmount(this.uiController.totalFreeSpinWinAmount);
+        }
+        else {
+            this.uiController.limitWinAmount(spinLogic.winTotalAmount);
+        }
         this.composeWinActionsQueue(spinLogic);
         await this.playWinActionQueue();
         await this.countWinBigWin();
@@ -464,12 +478,12 @@ export class AbstractController {
         this.quickStopController.handleResetCounter(!this.isSpinThrottled);
         logInfo("🔴 spinning end");
         logGroupEnd();
-        await this.onSpinningEnd(data);
+        await this.onSpinningEnd(spinLogic);
         this.winActionsQueue = [];
         this.spinning = false;
         this.isSpinThrottled = false;
         this.hideFreeSpinsMessageBox = false;
-        this.isPlayingFirstAction = false;
+        this.isPlayingUnskippableStreak = false;
         this.uiController.disableLimitWinAmount();
         RainMan.settingsStore.resetIsLastFreeSpin();
         this.mainContainer.destroyBigWin();
@@ -556,14 +570,16 @@ export class AbstractController {
         this.columnsContainer.stopPlayingSymbolsInColumns();
         this.frame.stopPlayingWinLineAnimations();
     }
-    async countWinBigWin() {
-        if (this.uiController.recentWin <= RainMan.config.constants.bigWinMultiplier * RainMan.settingsStore.bet)
+    async countWinBigWin(customAmount) {
+        if (this.uiController.recentWin <= RainMan.config.constants.bigWinMultiplier * RainMan.settingsStore.bet &&
+            !customAmount)
             return;
+        const amount = customAmount || this.uiController.recentWin;
         this.mainContainer.invokeBigWin();
         const animationTimeDivider = RainMan.settingsStore.currentSpeed === SPEED_LEVELS.fast ? 3 : 1;
         await RainMan.componentRegistry
             .get(COMPONENTS.bigWin)
-            .update(this.uiController.recentWin, RainMan.config.durationOfActions.updatableTextCountingDuration / animationTimeDivider);
+            .update(amount, RainMan.config.durationOfActions.updatableTextCountingDuration / animationTimeDivider);
         await new Promise((resolve) => {
             this.resolveBigWin = resolve;
             setTimeout(() => {
@@ -586,6 +602,8 @@ export class AbstractController {
         SoundManager.pause(SoundTracks.mysteryDrawLoop);
         this.updateUiValues(winAmount);
         this._lastWinAmount += winAmount;
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled)
+            this.uiController.increaseTotalFreeSpinWinAmount(winAmount);
         await new Promise((resolve) => {
             this.resolveMysteryWin = resolve;
             setTimeout(() => {

package/dist/controllers/UiController.js

@@ -78,9 +78,9 @@ export class UiController {
         this.lastBet = bet;
         const betButton = RainMan.componentRegistry.get(COMPONENTS.betText);
         betButton.set(bet);
-        this.afterUpdateBet(bet);
         RainMan.settingsStore.updateBet(bet);
         RainMan.settingsStore.updateBetText(betButton.value);
+        this.afterUpdateBet(bet);
     }
     updateShownSpeedLevel(currentSpeed) {
         RainMan.componentRegistry.get(SpeedControlButton.registryName).adaptToSpeed(currentSpeed);

package/dist/loading/AbstractLoadingContainer.d.ts

@@ -12,7 +12,7 @@ import { SpriteLoadingContainer } from "./SpriteLoadingContainer";
  */
 export declare abstract class AbstractLoadingContainer extends Container {
     protected abstract background: Background;
-    protected abstract logo: Logo | LogoStatic;
+    protected logo: Logo | LogoStatic | null;
     loaderContainer: SpriteLoadingContainer;
     protected constructor();
     resize(): void;

package/dist/loading/AbstractLoadingContainer.js

@@ -11,6 +11,7 @@ import { SpriteLoadingContainer } from "./SpriteLoadingContainer";
  * @extends {Container}
  */
 export class AbstractLoadingContainer extends Container {
+    logo = null;
     loaderContainer;
     constructor() {
         super();
@@ -26,7 +27,7 @@ export class AbstractLoadingContainer extends Container {
     }
     resize() {
         this.background.resize();
-        this.logo.resize();
+        this.logo?.resize();
         this.loaderContainer.resize();
     }
     remove() {

package/dist/stores/SettingsStore.d.ts

@@ -1,6 +1,6 @@
 import { SpeedLevel, SymbolId } from "../application";
 import { ResumableContainer, SpineWithResumableContainer, SpriteWithResumableContainer } from "../components";
-import { InitDataInterface, Point, SpinData } from "../connectivity";
+import { InitDataInterface, Point, RangeQuantityValue, SpinData } from "../connectivity";
 import { PaytableData } from "./types";
 /**
  * This class represents global state of pixi and react application
@@ -62,6 +62,8 @@ export declare class SettingsStore {
     setSingleWinExceeds(newValue: number): void;
     setBalancedIncreased(newValue: number): void;
     setBalancedDecreased(newValue: number): void;
+    getMinimumPaytableValue(multipliers: RangeQuantityValue[keyof RangeQuantityValue]): number;
+    getMaximumPaytableValue(multipliers: RangeQuantityValue[keyof RangeQuantityValue]): number;
     setDataForSymbolPaytablePopup(symbolId: SymbolId, repositionCallback: () => void): void;
     resetDataForSymbolPaytablePopup(): void;
     setUpdateVolumeButtonTexture(fn: () => void): void;

package/dist/stores/SettingsStore.js

@@ -190,6 +190,20 @@ export class SettingsStore {
     setBalancedDecreased(newValue) {
         this.balancedDecreased = newValue;
     }
+    getMinimumPaytableValue(multipliers) {
+        if ("min" in multipliers)
+            return multipliers.min;
+        if (Array.isArray(multipliers))
+            return first(multipliers) || 0;
+        return 0;
+    }
+    getMaximumPaytableValue(multipliers) {
+        if ("max" in multipliers)
+            return multipliers.max;
+        if (Array.isArray(multipliers))
+            return last(multipliers) || 0;
+        return 0;
+    }
     setDataForSymbolPaytablePopup(symbolId, repositionCallback) {
         this.popupPaytableRepositionCallback = repositionCallback;
         this.popupPaytableRepositionCallback();
@@ -203,13 +217,11 @@ export class SettingsStore {
                 return { prefix: keyOfSymbol, value: symbolPaytable.quantity[keyOfSymbol].value };
             }
             const multipliers = symbolPaytable.quantity[keyOfSymbol];
-            const min = "min" in multipliers ? multipliers.min : first(multipliers) || 0;
-            const max = "max" in multipliers ? multipliers.max : last(multipliers) || 0;
             return {
                 prefix: keyOfSymbol,
                 value: {
-                    min,
-                    max,
+                    min: this.getMinimumPaytableValue(multipliers),
+                    max: this.getMaximumPaytableValue(multipliers),
                 },
             };
         });
@@ -300,6 +312,8 @@ export class SettingsStore {
             let multipliers = multipliersForQuantity.value;
             if (typeof multipliers === "number")
                 multipliers = [multipliers];
+            if (multipliers === null)
+                return [0];
             return multipliers.map((multiplier) => multiplier * this.bet);
         }
         const multipliers = "min" in multipliersForQuantity

package/dist/utils/assets/assetGetter.js

@@ -51,13 +51,8 @@ export const getTextureSafely = (name) => {
  * @returns {Promise<void>}
  */
 export const loadAssets = async (assets, updateProgress) => {
-    try {
-        const aliases = Object.keys(assets).map((key) => ({ alias: key, src: assets[key] }));
-        await Assets.load(aliases, (progress) => updateProgress?.(progress));
-    }
-    catch (err) {
-        throw Error();
-    }
+    const aliases = Object.keys(assets).map((key) => ({ alias: key, src: assets[key] }));
+    await Assets.load(aliases, (progress) => updateProgress?.(progress));
 };
 /**
  * Helper function for checking if given resources are present in pixi assets cache

package/package.json

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