@everymatrix/casino-game-page 1.34.1 → 1.34.2

package/index.html

@@ -34,7 +34,7 @@
       favorites="true"
       gameid="41813"
       userid="4506648"
-      session="aa4ab578-06dd-4019-b2e1-108f017e42b0"
+      session="b64bddaa-73be-4173-98da-9265ce10d801"
       lang="en"
       endpoint="https://demo-api.stage.norway.everymatrix.com"
       playforfun="true"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "1.34.1",
+  "version": "1.34.2",
   "main": "dist/casino-game-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5ce0bbd8d4005bb9f6fbed830e8882a14e79712a"
+  "gitHead": "99004a0501ea8fb9219aac803a986e470f556838"
 }

package/src/CasinoGamePage.svelte

@@ -56,8 +56,6 @@
   let funMode:boolean = false;
   let anonymousFunMode:boolean = false;
   let isModal:boolean = true;
-  let favoredGamesCollection:Array<string> = [];
-  let receivedFavoriteResults:Object;
 
   let gameFrameContainer:HTMLElement;
   let gameInnerContainer:HTMLElement;
@@ -72,6 +70,7 @@
   let userAgent:any = window.navigator.userAgent;
   let mobileView:boolean = false;
   let favoriteGames: Array<Object> = [];
+  let listOfGamesIDs:Array<string> = [];
   let customStylingContainer:HTMLElement;
   let buttonsContainer:HTMLElement;
   let timeContainer:HTMLElement;
@@ -133,7 +132,7 @@
         game = formatGameLaunchUrl(data[0]);
         isLoading = false;
         if (game.launchUrl) {
-          game.isFavored = setGameData(game, game.hasFunMode);
+          game.isFavorite = setGameData(game, game.hasFunMode);
           isFavLoading = false;
         }
       }, (err:any) => {
@@ -255,24 +254,17 @@
         .then((res:any) => res.json())
         .then((updatedArray:any) => {
           isLoading = false;
-          receivedFavoriteResults = updatedArray;
-
-          if (receivedFavoriteResults) {
-            updateCategoryFavoriteGames(receivedFavoriteResults);
-            favoredGamesCollection = [];
-
-            if (receivedFavoriteResults.items.length > 0) {
-              receivedFavoriteResults.items.forEach((fav:any) => {
-                favoredGamesCollection.push(fav.id);
-              });
-            }
-            
+          favoriteGames = updatedArray.items;
+          if (favoriteGames) {
+            if (game && game.id) game.isFavorite = checkFavorite(game.id); isFavLoading = false;
+            favoriteGames.forEach((fav:any) => {
+              if (!listOfGamesIDs.includes(fav.id)) listOfGamesIDs.push(fav.id);
+            });
           } else {
-            receivedFavoriteResults = [];
-            return receivedFavoriteResults;
+            favoriteGames = [];
           }
         
-          resolve(receivedFavoriteResults);
+          resolve(favoriteGames);
 
       }).catch((err:any) => {
         console.error(err);
@@ -284,23 +276,18 @@
 
   //Add / Remove favorites games
   const toggleFavoriteGame = (id:any):void => {
-    if (game.isFavored) {
+    if (game.isFavorite) {
       removeFavoredGame(`${endpoint}/v1/player/${userid}/favorites`, session, game.id);
     } else {
-      addFavoredGame(`${endpoint}/v1/player/${userid}/favorites`, session, game.id);
+      addFavoredGame(`${endpoint}/v1/player/${userid}/favorites`, session, game);
     }
   }
 
-  let addFavoredGame = (url, sessionID, gameID) => {
+  let addFavoredGame = async (url, sessionID, game) => {
     // When adding new favored games, the api requires an array with all the current favored games due to the fact that it overwrites the old ones with the ones found in the body of the POST request
-    
-    if (!favoredGamesCollection.includes(gameID)) {
-      favoredGamesCollection.push(gameID);
-    }
+    if (!listOfGamesIDs.includes(game.id)) listOfGamesIDs.push(game.id);
 
-    let data = {
-      items: favoredGamesCollection
-    };
+    let data = {items: listOfGamesIDs};
 
     let options = {
       method: "POST",
@@ -314,12 +301,11 @@
     
     fetch(url, options)
       .then((res:any) => res.json())
-      .then(() => {
-        window.postMessage({ type: `AddFavoriteThumbnail_${gameID}` }, window.location.href);
+      .then((res) => {
+        window.postMessage({ type: `AddFavoriteThumbnail_${game.id}` }, window.location.href);
         //Make a get for a new list to update the view
-        
         window.postMessage({ type: 'UpdateFavoredList', url, sessionID});
-        getFavoritesGames(session, userid)
+        if( res.items ) favoriteGames = res.items; game.isFavorite = checkFavorite(game.id);
       })
       .catch((err:any) => {
         console.error('Err', err);
@@ -327,7 +313,6 @@
   }
 
   const removeFavoredGame = (url, sessionID, gameID) => {
-    
     let options = {
         method: "DELETE",
         headers: {
@@ -337,38 +322,22 @@
 
     fetch(`${url}/${gameID}`, options)
       .then((res:any) => res.json())
-      .then(() => {
+      .then((res) => {
         window.postMessage({ type: `RemoveFavoriteThumbnail_${gameID}` }, window.location.href);
         //Make a get for a new list to update the view
         window.postMessage({ type: 'UpdateFavoredList', url, sessionID});
-        getFavoritesGames(session, userid)
+        if(res.items) favoriteGames = res.items; game.isFavorite = checkFavorite(game.id);
       });
 
-    if (favoredGamesCollection.includes(gameID)) {
-      favoredGamesCollection =  favoredGamesCollection.filter(x => {
+    if (listOfGamesIDs.includes(gameID)) {
+      listOfGamesIDs =  listOfGamesIDs.filter(x => {
         return x != gameID;
       });
     }
   }
 
-  //Add isFavored prop. for every favorite game
-  const updateCategoryFavoriteGames = (receivedFavoriteResults) => {
-    if (receivedFavoriteResults) {
-      favoriteGames = receivedFavoriteResults.items;
-
-      if (game && game.id) {
-        game.isFavored = checkFavorite(game.id);
-        isFavLoading = false;
-      }
-    }
-  }
-
   const checkFavorite = (gameId:string):boolean => {
-    if (favoriteGames.findIndex(obj => obj.id == gameId) !== -1) {
-      return true;
-    } else {
-      return false;
-    }
+    return favoriteGames.findIndex(obj => obj.id == gameId) !== -1;
   }
 
   const setGameData = (game, gameFunMode) => {
@@ -387,7 +356,7 @@
         game = formatGameLaunchUrl(data[0]);
         isLoading = false;
         if (game.launchUrl) {
-          game.isFavored = setGameData(game, gameFunMode);
+          game.isFavorite = setGameData(game, gameFunMode);
           isFavLoading = false;
         }
       }).finally(() => {
@@ -726,7 +695,7 @@
               {#if isLoggedIn}
                 {#if favorites == 'true'}
                   {#if !isFavLoading}
-                    {#if game.isFavored}
+                    {#if game.isFavorite}
                       <div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
                         <svg version="1.1" class="FavoredIcon" part="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
                           <path style="fill: var(--emfe-w-color-white, #FFFFFF);" d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>