pixi-rainman-game-engine 0.1.8 → 0.1.9

package/dist/DescribedPlayableAction/DescribedPlayableAction.d.ts

@@ -1,5 +1,5 @@
 import { Nullable, PlayableAction } from "../utils";
-export declare class DescribedPlayableAction<T = number> {
+export declare class DescribedPlayableAction<T> {
     readonly type: T;
     action: PlayableAction;
     winAmount: Nullable<number>;

package/dist/Money/MoneyText.js

@@ -10,9 +10,9 @@ import { RainMan } from "../Rainman";
 export class MoneyText {
     money;
     constructor(amount) {
-        this.money = Money.fromDecimal(amount, RainMan.currency, Math.round);
+        this.money = Money.fromDecimal(amount, RainMan.globals.currency, Math.round);
     }
     toString() {
-        return `${this.money} ${RainMan.currency.symbol_native}`;
+        return `${this.money} ${RainMan.globals.currency.symbol_native}`;
     }
 }

package/dist/Rainman/Rainman.d.ts

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

package/dist/Rainman/Rainman.js

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

package/dist/Rainman/appConfig.js

@@ -12,9 +12,9 @@ export const defaultAppConfig = {
     fontSize: 35,
     mobileFontSize: 45,
     updatableSpineContainerFontSize: 50,
-    fontColor: new Color(0xfbd400).toHex(),
     updatableTextValueColor: new Color(0xffffff).toHex(),
     fontFace: ["HelveticaNeueLTStd"],
+    winLineIndicatorSymbolScale: 0.75,
     durationOfActions: {
         eachColumnsSpinDelay: [0, 200, 700, 1200, 1800],
         spinBaseTime: 800,

package/dist/Rainman/types.d.ts

@@ -1,3 +1,4 @@
+import { Currency } from "ts-money";
 import { DeepPartial } from "../utils";
 export type RequiredAppConfig = {
     websocketUrl: string;
@@ -6,6 +7,8 @@ export type RequiredAppConfig = {
     gameInitReference: string;
     numberOfColumns: number;
     numberOfRows: number;
+    fontColor: string;
+    autoplayGlowColor: number;
 };
 export type OptionalAppConfig = {
     gameWidth: number;
@@ -14,9 +17,11 @@ export type OptionalAppConfig = {
     fontSize: number;
     updatableSpineContainerFontSize: number;
     mobileFontSize: number;
-    fontColor: string;
+    mobileFontColor?: string;
     updatableTextValueColor: string;
     fontFace: string[];
+    mobileFontFace?: string[];
+    winLineIndicatorSymbolScale: number;
     durationOfActions: {
         eachColumnsSpinDelay: number[];
         spinBaseTime: number;
@@ -48,3 +53,6 @@ export type OptionalAppConfig = {
     };
 };
 export type AppConfig = RequiredAppConfig & DeepPartial<OptionalAppConfig>;
+export interface Globals {
+    currency: Currency;
+}

package/dist/SettingsUI/index.css

@@ -131,7 +131,7 @@ body {
     position: fixed;
     width: 100%;
     height: 100%;
-    background: url("../assets/images/swipe-up.png") no-repeat 50% 50%;
+    background: url("../assets/images/materials/swipe-up.png") no-repeat 50% 50%;
     background-size: 150px;
     animation: iosAnimMove 1.5s ease-out infinite;
 }

package/dist/application/ApiConfig/ApiConfig.d.ts

@@ -1,4 +1,5 @@
-import { InitDataInterface } from "../../connectivity";
+import { InitDataInterface, SpinDataInterface } from "../../connectivity";
+import { AdaptedSpinResponse } from "../SpinLogic";
 import { SymbolId } from "./SymbolId";
 import { TransformationTypeId } from "./TransformationTypesId";
 import { WinTypeId } from "./WinTypeId";
@@ -22,14 +23,23 @@ export declare class ApiConfig {
      * @param {InitDataInterface} data
      */
     constructor(data: InitDataInterface);
+    /**
+     * Function to generate metadata for a particular spin
+     *
+     * @public
+     * @param {SpinDataInterface} spinLogicResponse
+     * @returns AdaptedSpinResponse without results and standalone results, these should be created in each game
+     */
+    generateMetadata(spinLogicResponse: SpinDataInterface): Omit<AdaptedSpinResponse, "results" | "standaloneTransformations">;
     /**
      * Getter for win line number
      *
      * @public
      * @param winLineAnimationName
+     * @param defaultNumber
      * @returns {string | number}
      */
-    getWinLineNumber(winLineAnimationName: string): number | string;
+    getWinLineNumber(winLineAnimationName: string, defaultNumber?: string): number | string;
     /**
      * Function for getting next bet from config
      *
@@ -91,9 +101,9 @@ export declare class ApiConfig {
      *
      * @public
      * @param {number[][]} symbols_on_reels
-     * @returns {SymbolId[]}
+     * @returns {SymbolId[][]}
      */
-    mapSymbolIdsToSymbolNames(symbols_on_reels: number[][]): SymbolId[];
+    mapSymbolIdsToSymbolNames(symbols_on_reels: number[][]): SymbolId[][];
     /**
      * Getter for bet that placed in current position
      *

package/dist/application/ApiConfig/ApiConfig.js

@@ -1,5 +1,6 @@
 import { RainMan } from "../../Rainman";
 import { logError } from "../../utils";
+import { isBlindsConfiguredByTransformations } from "../SpinLogic";
 /**
  * Class representing config for connection to API
  *
@@ -30,15 +31,38 @@ export class ApiConfig {
         this.initStreakMap(data);
         this.initTransformationMap(data);
     }
+    /**
+     * Function to generate metadata for a particular spin
+     *
+     * @public
+     * @param {SpinDataInterface} spinLogicResponse
+     * @returns AdaptedSpinResponse without results and standalone results, these should be created in each game
+     */
+    generateMetadata(spinLogicResponse) {
+        const blindsConfiguredByResponse = this.mapSymbolIdsToSymbolNames(spinLogicResponse.symbols_on_reels);
+        const blindsConfiguredByTransformation = isBlindsConfiguredByTransformations(spinLogicResponse.results);
+        const finalSpinPositionOnReels = blindsConfiguredByTransformation !== null
+            ? this.mapSymbolIdsToSymbolNames(blindsConfiguredByTransformation)
+            : blindsConfiguredByResponse;
+        return {
+            action: spinLogicResponse.action,
+            balance: spinLogicResponse.balance,
+            availableFreeSpins: spinLogicResponse.available_free_spins,
+            symbolsOnReels: blindsConfiguredByResponse,
+            finalBlindsConfiguration: finalSpinPositionOnReels,
+            winAmountTotal: spinLogicResponse.win_amount_total,
+        };
+    }
     /**
      * Getter for win line number
      *
      * @public
      * @param winLineAnimationName
+     * @param defaultNumber
      * @returns {string | number}
      */
-    getWinLineNumber(winLineAnimationName) {
-        return this.streakMap.get(winLineAnimationName) ?? "unknown";
+    getWinLineNumber(winLineAnimationName, defaultNumber = "unknown") {
+        return this.streakMap.get(winLineAnimationName) ?? defaultNumber;
     }
     /**
      * Function for getting next bet from config
@@ -129,14 +153,12 @@ export class ApiConfig {
      *
      * @public
      * @param {number[][]} symbols_on_reels
-     * @returns {SymbolId[]}
+     * @returns {SymbolId[][]}
      */
     mapSymbolIdsToSymbolNames(symbols_on_reels) {
-        return symbols_on_reels
-            .map((reel) => {
+        return symbols_on_reels.map((reel) => {
             return reel.map((symbolId) => this.getSymbolId(symbolId));
-        })
-            .flat();
+        });
     }
     /**
      * Getter for bet that placed in current position

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

@@ -42,5 +42,5 @@ export type SoundTrack = SoundTracks[keyof SoundTracks];
  * @property {string} start - on start spinning
  * @property {string} symbol - on symbol click and show paytable popup
  */
-export type GameSoundAssets = Record<SoundTrack, string> & Record<string, string>;
+export type GameSoundAssets = Record<SoundTrack, string>;
 export type SoundOverrides = Partial<Record<SoundTrack, SoundTrack>>;

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

@@ -21,6 +21,7 @@ export declare class SpinLogic {
     constructor(spinConfig: AdaptedSpinResponse, gameConfig: ApiConfig);
     get postSpinBalance(): number;
     get winTotalAmount(): number;
+    get winTotalAmountWithoutMystery(): number;
     get onStopBlindsConfiguration(): SymbolReels;
     get finalBlindsConfiguration(): SymbolReels;
     get availableFreeSpins(): number;

package/dist/application/SpinLogic/SpinLogic.js

@@ -1,3 +1,4 @@
+import { PossibleWins } from "../../constants";
 import { logInfo } from "../../utils";
 import { SpinLogicDTO } from "./SpinLogicDTO";
 /**
@@ -34,6 +35,10 @@ export class SpinLogic {
     get winTotalAmount() {
         return this._winTotalAmount;
     }
+    get winTotalAmountWithoutMystery() {
+        return this._winScenarios.reduce((accumulator, scenario) => accumulator +
+            scenario.wins.reduce((winAccumulator, currentWin) => currentWin.type === PossibleWins.mystery ? winAccumulator : winAccumulator + currentWin.amount, 0), 0);
+    }
     get onStopBlindsConfiguration() {
         return this._onStopBlindsConfiguration;
     }

package/dist/application/SpinLogic/SpinLogicDTO.js

@@ -65,8 +65,8 @@ export class SpinLogicDTO {
             symbolId: this.gameConfig.getSymbolId(singleWin.symbolId),
             positionOnReels: singleWin.positionOnReels,
             quantity: singleWin.quantity,
-            spinId: singleWin.spinId,
             multiplier: singleWin.multiplier,
+            winIndex: singleWin.winIndex,
             typeId: singleWin.typeId,
         };
         if (rawWin.type === PossibleWins.freeSpins) {

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

@@ -1,8 +1,7 @@
 import { DropTransformationDetails, FreezeTransformationDetails, RawFreezeTransformationDetails, RawWin, Result, SpinAndFreezeTransformationDetails, SpinDataInterface, SymbolReels, TransformationDetails, WinWithTransformation } from "../../connectivity";
 import { ApiConfig } from "../ApiConfig";
 export declare const concatenateDestroyAndSetTransformations: (spinLogicResponse: SpinDataInterface, currentIndexOfRootTransformation: number, gameConfig: ApiConfig) => [DropTransformationDetails[], number];
-export declare const mapSymbolIdsToSymbolNames: (symbols_on_reels: number[][], gameConfig: ApiConfig) => never[][];
 export declare const getFreezeTransformationFromRawResponse: (transformations: RawFreezeTransformationDetails[]) => FreezeTransformationDetails[];
 export declare const concatenateFreezeAndSpinTransformations: (freezeTransformations: FreezeTransformationDetails[], onStopBlindsConfiguration: SymbolReels) => SpinAndFreezeTransformationDetails;
-export declare const isBlindsConfiguredByTransformations: (results: Result[]) => number[][] | null;
-export declare const collectWinDetailsWithTransformation: (winIndex: string | null, winsDetails: RawWin | null, transformations: TransformationDetails[]) => WinWithTransformation;
+export declare const isBlindsConfiguredByTransformations: (results: Result[], transformationTypeId?: number) => number[][] | null;
+export declare const collectWinDetailsWithTransformation: (winsDetails: RawWin | null, transformations: TransformationDetails[], winIndex?: string | null) => WinWithTransformation;

package/dist/application/SpinLogic/util.js

@@ -5,10 +5,10 @@ const getWinFromRawResponse = (rawWin, winIndex) => {
         multiplier: rawWin.multiplier,
         positionOnReels: rawWin.position_on_reels,
         quantity: rawWin.quantity,
-        spinId: winIndex,
         symbolId: rawWin.symbol_id,
         typeId: rawWin.type_id,
         amount: rawWin.amount,
+        winIndex,
     };
 };
 const joinTransformationsIntoDropTransformation = (destroyTransformations, symbolsOnReel, gameConfig) => {
@@ -62,9 +62,6 @@ export const concatenateDestroyAndSetTransformations = (spinLogicResponse, curre
     const parsedDropTransformations = joinTransformationsIntoDropTransformation(destroyTransformations, symbolsIdsOnReelsAfterSet, gameConfig);
     return [parsedDropTransformations, setTransformationsIndex];
 };
-export const mapSymbolIdsToSymbolNames = (symbols_on_reels, gameConfig) => {
-    return symbols_on_reels.map((reel) => reel.map((symbolId) => gameConfig.getSymbolId(symbolId)));
-};
 export const getFreezeTransformationFromRawResponse = (transformations) => {
     return transformations.map((freezeTransformation) => {
         return {
@@ -81,17 +78,17 @@ export const concatenateFreezeAndSpinTransformations = (freezeTransformations, o
         symbolsOnReels: onStopBlindsConfiguration,
     };
 };
-export const isBlindsConfiguredByTransformations = (results) => {
-    // make copy of results because reverse is made in place
+export const isBlindsConfiguredByTransformations = (results, transformationTypeId = 16) => {
     const reversedResults = [...results].reverse();
     for (const rawTransformation of reversedResults) {
-        if (rawTransformation.transformation_type === 16 && rawTransformation.symbols_on_reels !== null) {
+        if (rawTransformation.transformation_type === transformationTypeId &&
+            rawTransformation.symbols_on_reels !== null) {
             return rawTransformation.symbols_on_reels;
         }
     }
     return null;
 };
-export const collectWinDetailsWithTransformation = (winIndex, winsDetails, transformations) => {
+export const collectWinDetailsWithTransformation = (winsDetails, transformations, winIndex = "") => {
     const wins = winsDetails ? [getWinFromRawResponse(winsDetails, winIndex ?? "")] : [];
     return {
         wins,

package/dist/components/AbstractFreeSpinContainer/AbstractFreeSpinContainer.d.ts

@@ -11,12 +11,13 @@ import { Spine } from "pixi-spine";
  */
 export declare abstract class AbstractFreeSpinContainer extends Container {
     protected abstract freeSpinPlate: Sprite | Spine;
-    shownAt: number;
+    shownAt: number | null;
     protected scaleMultiplier: number;
     protected constructor();
     abstract get onClick(): () => void;
+    onStart(): Promise<void>;
     resize(): void;
-    private reposition;
+    protected reposition(): void;
     protected centerComponent(component: Text | Container): void;
     protected abstract initChildPositions(): void;
 }

package/dist/components/AbstractFreeSpinContainer/AbstractFreeSpinContainer.js

@@ -20,6 +20,7 @@ export class AbstractFreeSpinContainer extends Container {
         this.shownAt = performance.now();
         this.parentLayer = UXLayer;
     }
+    async onStart() { }
     resize() {
         this.scale.set(globalMinRatio() * this.scaleMultiplier);
         this.reposition();

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

@@ -19,8 +19,8 @@ export declare abstract class AbstractMainContainer extends Container {
     protected logo: Nullable<Logo>;
     protected abstract background: IResizableContainer;
     protected animatedFront: Nullable<IResizableContainer>;
-    protected abstract freeSpinBox: Nullable<FreeSpinBox>;
-    protected underFramePanel: Nullable<Graphics>;
+    protected freeSpinBox: Nullable<FreeSpinBox>;
+    protected underFramePanel: Nullable<Graphics | Sprite>;
     protected portraitPlayButtons: Nullable<MiddleButtons>;
     protected landscapePlayButtons: Nullable<MiddleButtons>;
     protected abstract leftButtons: ResponsiveContainer;
@@ -31,7 +31,7 @@ export declare abstract class AbstractMainContainer extends Container {
     private _bigWinInvokedAt;
     private _mysteryWinInvokedAt;
     protected abstract _frame: AbstractFrame;
-    protected _controller: Nullable<AbstractController>;
+    protected _controller: Nullable<AbstractController<unknown>>;
     protected constructor();
     protected abstract triggerStoreInitState(): void;
     get freeSpinPlate(): Nullable<AbstractFreeSpinContainer>;
@@ -52,6 +52,7 @@ export declare abstract class AbstractMainContainer extends Container {
     destroyBigWin(): void;
     destroyMysteryWin(): void;
     invokeGambleGame(): void;
+    protected createUnderFramePanel(): Graphics | Sprite;
     enableForMobile(): void;
     enableForLandscape(): void;
     disableForMobile(): void;

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -15,6 +15,7 @@ export class AbstractMainContainer extends Container {
     buttonsEventManager;
     logo = null;
     animatedFront = null;
+    freeSpinBox = null;
     underFramePanel = null;
     portraitPlayButtons = null;
     landscapePlayButtons = null;
@@ -42,11 +43,12 @@ export class AbstractMainContainer extends Container {
     async invokeFreeSpinPlate(freeSpinCount, isAdditionalFreeSpin = false) {
         const refreshButton = RainMan.componentRegistry.get(RefreshButton.registryName);
         refreshButton.flipDisabledFlag(true);
-        await new Promise((resolve) => {
+        await new Promise(async (resolve) => {
             this._freeSpinPlate = this.createFreeSpinPlate(resolve, freeSpinCount, isAdditionalFreeSpin);
             this._freeSpinPlate.resize();
             this.showOverlay();
             this.addChild(this._freeSpinPlate);
+            await this._freeSpinPlate.onStart();
         });
         if (this._freeSpinPlate !== null) {
             this.removeChild(this._freeSpinPlate);
@@ -151,12 +153,16 @@ export class AbstractMainContainer extends Container {
         this._mysteryWinInvokedAt = null;
     }
     invokeGambleGame() { }
+    createUnderFramePanel() {
+        const underFramePanel = new Graphics();
+        underFramePanel.beginFill(0x0, 0.5);
+        underFramePanel.drawRect(0, 0, 800, 100);
+        return underFramePanel;
+    }
     enableForMobile() {
         if (this.logo)
             this.logo.renderable = true;
-        this.underFramePanel = new Graphics();
-        this.underFramePanel.beginFill(0x0, 0.5);
-        this.underFramePanel.drawRect(0, 0, 800, 100);
+        this.underFramePanel = this.createUnderFramePanel();
         this.underFramePanel.name = "underFramePanel";
         this.underFramePanel.parentLayer = UXLayer;
         this.addChild(this.underFramePanel);
@@ -269,6 +275,7 @@ export class AbstractMainContainer extends Container {
     resizeDependentComponents() {
         const resizingHelper = globalMinRatio();
         this._frame.resize();
+        this.logo?.resize();
         this.leftButtons.resize();
         this.rightButtons.resize();
         if (this.landscapePlayButtons !== null)

package/dist/components/buttons/buttonGroups/LeftButtons.js

@@ -34,7 +34,7 @@ export class LeftButtons extends ResponsiveContainer {
         const margin = 15;
         this.y = RainMan.app.screen.height - this.height;
         this.credit.x = this.infoButton.x + this.infoButton.width + margin;
-        this.bet.x = this.credit.x + 62;
+        this.bet.x = this.credit.x + this.credit.width / 2 - this.bet.width / 2;
         this.credit.y = 20;
         this.bet.y = this.credit.y + this.credit.height;
     }

package/dist/components/buttons/default/AutoplayButton.js

@@ -1,5 +1,6 @@
 import { GlowFilter } from "@pixi/filter-glow";
 import { SoundTracks } from "../../../application";
+import { RainMan } from "../../../Rainman";
 import { getTexture, getTextureSafely } from "../../../utils";
 import { BaseButton, ButtonStates } from "../BaseButton";
 export class AutoplayButton extends BaseButton {
@@ -30,7 +31,9 @@ export class AutoplayButton extends BaseButton {
         if (state === ButtonStates.ACTIVE ||
             state === ButtonStates.ACTIVE_OVER ||
             state === ButtonStates.ACTIVE_CLICKED) {
-            this.filters = [new GlowFilter({ distance: 20, outerStrength: 2, color: 0xffb401 })];
+            this.filters = [
+                new GlowFilter({ distance: 20, outerStrength: 2, color: RainMan.config.autoplayGlowColor }),
+            ];
         }
         else {
             this.filters = [];

package/dist/components/common/FreeSpinBox.js

@@ -1,3 +1,4 @@
+import { Color } from "pixi.js";
 import { Spine } from "pixi-spine";
 import { TINT_DISABLED, TINT_ENABLED } from "../../constants";
 import { UXLayer } from "../../layers";
@@ -38,7 +39,7 @@ export class FreeSpinBox extends ResumableContainer {
     }
     setInteractivity(newValue) {
         this.eventMode = newValue ? "static" : "auto";
-        this.spine.tint = Number(newValue ? TINT_ENABLED : TINT_DISABLED);
+        this.spine.tint = new Color(newValue ? TINT_ENABLED : TINT_DISABLED).toNumber();
     }
     resize() {
         this.changeSpineForOrientation();

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

@@ -9,8 +9,14 @@ import { ResumableContainer } from "./ResumableContainers";
  * @extends {ResumableContainer}
  */
 export declare class Logo extends ResumableContainer {
+    private desktopSpineName;
+    private animationName;
+    private mobileSpineName;
+    static readonly registryName = "logo";
     protected spine: Spine;
-    constructor(spineName: string, animationName: string);
+    constructor(desktopSpineName: string, animationName: string, mobileSpineName?: string);
     resize(): void;
     private reposition;
+    private setSpine;
+    private changeSpineForOrientation;
 }

package/dist/components/common/Logo.js

@@ -1,7 +1,7 @@
 import { Spine } from "pixi-spine";
 import { UXLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
-import { getSpineData, globalMinRatio } from "../../utils";
+import { getDeviceOrientation, getSpineData, globalMinRatio } from "../../utils";
 import { ResumableContainer } from "./ResumableContainers";
 /**
  * This logo is animated logo that will display after loading the game
@@ -12,23 +12,23 @@ import { ResumableContainer } from "./ResumableContainers";
  * @extends {ResumableContainer}
  */
 export class Logo extends ResumableContainer {
+    desktopSpineName;
+    animationName;
+    mobileSpineName;
+    static registryName = "logo";
     spine;
-    constructor(spineName, animationName) {
+    constructor(desktopSpineName, animationName, mobileSpineName = desktopSpineName) {
         super();
-        this.name = "logo";
-        this.spine = new Spine(getSpineData(spineName));
-        this.addChild(this.spine);
-        this.allSpines.push(this.spine);
-        this.spine.x = 0;
-        this.spine.y = 0;
+        this.desktopSpineName = desktopSpineName;
+        this.animationName = animationName;
+        this.mobileSpineName = mobileSpineName;
+        this.name = Logo.registryName;
         this.parentLayer = UXLayer;
-        this.spine.visible = true;
-        this.spine.state.addAnimation(0, animationName, true, 0);
-        this.spine.state.timeScale = 1;
-        this.spine.pivot.x = 0;
-        this.spine.pivot.y = 0;
+        this.setSpine(this.desktopSpineName);
+        this.resize();
     }
     resize() {
+        this.changeSpineForOrientation();
         this.y = 0; // reset position
         this.x = 0; // reset position
         this.scale.set(Math.min(1.5, globalMinRatio()));
@@ -38,4 +38,18 @@ export class Logo extends ResumableContainer {
         this.y = this.spine.getBounds().height / 2;
         this.x = RainMan.app.screen.width / 2;
     }
+    setSpine(spineName) {
+        this.spine = new Spine(getSpineData(spineName));
+        this.spine.state.setAnimation(0, this.animationName, true);
+        this.spine.visible = true;
+    }
+    changeSpineForOrientation() {
+        this.removeChildren();
+        getDeviceOrientation() === "mobile-portrait"
+            ? this.setSpine(this.mobileSpineName)
+            : this.setSpine(this.desktopSpineName);
+        this.addChild(this.spine);
+        this.allSpines = [this.spine];
+        RainMan.settingsStore.refreshBatterySaver();
+    }
 }

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

@@ -8,7 +8,8 @@ import { Sprite } from "pixi.js";
  * @extends {Sprite}
  */
 export declare class LogoStatic extends Sprite {
-    constructor(textureName: string);
+    private maxScale;
+    constructor(textureName: string, maxScale?: number);
     resize(): void;
     private reposition;
 }

package/dist/components/common/LogoStatic.js

@@ -10,15 +10,17 @@ import { getTexture, globalMinRatio } from "../../utils";
  * @extends {Sprite}
  */
 export class LogoStatic extends Sprite {
-    constructor(textureName) {
+    maxScale;
+    constructor(textureName, maxScale = 1.5) {
         super(getTexture(textureName));
+        this.maxScale = maxScale;
         this.x = 0;
         this.y = 30;
         this.name = "logo";
         this.anchor.x = 0.5;
     }
     resize() {
-        this.scale.set(Math.min(1.5, globalMinRatio())); // limit to 1.5
+        this.scale.set(Math.min(this.maxScale, globalMinRatio()));
         this.reposition();
     }
     reposition() {

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

@@ -20,7 +20,7 @@
         "freeSpinsSummaryTextShort": "In {{amount}}",
         "pressToContinue": "\"Press ME to continue...\"",
         "freeSpinsLeft": "FREE SPIN LEFT {{amount}}",
-        "freeSpinsDescription": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor placeat sit iusto, possimus quia vero, porro asperiores distinctio eaque maxime, nulla eligendi! Iure esse, voluptate impedit illo ut unde quas.",
+        "freeSpinsDescription": "Lorem ipsum dolor sit amet consectetur adipisicing elit.",
         "numberWithCurrency": "{{amount}}{{currency}}",
         "currentWin": "WIN: ",
         "currentFreeSpins": "FREE SPINS: ",

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

@@ -58,9 +58,10 @@ export declare abstract class AbstractColumnsContainer extends Container impleme
      * @param {StreakReelsIndexes} streak
      * @param {number} reelsQuantity
      * @param {number} [multiplier=1]
+     * @param {string} [suffix=""]
      * @returns {Promise<void>}
      */
-    playStreak(streak: StreakReelsIndexes, reelsQuantity: number, multiplier?: number): Promise<void>;
+    playStreak(streak: StreakReelsIndexes, reelsQuantity: number, multiplier?: number, suffix?: string): Promise<void>;
     abstract doResize(): void;
     animate(delta: number): void;
     abstract getColumnAtPosition(column: number): AbstractSymbolsColumn;

package/dist/components/frame/AbstractColumnsContainer.js

@@ -48,6 +48,8 @@ export class AbstractColumnsContainer extends Container {
         this.quickReelsStop = true;
         this.skipScatterDelay?.();
         this.skipScatterDelay = null;
+        if (this.currentColumn)
+            this.currentColumn.skipHidingMysteryFx = true;
     }
     clearQuickReelsStop() {
         this.quickReelsStop = false;
@@ -83,7 +85,7 @@ export class AbstractColumnsContainer extends Container {
                 if (configureSpinAction !== undefined) {
                     if (indexesOfReelsToExtendSpinningTime.includes(index)) {
                         this.currentColumn = this.allColumns[index];
-                        await frame.invokeMysteryFx(this.currentColumn.x, this.currentColumn.y);
+                        frame.invokeMysteryFx(this.currentColumn.x, this.currentColumn.y);
                         this.skipScatterDelay = configureSpinAction;
                         setTimeout(() => {
                             this.skipScatterDelay?.();
@@ -148,9 +150,10 @@ export class AbstractColumnsContainer extends Container {
      * @param {StreakReelsIndexes} streak
      * @param {number} reelsQuantity
      * @param {number} [multiplier=1]
+     * @param {string} [suffix=""]
      * @returns {Promise<void>}
      */
-    async playStreak(streak, reelsQuantity, multiplier = 1) {
+    async playStreak(streak, reelsQuantity, multiplier = 1, suffix = "") {
         const promises = [];
         let reelIndex = 0;
         let playSymbolAnimation = true;
@@ -163,7 +166,7 @@ export class AbstractColumnsContainer extends Container {
                 const column = this.getColumnAtPosition(reelIndex);
                 if (playSymbolAnimation)
                     streakSymbols.push(column.getSymbolAtPosition(symbolIndex).id);
-                promises.push(column.playSymbolAtPosition(symbolIndex, playSymbolAnimation, multiplier));
+                promises.push(column.playSymbolAtPosition(symbolIndex, playSymbolAnimation, multiplier, suffix));
                 if (reelIndex >= reelsQuantity - 1) {
                     playSymbolAnimation = false;
                 }