@everymatrix/casino-game-page 1.2.1 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "main": "dist/casino-game-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "de8b2a024255bd2ed76c13501c5a6dc858263dcb"
+  "gitHead": "ac0e71f6ea97bb7428ee75f5667c1408cbdc3146"
 }

package/src/CasinoGamePage.svelte

@@ -21,7 +21,7 @@
   export let userid:string = ''; // Value for UserID;
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
-  export let translationUrl:string = '';
+  export let translationurl:string = '';
   export let favorites:string = '';
 
   export let loginurl:string = '';
@@ -85,7 +85,7 @@
   setupI18n({ withLocale: 'en', translations: {}});
 
   const setTranslationUrl = ():void => {
-    let url:string = translationUrl;
+    let url:string = translationurl;
 
     fetch(url).then((res:any) => res.json())
     .then((res) => {
@@ -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 => {
@@ -594,7 +598,7 @@
   $: endpoint && gameid && lang && createGameURL(gameid, true);
   $: session && userid && endpoint && setSession();
   $: checksession == 'false' && session && endpoint && setSession();
-  $: translationUrl && setTranslationUrl();
+  $: translationurl && setTranslationUrl();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: (showModal == 'true') && panicButton && addEventsToDisplayedElements();
@@ -608,7 +612,7 @@
     {#if hasErrors}
       <p class="SearchLoading" part="SearchLoading">500 Error - Internal Server Error.</p>
     {:else}
-      <div class="GamePageBackground" style="background:{!isModal? `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}