@everymatrix/casino-game-page 1.33.5 → 1.34.1

package/index.html

@@ -31,11 +31,12 @@
 
   <div class="webcomponent">
     <casino-game-page
-      gameid="46985"
-      userid="3884262"
-      session="97770be8-7ab6-4985-adca-06da9dacadcd"
+      favorites="true"
+      gameid="41813"
+      userid="4506648"
+      session="aa4ab578-06dd-4019-b2e1-108f017e42b0"
       lang="en"
-      endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
+      endpoint="https://demo-api.stage.norway.everymatrix.com"
       playforfun="true"
     ></casino-game-page>
   </div>

package/package.json

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

package/src/CasinoGamePage.svelte

@@ -56,6 +56,8 @@
   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;
@@ -149,6 +151,7 @@
         isLoading = false;
       });
     window.postMessage({ type: 'RequestModalSize' }, window.location.href);
+    getFavoritesGames(session, userid)
   }
 
   const addEventsToDisplayedElements = () => {
@@ -178,7 +181,7 @@
 
       case 'LaunchGameFrame':
         openGameFrame(e.data.gameId, e.data.gameFunMode);
-        break;
+      break;
 
       case 'ModalClosed':
         if (integratedgameframedesktop === 'true' || isMobile(userAgent)) {
@@ -232,17 +235,131 @@
         modalFrameWidth = e.data.modalContainerSize.modalWidth;
         modalFrameHeight = e.data.modalContainerSize.modalHeight;
         break;
+    }
+  }
 
-      case 'UpdateCategoryFavoriteGames':
-        if (e.data.receivedFavoriteResults) {
-          favoriteGames = e.data.receivedFavoriteResults.items;
+  //Get favorites games list and update the favorites category
+  const getFavoritesGames = (sessionID:string, playerID:string) => {
+    let url = `${endpoint}/v1/player/${playerID}/favorites/`;
+
+    isLoading = true;
+    let options = {
+      method: "GET",
+      headers: {
+        'X-SessionID': sessionID,
+      }
+    };
 
-          if (game && game.id) {
-            game.isFavored = checkFavorite(game.id);
-            isFavLoading = false;
+    return new Promise((resolve, reject) => {
+      fetch(url, options)
+        .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);
+              });
+            }
+            
+          } else {
+            receivedFavoriteResults = [];
+            return receivedFavoriteResults;
           }
+        
+          resolve(receivedFavoriteResults);
+
+      }).catch((err:any) => {
+        console.error(err);
+
+        reject(err);
+      });
+    });
+  }
+
+  //Add / Remove favorites games
+  const toggleFavoriteGame = (id:any):void => {
+    if (game.isFavored) {
+      removeFavoredGame(`${endpoint}/v1/player/${userid}/favorites`, session, game.id);
+    } else {
+      addFavoredGame(`${endpoint}/v1/player/${userid}/favorites`, session, game.id);
+    }
+  }
+
+  let addFavoredGame = (url, sessionID, gameID) => {
+    // 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);
+    }
+
+    let data = {
+      items: favoredGamesCollection
+    };
+
+    let options = {
+      method: "POST",
+      headers: {
+        'X-SessionID': sessionID,
+        'Content-Type': 'application/json',
+        'Accept': 'application/json',
+      },
+      body: JSON.stringify(data)
+    };
+    
+    fetch(url, options)
+      .then((res:any) => res.json())
+      .then(() => {
+        window.postMessage({ type: `AddFavoriteThumbnail_${gameID}` }, window.location.href);
+        //Make a get for a new list to update the view
+        
+        window.postMessage({ type: 'UpdateFavoredList', url, sessionID});
+        getFavoritesGames(session, userid)
+      })
+      .catch((err:any) => {
+        console.error('Err', err);
+    });
+  }
+
+  const removeFavoredGame = (url, sessionID, gameID) => {
+    
+    let options = {
+        method: "DELETE",
+        headers: {
+          'X-SessionID': sessionID,
         }
-        break;
+    };
+
+    fetch(`${url}/${gameID}`, options)
+      .then((res:any) => res.json())
+      .then(() => {
+        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 (favoredGamesCollection.includes(gameID)) {
+      favoredGamesCollection =  favoredGamesCollection.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;
+      }
     }
   }
 
@@ -254,17 +371,6 @@
     }
   }
 
-  const toggleFavoriteGame = (id:any):void => {
-    let triggerFactor = "gamepage";
-    if (game.isFavored) {
-      window.postMessage({ type: 'SetUnfavoredGame', id, triggerFactor }, window.location.href);
-      game.isFavored = false;
-    } else {
-      window.postMessage({ type: 'SetFavoredGame', id, triggerFactor }, window.location.href);
-      game.isFavored = true;
-    }
-  }
-
   const setGameData = (game, gameFunMode) => {
     anonymousFunMode = playforfun == 'true' ? game.hasAnonymousFunMode : false;
     funMode = playforfun == 'true' ? gameFunMode : false;
@@ -581,7 +687,7 @@
     window.addEventListener('resize', resizeHandler, false);
     window.addEventListener('message', messageHandler, false);
 
-      return () => {
+    return () => {
         removeEventsToDisplayedElements();
         window.removeEventListener('resize', resizeHandler);
         window.removeEventListener('message', messageHandler);