@everymatrix/casino-game-page 0.0.269 → 0.0.272

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "0.0.269",
+  "version": "0.0.272",
   "main": "dist/casino-game-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f99063bddeebbe083973aa77500fc3ee5d9de894"
+  "gitHead": "2251ff7ad156e5d687da1a0ce2f71e526ca4eac5"
 }

package/src/CasinoGamePage.svelte

@@ -33,6 +33,8 @@
   export let clockformat:string = '';
   export let haspanicbutton:string = 'false';
   export let playforfun:string = 'true';
+  export let checksession:string = 'true';
+  export let integratedgameframe:string = 'false';
 
   export let gameid:string = '';
 
@@ -55,7 +57,6 @@
   let gameFrameContainer:HTMLElement;
   let gameInnerContainer:HTMLElement;
   let isFullscreen:boolean = false;
-  let gameFrameCloseFullScreen:HTMLElement;
   let modalFrameWidth:number;
   let modalFrameHeight:number;
   let gameFrameWidth:number;
@@ -271,8 +272,10 @@
       }
 
       callNative('OPEN_GAME', data);
-    } else {
+    } else if(integratedgameframe == 'false') {
       window.open(game.launchUrl, '_blank');
+    } else if(integratedgameframe == 'true') {
+      window.postMessage({ type: 'OpenIntegratedGameFrame' }, window.location.href);
     }
   }
 
@@ -391,14 +394,19 @@
   }
 
   const setSession = ():void => {
-    checkSession(endpoint, session).then((res:any) => {
-      sessionID = res.Guid;
-      playerID = res.UserID;
-      isLoggedIn = true;
-    }, (err:any) => {
-      isLoggedIn = false;
-      console.error('err on session', err);
-    });
+    if (checksession == 'true') {
+      checkSession(endpoint, session).then((res:any) => {
+        sessionID = res.Guid;
+        playerID = res.UserID;
+        isLoggedIn = true;
+      }, (err:any) => {
+        isLoggedIn = false;
+        console.error('err on session', err);
+      });
+    } else {
+      sessionID = session;
+      playerID = userid;
+    }
   }
 
   const setClientStyling = ():void => {
@@ -522,7 +530,7 @@
         {:else}
           {#if isLoggedIn}
             <div id="IframeContainer" part="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight}">
-            <div id="IframeGame" part="IframeGame" bind:this={gameInnerContainer} style="width: {isFullscreen ? '100%' : definitiveIframeWidth}; height: {isFullscreen ? '100%' : definitiveIframeHeight}; max-width: {isFullscreen ? 'none' : (game.width ? game.width + 'px' : '1280px')}; max-height: {isFullscreen ? 'none' : (game.height ? (Math.floor(game.height) + 100) + 'px' : '720px')}">
+              <div id="IframeGame" part="IframeGame" bind:this={gameInnerContainer} style="width: {isFullscreen ? '100%' : definitiveIframeWidth}; height: {isFullscreen ? '100%' : definitiveIframeHeight}; max-width: {isFullscreen ? 'none' : (game.width ? game.width + 'px' : '1280px')}; max-height: {isFullscreen ? 'none' : (game.height ? (Math.floor(game.height) + 100) + 'px' : '720px')}">
                 <iframe title="Games" id="IframeGame" class="GamesContainer" part="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
                 <div class="BottomGame" part="BottomGame" bind:this={buttonsContainer}>
                   <button class="DepositButton" part="DepositButton" on:click='{() => toggleDeposit()}'>{$_('gamePage.deposit')}</button>