pixi-rainman-game-engine 0.2.18 → 0.2.20

package/dist/ComponentRegistry/ComponentRegistry.js

@@ -1,4 +1,4 @@
-import { isIncentiveComponentInterface, isSpeedAdapterInterface, SpeedLevelHandler, TimedIncentiveController, } from "../application";
+import { isIncentiveComponentInterface, isSpeedAdapterInterface, SpeedLevelHandler, TimedIncentiveController } from "../application";
 import { SpeedControlButton } from "../components";
 import { RainMan } from "../Rainman";
 import { openFullscreen } from "../utils";

package/dist/Rainman/Rainman.js

@@ -29,7 +29,7 @@ export class RainMan {
         RainMan.componentRegistry = new ComponentRegistry(app);
         RainMan.globals = {
             shouldShowModals: false,
-            currency: Currencies["USD"],
+            currency: Currencies["USD"]
         };
     }
 }

package/dist/Rainman/appConfig.js

@@ -41,6 +41,7 @@ export const defaultAppConfig = {
         mysteryWinMinimumTime: 2000,
         bigWinMinimumTime: 2000,
         bigWinPhaseTimeout: 2800,
+        mysteryPhaseTimeout: 2800,
         bonusWinPhaseTimeout: 2800,
         bonusWinMinimumTime: 2000,
         superBonusWinMinimumTime: 2000,

package/dist/Rainman/types.d.ts

@@ -48,6 +48,7 @@ export type OptionalAppConfig = {
         mysteryWinMinimumTime: number;
         bigWinMinimumTime: number;
         bigWinPhaseTimeout: number;
+        mysteryPhaseTimeout: number;
         bonusWinPhaseTimeout: number;
         bonusWinMinimumTime: number;
         superBonusWinPhaseTimeout: number;

package/dist/SettingsUI/components/CloseModalButton/index.d.ts

@@ -4,4 +4,6 @@ export type CloseModalButtonProps = {
     layerId: string;
     afterClose?: () => void;
 };
-export declare const CloseModalButton: ({ layerId, afterClose }: CloseModalButtonProps) => JSX.Element;
+export declare const CloseModalButton: (({ layerId, afterClose }: CloseModalButtonProps) => JSX.Element) & {
+    displayName: string;
+};

package/dist/SettingsUI/components/CloseModalButton/index.jsx

@@ -1,17 +1,23 @@
 import "./closeModalButton.css";
+import { observer } from "mobx-react-lite";
 import React from "react";
 import { UI_ITEMS } from "../../../utils";
 import { useStores } from "../../hooks";
-export const CloseModalButton = ({ layerId, afterClose }) => {
+export const CloseModalButton = observer(({ layerId, afterClose }) => {
     const { settingStore } = useStores();
+    const { isFreeSpinsPlayEnabled, isFreeSpinsBought, betChangeDisabled } = settingStore;
+    const isBetDisabled = isFreeSpinsPlayEnabled || betChangeDisabled || isFreeSpinsBought;
     const onClose = () => {
         settingStore.handleModalInvocation?.(layerId);
         if (layerId === UI_ITEMS.speedSettings) {
             settingStore.setSpeedPopupVisibility?.("none");
         }
+        if (isBetDisabled) {
+            settingStore.enableButtons?.();
+        }
         afterClose?.();
     };
     return (<button className="close-modal-button" onClick={onClose}>
             x
         </button>);
-};
+});

package/dist/application/ApiConfig/ApiConfig.js

@@ -49,7 +49,7 @@ export class ApiConfig {
             symbolsOnReels: blindsConfiguredByResponse,
             finalBlindsConfiguration: finalSpinPositionOnReels,
             winAmountTotal: spinLogicResponse.win_amount_total,
-            extraData: spinLogicResponse.extra_data || {},
+            extraData: spinLogicResponse.extra_data || {}
         };
     }
     /**

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -1,7 +1,7 @@
 import i18n from "i18next";
 import { sample } from "lodash";
 import { SoundManager } from "../../application";
-import { AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, 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, wait } from "../../utils";
 import { SPEED_LEVELS } from "../SpeedState";
@@ -44,7 +44,12 @@ export class ButtonsEventManager {
      * @returns {() => void} function for enabling/disabling buttons
      */
     setButtonAvailability = (makeDisabled) => () => {
-        const buttonsToDisable = [SpeedControlButton.registryName, BUTTONS.neg, BUTTONS.plus];
+        const isDisabled = RainMan.settingsStore.isFreeSpinsPlayEnabled ||
+            RainMan.settingsStore.isFreeSpinsBought ||
+            RainMan.settingsStore.betChangeDisabled;
+        const buttonsToDisable = isDisabled
+            ? [SpeedControlButton.registryName]
+            : [SpeedControlButton.registryName, BUTTONS.neg, BUTTONS.plus];
         buttonsToDisable.forEach((buttonRegistryName) => RainMan.componentRegistry.get(buttonRegistryName).flipDisabledFlag(makeDisabled));
         RainMan.componentRegistry.get(VolumeButton.registryName).changeTextureDependOnVolume();
     };
@@ -53,6 +58,7 @@ export class ButtonsEventManager {
     constructor() {
         RainMan.settingsStore.handleModalInvocation = this.handleModalInvocation.bind(this);
         RainMan.settingsStore.setSpeedPopupVisibility = this.setSpeedPopupVisibility.bind(this);
+        RainMan.settingsStore.enableButtons = this.enableButtons.bind(this);
     }
     /**
      * Method for initializing events in Settings UI

package/dist/application/SoundManager/SoundManager.js

@@ -21,7 +21,7 @@ export class SoundManagerInstance {
     speedLevelMapper = {
         fast: {},
         normal: {},
-        slow: {},
+        slow: {}
     };
     musicCatalogue = new Map();
     constructor() {
@@ -41,7 +41,7 @@ export class SoundManagerInstance {
                     url,
                     autoPlay: false,
                     preload: true,
-                    loaded: () => resolve(),
+                    loaded: () => resolve()
                 });
                 sound.name = soundName;
                 this.musicCatalogue.set(soundName, sound);
@@ -99,7 +99,7 @@ export class SoundManagerInstance {
         sound.play({
             loop: soundsToLoop.includes(soundName),
             singleInstance: true,
-            volume: soundName === "music" ? 0.5 : 1,
+            volume: soundName === "music" ? 0.5 : 1
         });
     }
     /**

package/dist/application/SpinLogic/SpinLogicDTO.js

@@ -74,7 +74,7 @@ export class SpinLogicDTO {
             quantity: singleWin.quantity,
             multiplier: singleWin.multiplier,
             winIndex: singleWin.winIndex,
-            typeId: singleWin.typeId,
+            typeId: singleWin.typeId
         };
         if (rawWin.type === PossibleWins.freeSpins) {
             const remainingFreeSpins = Math.max(RainMan.settingsStore.howManyFreeSpinsLeft - 1, 0);

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

@@ -1,8 +1,6 @@
 import { TransformationDetails, Win } from "../../connectivity";
 /**
  * This class represents win and transformation scenarios described in {@link transformationTypes} and {@link PossibleWins}
- *
- *  {WinScenarios}
  */
 export declare class WinScenarios {
     private readonly _wins;

package/dist/application/SpinLogic/WinScenarios.js

@@ -1,7 +1,5 @@
 /**
  * This class represents win and transformation scenarios described in {@link transformationTypes} and {@link PossibleWins}
- *
- *  {WinScenarios}
  */
 export class WinScenarios {
     _wins;

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

@@ -3,7 +3,7 @@ import { ButtonsEventManager } from "../../application";
 import { AbstractController } from "../../controllers";
 import { RainMan } from "../../Rainman";
 import { Nullable } from "../../utils";
-import { UpdatableSpineContainer } from "../../winComponents";
+import { BigWinContainer, MysteryWinContainer, UpdatableSpineContainer } from "../../winComponents";
 import { AbstractFreeSpinContainer } from "../AbstractFreeSpinContainer";
 import { LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RightButtons, RightButtonsLandscape, RightButtonsMobile } from "../buttons";
 import { FreeSpinButton, Logo, ResponsiveContainer } from "../common";
@@ -32,8 +32,8 @@ import { MessageBox } from "../messageBox";
 export declare abstract class AbstractMainContainer extends Container {
     static readonly registryName = "mainContainer";
     messageBox: MessageBox;
-    protected bigWinContainer: Nullable<UpdatableSpineContainer>;
-    protected mysteryWinContainer: Nullable<UpdatableSpineContainer>;
+    protected bigWinContainer: Nullable<UpdatableSpineContainer> | BigWinContainer;
+    protected mysteryWinContainer: Nullable<UpdatableSpineContainer> | MysteryWinContainer;
     protected bonusWinContainer: Nullable<UpdatableSpineContainer>;
     protected superBonusWinContainer: Nullable<UpdatableSpineContainer>;
     protected overlay: Nullable<Graphics>;
@@ -88,7 +88,7 @@ export declare abstract class AbstractMainContainer extends Container {
      * Function for creating mystery win container
      * @returns {Nullable<UpdatableSpineContainer>} The container for the mystery win animation, or null.
      */
-    protected createMysteryWinContainer(): Nullable<UpdatableSpineContainer>;
+    protected createMysteryWinContainer(): Nullable<UpdatableSpineContainer> | MysteryWinContainer;
     /**
      * Function for specifying the container for the free spin summary
      * This needs to be implemented in each game
@@ -130,7 +130,7 @@ export declare abstract class AbstractMainContainer extends Container {
     get mysteryWinVisibleFor(): number;
     get bonusWinVisibleFor(): number;
     get superBonusWinVisibleFor(): number;
-    protected abstract createBigWinContainer(): UpdatableSpineContainer;
+    protected abstract createBigWinContainer(): UpdatableSpineContainer | MysteryWinContainer;
     /**
      * Function for invoking big win animation, using `this.createBigWinContainer()` abstract function.
      *
@@ -143,7 +143,6 @@ export declare abstract class AbstractMainContainer extends Container {
     invokeSuperBonusWin(): void;
     /**
      * Function for invoking big win animation, using `this.createBonusWinContainer()` abstract function.
-     *
      */
     invokeBonusWin(): void;
     invokeMysteryWin(): void;

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -3,7 +3,7 @@ import { ButtonsEventManager, SoundManager, SoundTracks } from "../../applicatio
 import { AnimationLayer, BackgroundLayer, FrameLayer, UXLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
 import { getDeviceOrientation, globalMinRatio } from "../../utils";
-import { BUTTONS, LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RefreshButton, RightButtons, RightButtonsLandscape, RightButtonsMobile, } from "../buttons";
+import { BUTTONS, LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RefreshButton, RightButtons, RightButtonsLandscape, RightButtonsMobile } from "../buttons";
 import { GambleGame } from "../GambleGame";
 import { MessageBox } from "../messageBox";
 /**
@@ -255,7 +255,6 @@ export class AbstractMainContainer extends Container {
     }
     /**
      * Function for invoking big win animation, using `this.createBonusWinContainer()` abstract function.
-     *
      */
     invokeBonusWin() {
         if (this.bonusWinContainer !== null) {

package/dist/components/GambleGame/GambleGame.js

@@ -117,7 +117,7 @@ export class GambleGame extends Container {
                 this.loseDoubleAndWinFields(),
                 setTimeout(() => {
                     this.closeGame();
-                }, 2000),
+                }, 2000)
             ]);
         }
     }

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

@@ -36,7 +36,7 @@ export class LeftButtons extends ResponsiveContainer {
             this.bet,
             this.volumeButton,
             this.moreButton,
-            this.infoButton,
+            this.infoButton
         ]);
     }
     reposition() {

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

@@ -47,7 +47,7 @@ export class MiddleButtons extends ResponsiveContainer {
             this.refreshButton,
             this.autoplayButton,
             this.betButton,
-            this.positioningFrame,
+            this.positioningFrame
         ]);
     }
     initChildPositions() {

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

@@ -27,7 +27,7 @@ export class RightButtons extends ResponsiveContainer {
             this.plusButton,
             this.refreshButton,
             this.speedControlButton,
-            this.autoplayButton,
+            this.autoplayButton
         ]);
         this.resize();
     }
@@ -37,7 +37,7 @@ export class RightButtons extends ResponsiveContainer {
             this.negButton,
             this.plusButton,
             this.refreshButton,
-            this.speedControlButton,
+            this.speedControlButton
         ]);
     }
     reposition() {

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

@@ -30,7 +30,7 @@ export class RightButtonsLandscape extends ResponsiveContainer {
             this.volumeButton,
             this.infoButton,
             this.negButton,
-            this.speedControlButton,
+            this.speedControlButton
         ]);
         this.resize();
     }
@@ -40,7 +40,7 @@ export class RightButtonsLandscape extends ResponsiveContainer {
             this.volumeButton,
             this.infoButton,
             this.negButton,
-            this.speedControlButton,
+            this.speedControlButton
         ]);
     }
     reposition() {

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

@@ -25,7 +25,7 @@ export class AutoplayButton extends BaseButton {
                 [ButtonStates.NORMAL]: getTexture("mobile/autoplay.png"),
                 [ButtonStates.CLICKED]: getTexture("mobile/clicked/autoplay.png"),
                 [ButtonStates.ACTIVE]: getTextureSafely("mobile/autoplay-on.png"),
-                [ButtonStates.ACTIVE_CLICKED]: getTextureSafely("mobile/clicked/autoplay-on.png"),
+                [ButtonStates.ACTIVE_CLICKED]: getTextureSafely("mobile/clicked/autoplay-on.png")
             }
             : {
                 [ButtonStates.NORMAL]: getTexture("normal/autoplay.png"),
@@ -33,7 +33,7 @@ export class AutoplayButton extends BaseButton {
                 [ButtonStates.CLICKED]: getTexture("clicked/autoplay.png"),
                 [ButtonStates.ACTIVE]: getTexture("normal/autoplay-on.png"),
                 [ButtonStates.ACTIVE_OVER]: getTexture("hover/autoplay-on.png"),
-                [ButtonStates.ACTIVE_CLICKED]: getTexture("clicked/autoplay-on.png"),
+                [ButtonStates.ACTIVE_CLICKED]: getTexture("clicked/autoplay-on.png")
             };
         super(AutoplayButton.registryName, textureMap);
         this.mobile = mobile;
@@ -47,7 +47,7 @@ export class AutoplayButton extends BaseButton {
             state === ButtonStates.ACTIVE_OVER ||
             state === ButtonStates.ACTIVE_CLICKED) {
             this.filters = [
-                new GlowFilter({ distance: 20, outerStrength: 2, color: RainMan.config.autoplayGlowColor }),
+                new GlowFilter({ distance: 20, outerStrength: 2, color: RainMan.config.autoplayGlowColor })
             ];
         }
         else {

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

@@ -14,7 +14,7 @@ export class BlackButton extends BaseButton {
         const textureMap = {
             [ButtonStates.NORMAL]: Texture.from("black-n.png"),
             [ButtonStates.CLICKED]: Texture.from("black-c.png"),
-            [ButtonStates.OVER]: Texture.from("black-h.png"),
+            [ButtonStates.OVER]: Texture.from("black-h.png")
         };
         super(BlackButton.registryName, textureMap);
     }

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

@@ -15,7 +15,7 @@ export class CollectButton extends BaseButton {
         const textureMap = {
             [ButtonStates.NORMAL]: Texture.from("collect-button-n.png"),
             [ButtonStates.CLICKED]: Texture.from("collect-button-c.png"),
-            [ButtonStates.OVER]: Texture.from("collect-button-h.png"),
+            [ButtonStates.OVER]: Texture.from("collect-button-h.png")
         };
         super(CollectButton.registryName, textureMap);
     }

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

@@ -17,12 +17,12 @@ export class InfoButton extends BaseButton {
         const textureMap = mobile
             ? {
                 [ButtonStates.NORMAL]: getTexture("mobile/info.png"),
-                [ButtonStates.CLICKED]: getTexture("mobile/clicked/info.png"),
+                [ButtonStates.CLICKED]: getTexture("mobile/clicked/info.png")
             }
             : {
                 [ButtonStates.NORMAL]: getTexture("normal/info.png"),
                 [ButtonStates.OVER]: getTexture("hover/info.png"),
-                [ButtonStates.CLICKED]: getTexture("clicked/info.png"),
+                [ButtonStates.CLICKED]: getTexture("clicked/info.png")
             };
         super(InfoButton.registryName, textureMap);
     }

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

@@ -17,12 +17,12 @@ export class MoreButton extends BaseButton {
         const textureMap = mobile
             ? {
                 [ButtonStates.NORMAL]: getTexture("mobile/menu.png"),
-                [ButtonStates.CLICKED]: getTexture("mobile/clicked/menu.png"),
+                [ButtonStates.CLICKED]: getTexture("mobile/clicked/menu.png")
             }
             : {
                 [ButtonStates.NORMAL]: getTexture("normal/menu.png"),
                 [ButtonStates.OVER]: getTexture("hover/menu.png"),
-                [ButtonStates.CLICKED]: getTexture("clicked/menu.png"),
+                [ButtonStates.CLICKED]: getTexture("clicked/menu.png")
             };
         super(MoreButton.registryName, textureMap);
     }

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

@@ -16,7 +16,7 @@ export class NegButton extends BaseButton {
         const textureMap = {
             [ButtonStates.NORMAL]: getTexture("normal/minus.png"),
             [ButtonStates.OVER]: getTexture("hover/minus.png"),
-            [ButtonStates.CLICKED]: getTexture("clicked/minus.png"),
+            [ButtonStates.CLICKED]: getTexture("clicked/minus.png")
         };
         super(NegButton.registryName, textureMap);
         this.clickSound = SoundTracks.reductionRate;

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

@@ -18,12 +18,12 @@ export class PlusButton extends BaseButton {
         const textureMap = mobile
             ? {
                 [ButtonStates.NORMAL]: getTexture("mobile/bet.png"),
-                [ButtonStates.CLICKED]: getTexture("mobile/clicked/bet.png"),
+                [ButtonStates.CLICKED]: getTexture("mobile/clicked/bet.png")
             }
             : {
                 [ButtonStates.NORMAL]: getTexture("normal/plus.png"),
                 [ButtonStates.OVER]: getTexture("hover/plus.png"),
-                [ButtonStates.CLICKED]: getTexture("clicked/plus.png"),
+                [ButtonStates.CLICKED]: getTexture("clicked/plus.png")
             };
         super(PlusButton.registryName, textureMap);
         this.clickSound = SoundTracks.increaseRate;

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

@@ -15,7 +15,7 @@ export class RedButton extends BaseButton {
         const textureMap = {
             [ButtonStates.NORMAL]: Texture.from("red-n.png"),
             [ButtonStates.CLICKED]: Texture.from("red-c.png"),
-            [ButtonStates.OVER]: Texture.from("red-h.png"),
+            [ButtonStates.OVER]: Texture.from("red-h.png")
         };
         super(RedButton.registryName, textureMap);
     }

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

@@ -33,7 +33,7 @@ export class RefreshButton extends BaseButton {
                 [ButtonStates.NORMAL]: getTexture("mobile/refresh.png"),
                 [ButtonStates.CLICKED]: getTexture("mobile/clicked/refresh.png"),
                 [ButtonStates.ACTIVE]: getTexture("mobile/stop.png"),
-                [ButtonStates.ACTIVE_CLICKED]: getTexture("mobile/clicked/stop.png"),
+                [ButtonStates.ACTIVE_CLICKED]: getTexture("mobile/clicked/stop.png")
             }
             : {
                 [ButtonStates.NORMAL]: getTexture("normal/auto-start.png"),
@@ -41,7 +41,7 @@ export class RefreshButton extends BaseButton {
                 [ButtonStates.CLICKED]: getTexture("clicked/auto-start.png"),
                 [ButtonStates.ACTIVE]: getTextureSafely("normal/auto-start-on.png"),
                 [ButtonStates.ACTIVE_OVER]: getTextureSafely("hover/auto-start-on.png"),
-                [ButtonStates.ACTIVE_CLICKED]: getTextureSafely("clicked/auto-start-on.png"),
+                [ButtonStates.ACTIVE_CLICKED]: getTextureSafely("clicked/auto-start-on.png")
             };
         super(RefreshButton.registryName, textureMap);
         this.name = RefreshButton.registryName;
@@ -72,7 +72,7 @@ export class RefreshButton extends BaseButton {
     initIncentiveAction(incentiveJobFlag, afterAllDoneCallback) {
         const fullRotation = (2 * (360 * Math.PI)) / 180;
         this.spinTween = new TWEEN.Tween({
-            rotation: this.arrowsSprite ? this.arrowsSprite.rotation : this.rotation,
+            rotation: this.arrowsSprite ? this.arrowsSprite.rotation : this.rotation
         })
             .onUpdate(({ rotation }) => {
             if (this.arrowsSprite)
@@ -81,7 +81,7 @@ export class RefreshButton extends BaseButton {
                 this.rotation = rotation;
         })
             .to({
-            rotation: fullRotation,
+            rotation: fullRotation
         }, 3000)
             .easing(TWEEN.Easing.Back.InOut)
             .start()

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

@@ -4,7 +4,7 @@ const createTextureMap = (speedLevel) => {
     return {
         [ButtonStates.NORMAL]: getTexture(`normal/speed-${speedLevel}.png`),
         [ButtonStates.OVER]: getTexture(`hover/speed-${speedLevel}.png`),
-        [ButtonStates.CLICKED]: getTexture(`clicked/speed-${speedLevel}.png`),
+        [ButtonStates.CLICKED]: getTexture(`clicked/speed-${speedLevel}.png`)
     };
 };
 /**
@@ -23,7 +23,7 @@ export class SpeedControlButton extends BaseButton {
         this.speedLevelMapper = {
             slow: createTextureMap("turtle"),
             normal: createTextureMap("rabbit"),
-            fast: createTextureMap("cheetah"),
+            fast: createTextureMap("cheetah")
         };
     }
     /**

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

@@ -14,7 +14,7 @@ export class SpinConfirmationButton extends BaseButton {
         const textureMap = {
             [ButtonStates.NORMAL]: getTexture("freeSpin_confirm_normal.png"),
             [ButtonStates.OVER]: getTexture("freeSpin_confirm_hover.png"),
-            [ButtonStates.CLICKED]: getTexture("freeSpin_confirm_clicked.png"),
+            [ButtonStates.CLICKED]: getTexture("freeSpin_confirm_clicked.png")
         };
         super(SpinConfirmationButton.registryName, textureMap);
     }

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

@@ -21,12 +21,12 @@ export class VolumeButton extends BaseButton {
         const normalTextureMap = {
             [ButtonStates.NORMAL]: getTexture("normal/sound.png"),
             [ButtonStates.OVER]: getTexture("hover/sound.png"),
-            [ButtonStates.CLICKED]: getTexture("clicked/sound.png"),
+            [ButtonStates.CLICKED]: getTexture("clicked/sound.png")
         };
         const muteTextureMap = {
             [ButtonStates.NORMAL]: getTexture("mute.png"),
             [ButtonStates.OVER]: getTexture("mute-h.png"),
-            [ButtonStates.CLICKED]: getTexture("mute-c.png"),
+            [ButtonStates.CLICKED]: getTexture("mute-c.png")
         };
         super(VolumeButton.registryName, RainMan.settingsStore.isSoundEnabled() ? normalTextureMap : muteTextureMap);
         this.normalTextureMap = normalTextureMap;

package/dist/components/frame/AbstractColumnsContainer.js

@@ -1,5 +1,5 @@
 import { Container, Graphics, Ticker } from "pixi.js";
-import { defaultSpeedConfig, SoundManager, SoundTracks, SPEED_LEVELS, spinSpeedLevels, } from "../../application";
+import { defaultSpeedConfig, SoundManager, SoundTracks, SPEED_LEVELS, spinSpeedLevels } from "../../application";
 import { FrameLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
 import { Speed } from "../symbols";

package/dist/components/frame/AbstractFrame.js

@@ -1,5 +1,5 @@
 import { Spine } from "pixi-spine";
-import { defaultSpeedConfig, SoundManager, SoundTracks, } from "../../application";
+import { defaultSpeedConfig, SoundManager, SoundTracks } from "../../application";
 import { FrameLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
 import { getDeviceOrientation, getSpineData, logError, scaleToParent } from "../../utils";
@@ -55,7 +55,7 @@ export class AbstractFrame extends ResumableContainer {
         SoundManager.play(SoundTracks.mysteryFxLoop);
         this.mysteryFxHighlight.state.setAnimation(0, this.mysteryFxConfig.startAnimationName || this.mysteryFxConfig.loopAnimationName, false);
         this.mysteryFxHighlight.state.addListener({
-            complete: () => this.mysteryFxHighlight?.state.setAnimation(0, this.mysteryFxConfig.loopAnimationName, true),
+            complete: () => this.mysteryFxHighlight?.state.setAnimation(0, this.mysteryFxConfig.loopAnimationName, true)
         });
         this.addChild(this.mysteryFxHighlight);
     }
@@ -136,7 +136,7 @@ export class AbstractFrame extends ResumableContainer {
         this.changeFrameForOrientation();
         const expectedScreenDimensions = {
             width: this.transformedWidth(),
-            height: this.transformedHeight(),
+            height: this.transformedHeight()
         };
         this.removeChild(this.innerFrame);
         const dimensions = scaleToParent(this.width, this.height, expectedScreenDimensions.width, expectedScreenDimensions.height);

package/dist/components/frame/WinLineAnimation.js

@@ -27,7 +27,7 @@ export class WinLineAnimation extends Spine {
             this.state.timeScale = this.velocityMultiplier;
             this.parentLayer = AnimationLayer;
             this.state.addListener({
-                complete: () => this.resolvePlayingPromise(),
+                complete: () => this.resolvePlayingPromise()
             });
         });
     }

package/dist/components/messageBox/MessageBox.js

@@ -56,7 +56,7 @@ export class MessageBox extends Container {
             fontSize,
             fill: 0xffffff,
             align: "center",
-            wordWrap: false,
+            wordWrap: false
         });
         this.incentiveText.y = -25;
         this.currentWinText.y = -25;
@@ -67,7 +67,7 @@ export class MessageBox extends Container {
             this.currentWinText,
             this.autoSpinText,
             this.freeSpinText,
-            this.possibleWinText,
+            this.possibleWinText
         ]);
     }
     updateIncentiveText(newText) {
@@ -192,7 +192,7 @@ export class MessageBox extends Container {
             align: "center",
             wordWrap: false,
             padding: 5,
-            ...winLineTextStyleOverrides,
+            ...winLineTextStyleOverrides
         };
         this.winLineIndicator = new WinLineIndicator(winLineTextStyle, getImageForSymbolId, message, symbolIds);
         this.winLineIndicator.y = -this.currentWinText.y + this.winLineIndicator.height / 2;

package/dist/components/symbols/AbstractSymbolsColumn.js

@@ -1,7 +1,7 @@
 import * as TWEEN from "@tweenjs/tween.js";
 import { sample } from "lodash";
 import { Container } from "pixi.js";
-import { animationsSpeedLevels, defaultSpeedConfig, SoundManager, SoundTracks, SPEED_LEVELS, } from "../../application";
+import { animationsSpeedLevels, defaultSpeedConfig, SoundManager, SoundTracks, SPEED_LEVELS } from "../../application";
 import { FrameLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
 import { getDeviceOrientation, logInfo } from "../../utils";
@@ -72,7 +72,7 @@ export class AbstractSymbolsColumn extends Container {
             wiggleTweenDuration: RainMan.config.durationOfActions.wiggleTweenDuration /
                 (this.phase === Phase.BOUNCE ? this.previousVelocityMultiplier : this.velocityMultiplier),
             symbolDropDownTime: RainMan.config.durationOfActions.symbolDropDownTime / this.velocityMultiplier,
-            timeToSetResults: RainMan.config.durationOfActions.timeToSetResults / this.velocityMultiplier,
+            timeToSetResults: RainMan.config.durationOfActions.timeToSetResults / this.velocityMultiplier
         };
     }
     adaptToSpeed(speedLevel) {
@@ -301,7 +301,7 @@ export class AbstractSymbolsColumn extends Container {
                     .easing(TWEEN.Easing.Bounce.Out)
                     .to({
                     y: firstSymbolToDrop.symbol.y +
-                        this.tileHeight * droppableSymbolsInColumns.numberToBeDropped,
+                        this.tileHeight * droppableSymbolsInColumns.numberToBeDropped
                 }, this.componentsTimingSettings.symbolDropDownTime)
                     .onComplete(() => {
                     // when completed - sort symbols in array using their y position

package/dist/components/updatable/UpdatableTextComponent.js

@@ -21,7 +21,7 @@ export class UpdatableTextComponent extends UpdatableValueComponent {
             fontSize,
             fill: fontColor,
             align: "center",
-            padding: 2,
+            padding: 2
         };
         super(registryName, baseText, textStyle, { ...textStyle, fill: 0xffffff }, mode, updateCallback);
     }

package/dist/components/updatable/UpdatableValueComponent.d.ts

@@ -14,7 +14,7 @@ import { UpdatableMode } from "./types";
 export declare abstract class UpdatableValueComponent extends Container implements SpeedAdapterInterface<number> {
     private mode;
     private updateCallback?;
-    private updatableValue;
+    protected updatableValue: number;
     protected finalValue: number;
     protected readonly baseTextComponent: Text;
     protected readonly valueTextComponent: Text;

package/dist/components/updatable/UpdatableValueComponent.js

@@ -28,7 +28,7 @@ export class UpdatableValueComponent extends Container {
     speedLevelMapper = {
         slow: 1,
         normal: 1.5,
-        fast: 2,
+        fast: 2
     };
     constructor(registryName, baseText, baseTextStyle, valueTextStyle, mode, updateCallback) {
         super();