@everymatrix/casino-game-page 1.2.2 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "1.2.2",
+  "version": "1.3.1",
   "main": "dist/casino-game-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "02dbae5b4d167acdb57c72905b756343a318870a"
+  "gitHead": "9eec5ce2cbfe4f1f8933cd93a292c2fee16bf1aa"
 }

package/src/CasinoGamePage.svelte

@@ -108,11 +108,9 @@
     url.searchParams.append('language', lang);
     // @TODO wtf? session check or go home
     // Maybe we should check if the session is valid, somehow?
-    isLoading = false;
 
     if (sessionID && sessionID.length > 0) {
       isLoggedIn = true;
-      isLoading = false;
 
       url.searchParams.append('_sid', sessionID)
       url.searchParams.append('funMode', 'false')
@@ -135,6 +133,7 @@
       .then((res:any) => res.json())
       .then((data:any) => {
         game = formatGameLaunchUrl(data[0]);
+        isLoading = false;
         if (game.launchUrl) {
           detailsObtained = true;
           funMode = playforfun == 'true' ? game.hasFunMode : false;
@@ -152,6 +151,8 @@
             maximizeGameFrame();
           }
         }
+      }).finally(() => {
+        isLoading = false;
       });
     window.postMessage({ type: 'RequestModalSize' }, window.location.href);
   }
@@ -283,10 +284,13 @@
       .then((res:any) => res.json())
       .then((data:any) => {
         game = formatGameLaunchUrl(data[0]);
+        isLoading = false;
         if (game.launchUrl) {
           game.isFavored = setGameData(game, gameFunMode);
         }
-      });
+      }).finally(() => {
+        isLoading = false;
+      });;
   }
 
   const resizeIframeIfNotVisible = (): void => {
@@ -608,7 +612,7 @@
     {#if hasErrors}
       <p class="SearchLoading" part="SearchLoading">500 Error - Internal Server Error.</p>
     {:else}
-      <div class="GamePageBackground" style="background:{!isMobile(userAgent)? `url(${game.backgroundImageUrl})`: ''}; background-size: cover" bind:this={gamePageBackground}>
+      <div class="GamePageBackground" style="background:{!mobileView? `url(${game.backgroundImageUrl})`: ''}; background-size: cover" bind:this={gamePageBackground}>
         <div class="CasinoGamePageContainer" part="CasinoGamePageContainer" style="background: rgba(0, 0, 0, 0.5)">
           {#if detailsObtained}
             {#if mobileView}