@everymatrix/casino-game-page 0.0.252 → 0.0.255

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "0.0.252",
+  "version": "0.0.255",
   "main": "dist/casino-game-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6824e7c03c551fb8c35921b8846fdbbb49f76169"
+  "gitHead": "75eba1384dd09e2170373cd0b2350fd226937e2a"
 }

package/src/CasinoGamePage.svelte

@@ -33,6 +33,7 @@
 
   export let clockformat:string = '';
   export let haspanicbutton:string = 'false';
+  export let playforfun:string = 'true';
 
   let time:Object;
   let iframe:any;
@@ -74,6 +75,7 @@
   // @TODO game typescript model type
   const formatGameLaunchUrl = (game:any):void => {
     let url:URL = new URL(game.launchUrl);
+
     url.searchParams.append('language', lang);
     // @TODO wtf? session check or go home
     // Maybe we should check if the session is valid, somehow?
@@ -103,20 +105,8 @@
 
             if (game.launchUrl) {
               detailsObtained = true;
-              funMode = game.hasFunMode;
-              anonymousFunMode = game.hasAnonymousFunMode;
-
-              let url:any = new URL(game.launchUrl);
-
-              if (sessionID && sessionID.length > 0) {
-                isLoggedIn = true;
-
-                url.searchParams.append('_sid', sessionID)
-                url.searchParams.append('funMode', false)
-                url.searchParams.append('language', lang)
-
-                game.launchUrl = url;
-              }
+              funMode = playforfun == 'true' ? game.hasFunMode : false;
+              anonymousFunMode = playforfun == 'true' ? game.hasAnonymousFunMode : false;
             }
           }, (err:any) => {
             console.error('There was an error', err);
@@ -151,9 +141,17 @@
             if (game) {
               let url:any = new URL(game.launchUrl);
 
-              url.searchParams.append('_sid', sessionID);
-              url.searchParams.append('funMode', false);
-              url.searchParams.append('language', lang);
+              if (!url.searchParams.get('_sid')) {
+                url.searchParams.append('_sid', sessionID);
+              }
+
+              if (!url.searchParams.get('funMode')) {
+                url.searchParams.append('funMode', false);
+              }
+
+              if (!url.searchParams.get('_sid')) {
+                url.searchParams.append('language', lang);
+              }
 
               game.launchUrl = url;
 
@@ -200,15 +198,15 @@
     let url:URL = new URL(`${endpoint}/casino/games/${gameId}`);
 
     url.searchParams.append('language', lang);
-    // url.searchParams.append('expand', 'vendor');
+    
     fetch(url.href)
       .then((res:any) => res.json())
       .then((data:any) => {
         game = formatGameLaunchUrl(data[0]);
 
         if (game.launchUrl) {
-          anonymousFunMode = game.hasAnonymousFunMode;
-          funMode = gameFunMode;
+          anonymousFunMode = playforfun == 'true' ? game.hasAnonymousFunMode : false;
+          funMode = playforfun == 'true' ? gameFunMode : false;
           detailsObtained = true;
           game.isFavored = checkFavorite(game.id);
         }
@@ -475,7 +473,6 @@
               {/if}
               <p>{time}</p>
             </div>
-
           {:else if anonymousFunMode}
             <div class="GameDetails" part="GameDetails">
               <h3>{game.name}</h3>
@@ -623,7 +620,9 @@
   }
   .GameDetails h3 {
     color: var(--emfe-w-color-white, #FFFFFF);
-    font-size: 26px;
+    font-size: 18px;
+    text-align: center;
+    padding: 0 10px;
   }
   .ButtonsContainer {
     width: 275px;
@@ -698,8 +697,8 @@
   }
   .FavIconContainer {
     position: absolute;
-    top: 47px;
-    left: 47px;
+    top: 42px;
+    left: 42x;
     cursor: pointer;
   }
   .PanicSectionMobile {