@everymatrix/casino-game-page 1.22.11 → 1.23.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "1.22.11",
+  "version": "1.23.1",
   "main": "dist/casino-game-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1ec5c9d222dc5546dc0ef485ea93807daa2bb50c"
+  "gitHead": "4844f167efeb93d55d079fc27381a959fe9c5a65"
 }

package/src/CasinoGamePage.svelte

@@ -30,6 +30,7 @@
   export let loginevent:string = '';
   export let registerevent:string = '';
   export let depositevent:string = '';
+  export let shortcashierenabled: string = '';
 
   export let clockformat:string = '';
   export let haspanicbutton:string = 'false';
@@ -436,20 +437,23 @@
     }
   }
 
-  const toggleDeposit = ():void => {
-    if (depositevent) {
+  const toggleDeposit = (mobileView:boolean):void => {
+
+    if (shortcashierenabled && !mobileView) {
+      window.postMessage({ type: 'OpenShortCashier' }, window.location.href);
+    } else if (depositevent) {
       window.postMessage({ type: depositevent }, window.location.href);
       window.postMessage({ type: 'ModalClosed' }, window.location.href);
-
-      //Analytics event
-      if(typeof gtag == 'function'){
-        gtag('event', 'GoToDeposit', {
-          'context': 'GamePage'
-        });
-      }
     }
 
-    if (depositurl) {
+    //Analytics event
+    if(typeof gtag == 'function'){
+      gtag('event', 'GoToDeposit', {
+        'context': 'IntegratedGamePage'
+      });
+    } 
+
+    if (depositurl && !shortcashierenabled) {
       // @ts-ignore
       window.location = depositurl;
     }
@@ -660,7 +664,7 @@
                   <h3>{game.name}</h3>
                   <img src={game.thumbnail} class="GameThumbnail" alt="game thumbnail" loading="lazy" />
                   <div class="ButtonsContainer">
-                    <button class="DepositButton" on:click='{() => toggleDeposit()}'>{$_('deposit')}</button>
+                    <button class="DepositButton" on:click='{() => toggleDeposit(mobileView)}'>{$_('deposit')}</button>
                     <button class="PlayNowButton" on:click='{() => {openGameWindow(game)}}'>{$_('playNow')}</button>
                   </div>
                   {#if haspanicbutton === "true"}
@@ -698,7 +702,7 @@
                   <div id="IframeGame" bind:this={gameInnerContainer} style="{gameStyle}">
                     <iframe title="Games" id="IframeGame" class="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
                     <div class="BottomGame {haspanicbutton == 'true' ? 'BottomGamePanicSection' : ''}" bind:this={buttonsContainer}>
-                      <button class="DepositButton" on:click='{() => toggleDeposit()}'>{$_('deposit')}</button>
+                      <button class="DepositButton" on:click='{() => toggleDeposit(mobileView)}'>{$_('deposit')}</button>
                       <p class="Time" bind:this={timeContainer}><span>{time}</span></p>
                       {#if haspanicbutton === "true"}
                         <div class="PanicSection">