pixi-rainman-game-engine 0.1.16 → 0.1.18

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

@@ -6,7 +6,7 @@ import React, { useEffect, useState } from "react";
 import { COMPONENTS } from "../../../components";
 import { UI_ITEMS } from "../../../utils";
 import { useStores } from "../../hooks";
-import { closeModal, CloseModalButton } from "../CloseModalButton";
+import { CloseModalButton } from "../CloseModalButton";
 import { RichLimitingSlider } from "../RichLimitingSlider";
 import { SpeedButtonWithHeader, SwitchWithHeader } from "../SwitchWithHeader";
 export const AutoplaySettings = observer(() => {
@@ -109,11 +109,11 @@ export const AutoplaySettings = observer(() => {
                 <div className="autoplay-settings__confirmation-button" onClick={() => {
             resetAutoplaySettings();
             updateLimitsBounds(initialAutoSpinCount);
-            closeModal(UI_ITEMS.autoplay);
+            settingStore.handleModalInvocation?.(UI_ITEMS.autoplay);
         }}>
                     <p>{i18next.t("cancel")}</p>
                 </div>
-                <div id={COMPONENTS.autoSpinConfirm} className="autoplay-settings__confirmation-button" onClick={() => closeModal(UI_ITEMS.autoplay)}>
+                <div id={COMPONENTS.autoSpinConfirm} className="autoplay-settings__confirmation-button" onClick={() => settingStore.handleModalInvocation?.(UI_ITEMS.autoplay)}>
                     <p>{i18next.t("confirm")}</p>
                 </div>
             </div>

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

@@ -4,5 +4,4 @@ export type CloseModalButtonProps = {
     layerId: string;
     afterClose?: () => void;
 };
-export declare const closeModal: (modalID: string, afterCloseCallBack?: () => void) => void;
 export declare const CloseModalButton: ({ layerId, afterClose }: CloseModalButtonProps) => JSX.Element;

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

@@ -1,13 +1,13 @@
 import "./closeModalButton.css";
 import React from "react";
-export const closeModal = (modalID, afterCloseCallBack) => {
-    const gameRulesModal = window.document.getElementById(modalID);
-    if (gameRulesModal !== null)
-        gameRulesModal.style.display = "none";
-    afterCloseCallBack && afterCloseCallBack();
-};
+import { useStores } from "../../hooks";
 export const CloseModalButton = ({ layerId, afterClose }) => {
-    return (<button className="close-modal-button" onClick={() => closeModal(layerId, afterClose)}>
+    const { settingStore } = useStores();
+    const onClose = () => {
+        settingStore.handleModalInvocation?.(layerId);
+        afterClose?.();
+    };
+    return (<button className="close-modal-button" onClick={onClose}>
             x
         </button>);
 };

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

@@ -5,9 +5,11 @@ import { observer } from "mobx-react-lite";
 import React, { useState } from "react";
 import CustomScroll from "react-custom-scroll";
 import { UI_ITEMS } from "../../../utils";
-import { closeModal, CloseModalButton } from "../CloseModalButton";
+import { useStores } from "../../hooks";
+import { CloseModalButton } from "../CloseModalButton";
 import { gameRulesContent } from "./data";
 export const GameRules = observer(() => {
+    const { settingStore } = useStores();
     const [pageNumber, setPageNumber] = useState(0);
     const changePage = (incrementor) => {
         const numberOfPages = gameRulesContent.pages.length;
@@ -34,7 +36,7 @@ export const GameRules = observer(() => {
             </div>
             <div className="game-rules__page-control">
                 <div className="page-left" onClick={() => changePage(-1)}></div>
-                <div className="page-middle" onClick={() => closeModal(UI_ITEMS.gameRules)}></div>
+                <div className="page-middle" onClick={() => settingStore.handleModalInvocation?.(UI_ITEMS.gameRules)}></div>
                 <div className="page-right" onClick={() => changePage(1)}></div>
             </div>
         </div>);

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

@@ -4,7 +4,6 @@ import React from "react";
 import { RainMan } from "../../../Rainman";
 import { UI_ITEMS } from "../../../utils";
 import { useStores } from "../../hooks";
-import { closeModal } from "../CloseModalButton";
 export const OptionButton = ({ option, currency, setMessage }) => {
     const { settingStore } = useStores();
     const onButtonClick = async (option) => {
@@ -24,7 +23,7 @@ export const OptionButton = ({ option, currency, setMessage }) => {
             settingStore.setRoundNumber(data.getRawData().round_number);
             settingStore.setFreeSpinNumberBought(option.amount);
             RainMan.globals.throttledSpin?.();
-            closeModal(UI_ITEMS.freeSpin);
+            settingStore.handleModalInvocation?.(UI_ITEMS.freeSpin);
         }
         catch (err) {
             setMessage(err.message);

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

@@ -18,6 +18,7 @@ export declare class ButtonsEventManager {
     private setButtonAvailability;
     enableButtons: () => void;
     disableButtons: () => void;
+    constructor();
     /**
      * Method for initializing events in Settings UI
      *

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -27,6 +27,9 @@ export class ButtonsEventManager {
     };
     enableButtons = this.setButtonAvailability(false);
     disableButtons = this.setButtonAvailability(true);
+    constructor() {
+        RainMan.settingsStore.handleModalInvocation = this.handleModalInvocation.bind(this);
+    }
     /**
      * Method for initializing events in Settings UI
      *

package/dist/components/common/AnimatedBackground.js

@@ -25,6 +25,7 @@ export class AnimatedBackground extends ResumableContainer {
         this.mobileSpineName = mobileSpineName;
         this.name = AnimatedBackground.registryName;
         this.parentLayer = BackgroundLayer;
+        RainMan.settingsStore.containersWithSpines.push(this);
     }
     resize() {
         this.changeSpineForOrientation();

package/dist/stores/SettingsStore.d.ts

@@ -40,6 +40,7 @@ export declare class SettingsStore {
     currentSpeed: SpeedLevel;
     popupPaytableRepositionCallback?: () => void;
     updateVolumeButtonTexture?: () => void;
+    handleModalInvocation?: (layerId: string) => void;
     private readonly initialAutoplaySettingsState;
     private modalsAvailable;
     private paytableMap;

package/dist/stores/SettingsStore.js

@@ -46,6 +46,7 @@ export class SettingsStore {
     currentSpeed = "slow";
     popupPaytableRepositionCallback;
     updateVolumeButtonTexture;
+    handleModalInvocation;
     initialAutoplaySettingsState = {
         infinitySpinsEnabled: false,
         onAnyWin: false,

package/package.json

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