pixi-rainman-game-engine 0.3.33 → 0.3.34

package/dist/Rainman/types.d.ts

@@ -81,6 +81,7 @@ export interface Globals {
     disableSpeedPopup?: (value: boolean) => void;
     handleDisablingButtons?: (value?: boolean) => void;
     throttledSpin?: () => void;
+    handleSpinLogic?: () => void;
     prepareBoughtFreeSpins?: () => void;
     updateFreeSpinShown?: (value: number) => void;
     backendSymbolMap?: Map<number, never>;

package/dist/SettingsUI/hooks/useBuyFreeSpins/useBuyFreeSpins.js

@@ -1,6 +1,5 @@
 import { autorun } from "mobx";
 import { useEffect, useState } from "react";
-import { RainMan } from "../../../Rainman";
 /**
  * Get the available options for buying free spins
  * @returns {BuyFreeSpinOption[]} the available options for buying free spins
@@ -9,10 +8,7 @@ export const useBuyFreeSpinOptions = () => {
     const [options, setOptions] = useState([]);
     useEffect(() => {
         const disposer = autorun(() => {
-            setOptions(Object.entries(RainMan.settingsStore.freeSpinBuyTable ?? {}).map(([amount, multiplier]) => ({
-                amount: parseInt(amount, 10),
-                price: multiplier
-            })));
+            setOptions([]);
         });
         return () => disposer();
     }, []);

package/dist/components/AbstractBuyFreeSpins/AbstractBuyFreeSpinsPlate.d.ts

@@ -1,3 +1,4 @@
+import { BuyType } from "connectivity";
 import { Container, Sprite } from "pixi.js";
 import { BuyFreeSpinOption } from "SettingsUI/hooks";
 import { AcceptDeclineButton } from "./AcceptDeclineButton";
@@ -6,6 +7,7 @@ export type BuyFreeSpinConfig = {
 };
 export type BuyFreeSpinState = "selection" | "confirmation";
 export declare abstract class AbstractBuyFreeSpinsPlate extends Container {
+    private buyType;
     private state;
     protected selectedOption?: BuyFreeSpinOption;
     protected readonly config: BuyFreeSpinConfig;
@@ -19,7 +21,7 @@ export declare abstract class AbstractBuyFreeSpinsPlate extends Container {
     private readonly onContinueCallback;
     private readonly resizeHandler;
     private handleClose;
-    protected constructor(onContinue: () => void, config: BuyFreeSpinConfig);
+    protected constructor(onContinue: () => void, config: BuyFreeSpinConfig, buyType: BuyType);
     init(): void;
     private createElements;
     resize(): void;

package/dist/components/AbstractBuyFreeSpins/AbstractBuyFreeSpinsPlate.js

@@ -4,6 +4,7 @@ import { RainMan } from "../../Rainman";
 import { scaleToParent } from "../../utils";
 import { AcceptDeclineButton } from "./AcceptDeclineButton";
 export class AbstractBuyFreeSpinsPlate extends Container {
+    buyType;
     state = "selection";
     selectedOption;
     config;
@@ -21,8 +22,9 @@ export class AbstractBuyFreeSpinsPlate extends Container {
         this.onContinueCallback();
         RainMan.settingsStore.disableKeyboardShortcuts = false;
     };
-    constructor(onContinue, config) {
+    constructor(onContinue, config, buyType) {
         super();
+        this.buyType = buyType;
         RainMan.settingsStore.disableKeyboardShortcuts = true;
         this.onContinueCallback = onContinue;
         this.config = config;
@@ -133,29 +135,47 @@ export class AbstractBuyFreeSpinsPlate extends Container {
     }
     async onAcceptClick(option) {
         const roundNumber = RainMan.settingsStore.roundNumber + 1;
-        try {
-            const data = await window.connectionWrapper.fetchFreeSpinData(roundNumber, option.amount, option.price);
-            const code = data.getRawData()?.status?.code;
-            if (code === 400 || code === 406) {
+        switch (this.buyType) {
+            case "free-spins":
+                try {
+                    const data = await window.connectionWrapper.fetchFreeSpinData(roundNumber, option.amount, option.price);
+                    const code = data.getRawData()?.status?.code;
+                    if (code === 400 || code === 406) {
+                        return;
+                    }
+                    RainMan.settingsStore.setIsFreeSpinBought(true, data);
+                    RainMan.settingsStore.setFreeSpinNumberBought(option.amount);
+                    RainMan.globals.updateFreeSpinShown?.(option.amount);
+                    RainMan.settingsStore.setRoundNumber(roundNumber);
+                    this.cleanup();
+                    this.onContinueCallback();
+                    await RainMan.settingsStore.handleInvokeFreeSpinPlate?.(option.amount, false);
+                    RainMan.settingsStore.disableKeyboardShortcuts = false;
+                    RainMan.globals.prepareBoughtFreeSpins?.();
+                    RainMan.globals.throttledSpin?.();
+                }
+                catch (err) {
+                    console.error(err);
+                    RainMan.settingsStore.setIsFreeSpinBought(false);
+                    RainMan.settingsStore.disableKeyboardShortcuts = false;
+                }
                 return;
-            }
-            RainMan.settingsStore.setIsFreeSpinBought(true, data);
-            RainMan.settingsStore.setFreeSpinNumberBought(option.amount);
-            RainMan.globals.updateFreeSpinShown?.(option.amount);
-            RainMan.settingsStore.setRoundNumber(roundNumber);
-            this.cleanup();
-            this.onContinueCallback();
-            await RainMan.settingsStore.handleInvokeFreeSpinPlate?.(option.amount, false);
-            RainMan.settingsStore.disableKeyboardShortcuts = false;
-            RainMan.globals.prepareBoughtFreeSpins?.();
-            setTimeout(() => {
-                RainMan.globals.throttledSpin?.();
-            }, 500);
-        }
-        catch (err) {
-            console.error(err);
-            RainMan.settingsStore.setIsFreeSpinBought(false);
-            RainMan.settingsStore.disableKeyboardShortcuts = false;
+            case "joker":
+                try {
+                    const data = await window.connectionWrapper.fetchJokerData(roundNumber, option.price);
+                    const code = data.getRawData()?.status?.code;
+                    if (code === 400 || code === 406) {
+                        return;
+                    }
+                    const r = roundNumber + 1;
+                    RainMan.settingsStore.setRoundNumber(r);
+                    this.cleanup();
+                    this.onContinueCallback();
+                    setTimeout(() => {
+                        RainMan.globals.handleSpinLogic?.();
+                    }, 1000);
+                }
+                catch (err) { }
         }
     }
     renderState() {

package/dist/connectivity/ConnectionWrapper.d.ts

@@ -64,6 +64,14 @@ export declare class ConnectionWrapper implements SubscribableConnectionWrapper
      * @returns {SpinData} spin data
      */
     fetchFreeSpinData(roundNumber: number, quantity: number, price: number): Promise<SpinData>;
+    /**
+     * Method for fetching joker data from the server
+     * @public
+     * @param {number} roundNumber round number
+     * @param {number} price price of joker
+     * @returns {SpinData} spin data
+     */
+    fetchJokerData(roundNumber: number, price: number): Promise<SpinData>;
     /**
      * Method for fetching spin data from the server
      * @public

package/dist/connectivity/ConnectionWrapper.js

@@ -98,7 +98,9 @@ export class ConnectionWrapper {
             vendor_id: RainMan.config.gameInitVendorId
         }));
         RainMan.globals.currency = Currencies[this._initData.currency];
-        RainMan.settingsStore.setFreeSpinsPriceTable(this._initData.free_spins_buy_table);
+        RainMan.settingsStore.setFreeSpinsBuyOptions(this._initData.buy_table?.["free-spins"] ?? []);
+        RainMan.settingsStore.setJokerBuyOptions(this._initData.buy_table?.["joker"] ?? []);
+        RainMan.settingsStore.setGameBuyTypes(this._initData.buy_types ?? []);
         RainMan.settingsStore.setRoundNumber(this._initData.round_number);
         if (this._initData.status?.code && this._initData.status.code >= 400) {
             throw new Error(`Init failed with status code: ${this._initData.status?.code}: ${this._initData.status?.message}`);
@@ -126,7 +128,7 @@ export class ConnectionWrapper {
         }
         const data = (await this.fetch({
             action: "buy",
-            operation: "buy-free-spins",
+            operation: "free-spins",
             buy_price: price,
             round_number: roundNumber,
             token: this.config.token,
@@ -139,6 +141,30 @@ export class ConnectionWrapper {
         RainMan.settingsStore.setRoundNumber(data.round_number);
         return new SpinData(this.config, data);
     }
+    /**
+     * Method for fetching joker data from the server
+     * @public
+     * @param {number} roundNumber round number
+     * @param {number} price price of joker
+     * @returns {SpinData} spin data
+     */
+    async fetchJokerData(roundNumber, price) {
+        if (typeof this.config?.token === "undefined") {
+            throw new Error("Token was not defined");
+        }
+        const data = (await this.fetch({
+            action: "buy",
+            operation: "joker",
+            buy_price: price,
+            round_number: roundNumber,
+            token: this.config.token,
+            reference: RainMan.config.gameInitReference,
+            bet: RainMan.settingsStore.bet,
+            extra_data: {}
+        }));
+        RainMan.settingsStore.setRoundNumber(data.round_number);
+        return new SpinData(this.config, data);
+    }
     /**
      * Method for fetching spin data from the server
      * @public

package/dist/connectivity/serverConnection.d.ts

@@ -77,13 +77,24 @@ export type MiniGameRequest = {
  */
 export type BuyFreeSpinServerRequest = BaseServerRequest & {
     action: "buy";
-    operation: "buy-free-spins";
+    operation: "free-spins";
     bet: number;
     buy_price: number;
     extra_data: {
         free_spins_quantity: number;
     };
 };
+/**
+ * Request for buying joker spin
+ * @typedef {BuyJokerServerRequest}
+ */
+export type BuyJokerServerRequest = BaseServerRequest & {
+    action: "buy";
+    operation: "joker";
+    bet: number;
+    buy_price: number;
+    extra_data: object;
+};
 /**
  * Request for gambling
  * @typedef {GambleServerRequest}
@@ -118,7 +129,7 @@ export interface ExtraDataRequest {
  * This is the structure of a server request.
  * @typedef {ServerRequest}
  */
-export type ServerRequest = InitServerRequest | MiniGameRequest | SpinServerRequest | BuyFreeSpinServerRequest | GambleServerRequest | EndServerRequest | TakeServerRequest;
+export type ServerRequest = InitServerRequest | MiniGameRequest | SpinServerRequest | BuyFreeSpinServerRequest | BuyJokerServerRequest | GambleServerRequest | EndServerRequest | TakeServerRequest;
 /**
  * This is the structure of a message sent from the server.
  * @typedef {ServerMessage}

package/dist/connectivity/serverData.d.ts

@@ -1,6 +1,22 @@
 import { PaytableTypes } from "../constants";
 import { Nullable } from "../utils";
 import { Point, RawTransformationDetails } from "./transformation";
+export type BuyType = "free-spins" | "joker" | string;
+export interface BaseBuyOption {
+    bet_multiplier: number;
+}
+export interface FreeSpinsBuyOption extends BaseBuyOption {
+    spin_quantity: number;
+}
+export interface JokerBuyOption extends BaseBuyOption {
+    symbol_quantity: number;
+}
+export type BuyTable = Partial<{
+    "free-spins": FreeSpinsBuyOption[];
+    joker: JokerBuyOption[];
+}> & {
+    [key: string]: BaseBuyOption[] | undefined;
+};
 export interface InitDataInterface {
     action: string;
     balance: number;
@@ -20,8 +36,8 @@ export interface InitDataInterface {
     wins_names: Array<string>;
     transformations_names: Array<string>;
     transformations_types: Array<number>;
-    free_spins_buy_table?: Record<number, number>;
-    free_spins_prize_table?: Record<number, number>;
+    buy_types?: BuyType[];
+    buy_table?: BuyTable;
     paytable: PayTableInterface;
     reinit_data?: SpinDataInterface[];
     extra_data: InitExtraData;
@@ -149,6 +165,14 @@ export interface FreeSpinDataInterface {
     status: Status;
     symbols_on_reels: number[][];
 }
+export interface JokerDataInterface {
+    action: "buy";
+    available_free_spins: number;
+    balance: number;
+    round_number: number;
+    status: Status;
+    symbols_on_reels: number[][];
+}
 export type GambleCardColor = "black" | "red" | "joker";
 export type GambleCard = "clubs" | "spades" | "hearts" | "diamonds" | "joker";
 export interface RawWin {

package/dist/controllers/AbstractController.js

@@ -104,6 +104,7 @@ export class AbstractController {
         RainMan.settingsStore.setRoundNumber(this.roundNumber);
         RainMan.settingsStore.initPaytableMap(initData);
         RainMan.globals.throttledSpin = this.throttledSpin.bind(this);
+        RainMan.globals.handleSpinLogic = this.handleSpinLogic.bind(this);
         RainMan.globals.prepareBoughtFreeSpins = this.prepareBoughtFreeSpins.bind(this);
         RainMan.settingsStore.useTakeAction = this.useTakeAction.bind(this);
         this.connection.subscribeForConfigChanges(this.reinitializeUserBalanceData.bind(this));

package/dist/stores/SettingsStore.d.ts

@@ -1,6 +1,6 @@
 import { SpeedLevel, SymbolId } from "../application";
 import { ResumableContainer, SpineWithResumableContainer, SpriteWithResumableContainer } from "../components";
-import { InitDataInterface, Point, RangeQuantityValue, SpinData, SpinDataInterface } from "../connectivity";
+import { BuyType, FreeSpinsBuyOption, InitDataInterface, JokerBuyOption, Point, RangeQuantityValue, SpinData, SpinDataInterface } from "../connectivity";
 import { Nullable } from "../utils";
 import { PaytableData } from "./types";
 /**
@@ -44,7 +44,9 @@ export declare class SettingsStore {
     howManyFreeSpinsLeft: number;
     balanceAfterSpin: number;
     howManyAutoSpinsLeft: number;
-    freeSpinBuyTable: Record<number, number>;
+    freeSpinsBuyOptions: FreeSpinsBuyOption[];
+    jokerBuyOptions: JokerBuyOption[];
+    gameBuyTypes: BuyType[];
     volumeLevel: number;
     wasVolumeChanged: boolean;
     popupPaytablePosition?: Point;
@@ -134,10 +136,26 @@ export declare class SettingsStore {
     /**
      * Sets the free spins price table.
      * @public
+     * @param freeSpinsBuyOptions
      * @param {Record<number, number>} freeSpinsPriceTable table with free spins prices
      * @returns {void}
      */
-    setFreeSpinsPriceTable(freeSpinsPriceTable: Record<number, number>): void;
+    setFreeSpinsBuyOptions(freeSpinsBuyOptions: FreeSpinsBuyOption[]): void;
+    /**
+     * Sets the joker win price table.
+     * @public
+     * @param {Record<number, number>} jokerBuyOption table with joker win prices
+     * @returns {void}
+     */
+    setJokerBuyOptions(jokerBuyOption: JokerBuyOption[]): void;
+    /**
+     * Sets the free spins price table.
+     * @public
+     * @param buyTypes
+     * @param {Record<number, number>} jokerBuyOption table with free spins prices
+     * @returns {void}
+     */
+    setGameBuyTypes(buyTypes: BuyType[]): void;
     /**
      * Sets bet value
      * @public

package/dist/stores/SettingsStore.js

@@ -48,7 +48,10 @@ export class SettingsStore {
     howManyFreeSpinsLeft = 0;
     balanceAfterSpin = 0;
     howManyAutoSpinsLeft = INITIAL_AUTO_SPIN_COUNT;
-    freeSpinBuyTable = {};
+    // public freeSpinBuyTable: Record<number, number> = {};
+    freeSpinsBuyOptions = [];
+    jokerBuyOptions = [];
+    gameBuyTypes = [];
     volumeLevel = Number(getFromLocalStorage(LOCAL_STORAGE.volumeLevel, 100));
     wasVolumeChanged = false;
     popupPaytablePosition;
@@ -215,11 +218,31 @@ export class SettingsStore {
     /**
      * Sets the free spins price table.
      * @public
+     * @param freeSpinsBuyOptions
      * @param {Record<number, number>} freeSpinsPriceTable table with free spins prices
      * @returns {void}
      */
-    setFreeSpinsPriceTable(freeSpinsPriceTable) {
-        this.freeSpinBuyTable = freeSpinsPriceTable;
+    setFreeSpinsBuyOptions(freeSpinsBuyOptions) {
+        this.freeSpinsBuyOptions = freeSpinsBuyOptions;
+    }
+    /**
+     * Sets the joker win price table.
+     * @public
+     * @param {Record<number, number>} jokerBuyOption table with joker win prices
+     * @returns {void}
+     */
+    setJokerBuyOptions(jokerBuyOption) {
+        this.jokerBuyOptions = jokerBuyOption;
+    }
+    /**
+     * Sets the free spins price table.
+     * @public
+     * @param buyTypes
+     * @param {Record<number, number>} jokerBuyOption table with free spins prices
+     * @returns {void}
+     */
+    setGameBuyTypes(buyTypes) {
+        this.gameBuyTypes = buyTypes;
     }
     /**
      * Sets bet value

package/package.json

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