@everymatrix/casino-search 1.1.6 → 1.2.1

package/index.html

@@ -95,6 +95,7 @@
       endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
       datasource="RNG"
       lang="en"
+      showfavorites="true"
     ></casino-search>
   </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-search",
-  "version": "1.1.6",
+  "version": "1.2.1",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6ad785980b67f3b54da658b8df9f60190a10ffcc"
+  "gitHead": "de8b2a024255bd2ed76c13501c5a6dc858263dcb"
 }

package/src/CasinoSearch.svelte

@@ -15,7 +15,9 @@
   export let clientstylingurl:string = '';
   export let integratedgameframedesktop:string = 'false';
   export let integratedgameframemobile:string = 'false';
+  export let gamepagemodalurl:string = 'true';
   export let translationUrl:string = '';
+  export let showfavorites:string = '';
 
   let userAgent:any = window.navigator.userAgent;
   let searchArray:Array<any> = [];
@@ -30,6 +32,11 @@
   let isLoading:boolean = false; 
   let customStylingContainer:HTMLElement;
 
+  let isLoggedIn:boolean = false;
+  let sessionID:string;
+  let playerID:string;
+  let favoriteGamesIds: string[] = [];
+
   const setTranslationUrl = ():void => {
     let url:string = translationUrl;
 
@@ -51,6 +58,17 @@
     if (e.data && e.data.type == 'OpenGameFrame') {
       addSearchedItem(e.data.gameId);
     }
+
+    if (e.data && e.data.type == 'ShowGameModal') {
+      addSearchedItem(e.data.gameId);
+    }
+
+    if (e.data.type === 'UserSessionID') {
+      sessionID = e.data.session;
+      playerID = e.data.userid;
+      isLoggedIn = true;
+    }
+
   }
 
   const onFocus = ():void => {
@@ -82,7 +100,11 @@
           }
 
           Promise.all(promises).then((res:any):void => {
-            searchArray = res;
+            searchArray = res.map((item) => {
+              item.isFavorite = checkFavorite(item.id);
+
+              return item;
+            });
           });
         } 
       }
@@ -144,6 +166,37 @@
       }
     });
   }
+
+  const getFavoriteGames = ():void => {
+    
+    const url:URL = new URL(`${endpoint}/player/${playerID}/favorites/`);
+   
+    isLoading = true;
+    
+    let options = {
+          method: "GET",
+          headers: {
+            'X-SessionID': sessionID,
+          }
+        };
+
+    fetch(url.href, options)
+      .then((res:any) => res.json())
+      .then((favoriteGames:any) => {
+        isLoading = false;
+
+        favoriteGamesIds = favoriteGames.items.map(favoriteGame => favoriteGame.id);
+      });
+  }
+
+  const checkFavorite = (gameId:string):boolean => {
+    if (favoriteGamesIds.findIndex((favGameId:any) => favGameId == gameId) !== -1) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+
   
   const addSearchedItem = (gameID:any):void => {
     searchedValues = getCookieValue(`searchedGamesWds_casino`);
@@ -226,7 +279,11 @@
     searchUrl.searchParams.append("filter", `name=${searchValue}`);
     
     getGames(searchUrl).then((searchData:any) => {
-      searchArray = searchData.items.map((item) => item);
+      searchArray = searchData.items.map((item) => {
+        item.isFavorite = checkFavorite(item.id);
+
+        return item;
+      });
     });
   } else {
     if (!searchCancelled) {
@@ -244,11 +301,11 @@
 
   $: lang && setActiveLanguage();
   $: translationUrl && setTranslationUrl();
+  $: showfavorites && isLoggedIn && getFavoriteGames();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
       
 </script>
-
   <div class="CasinoSearch" bind:this={customStylingContainer}>
     <div class="Search">
       <div class="SearchIcon">
@@ -286,6 +343,8 @@
         {#if searchCancelled === false}
           {#each searchArray as game}
             <casino-game-thumbnail
+              endpoint={endpoint}
+              favorites = {showfavorites}
               lang={lang}
               gamethumbnail={game.thumbnail}
               gamename={game.name}
@@ -297,11 +356,11 @@
               gamefunmode={game.hasFunMode}
               gamefavorite={game.isFavorite}
               livelobbyendpoint={game.details ? game.launchUrl : ''}
-              endpoint={endpoint}
               {integratedgameframedesktop}
               {integratedgameframemobile}
               {clientstyling}
               {clientstylingurl}
+              {gamepagemodalurl}
             ></casino-game-thumbnail>
           {/each}
         {/if}