@everymatrix/casino-game-page 1.10.0 → 1.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "main": "dist/casino-game-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9ccf680032da454b5c7417f978da996ec52e4554"
+  "gitHead": "0608b5f0449d8bd54dcb9e847e35e9b91c4398a2"
 }

package/src/CasinoGamePage.svelte

@@ -138,9 +138,8 @@
         game = formatGameLaunchUrl(data[0]);
         isLoading = false;
         if (game.launchUrl) {
-          detailsObtained = true;
-          funMode = playforfun == 'true' ? game.hasFunMode : false;
-          anonymousFunMode = playforfun == 'true' ? game.hasAnonymousFunMode : false;
+          game.isFavored = setGameData(game, game.hasFunMode);
+          isFavLoading = false;
         }
       }, (err:any) => {
         console.error('There was an error', err);
@@ -282,9 +281,7 @@
 
   const openGameFrame = (gameId:string, gameFunMode:boolean):void => {
     let url:URL = new URL(`${endpoint}/casino/games/${gameId}`);
-
     url.searchParams.append('language', lang);
-
     fetch(url.href)
       .then((res:any) => res.json())
       .then((data:any) => {
@@ -292,6 +289,7 @@
         isLoading = false;
         if (game.launchUrl) {
           game.isFavored = setGameData(game, gameFunMode);
+          isFavLoading = false;
         }
       }).finally(() => {
         isLoading = false;
@@ -658,7 +656,7 @@
                       </div>
                     {/if}
                   {:else}
-                    <div class="LoaderRipple"><div></div><div></div></div>
+                    <div class="LoaderRipple {haspanicbutton == 'true' ? 'LoaderWithPanicButton' : ''}"><div></div><div></div></div>
                   {/if}
                 {/if}
                 <div class="GameDetails" part="GameDetails">
@@ -1017,7 +1015,7 @@
     width: 80px;
     height: 80px;
     position: absolute;
-    top: 40px;
+    top: 0;
     left: -8px;
     div {
       position: absolute;
@@ -1029,6 +1027,9 @@
         animation-delay: -0.5s;
       }
     }
+    &.LoaderWithPanicButton {
+      top: 40px;
+    }
   }
 
   @keyframes ripple-effect {