@everymatrix/casino-page 0.0.95 → 0.0.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.95",
+  "version": "0.0.96",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c914b1873e8355d7b4604b3321bed9a223b0386f"
+  "gitHead": "a5b786cbdb55417fffbe2510fa634b4633cd1eb4"
 }

package/src/CasinoPage.svelte

@@ -113,45 +113,47 @@
         break;
 
       case 'MOSTPLAYED':
-        /*getMostPlayedGames({
-          limit: 10,
-          device: getDevice(userAgent),
-          rounds: 25 //50
-        }).then((res:any) => {
-          // if (res.count > 0) { // After NorWAy fix
-          if (res.count >= 0) {
-            let promises:any = [];
-            res.items = [{gameId: '15786'}, {gameId: '15788'}];
-            res.items.forEach((item:any) => {
-              let url = new URL(getGameUrl + `/${item.gameId}`);
-
-              promises.push(xhrFetch(url));
-            });
-
-            Promise.all(promises).then((values:any) => {
-              mostPlayedGames = values.map((item:any) => item[0]);
-              window.postMessage({ type: 'MostPlayedData', mostPlayedGames }, window.location.href);
-            });
-          }
-        });*/
-        let mostPlayedGames = getMostPlayedGamesFromCookie();
-        let promises:any = [];
+        if (mostplayed == 'true') {
+          /*getMostPlayedGames({
+            limit: 10,
+            device: getDevice(userAgent),
+            rounds: 25 //50
+          }).then((res:any) => {
+            // if (res.count > 0) { // After NorWAy fix
+            if (res.count >= 0) {
+              let promises:any = [];
+              res.items = [{gameId: '15786'}, {gameId: '15788'}];
+              res.items.forEach((item:any) => {
+                let url = new URL(getGameUrl + `/${item.gameId}`);
+
+                promises.push(xhrFetch(url));
+              });
+
+              Promise.all(promises).then((values:any) => {
+                mostPlayedGames = values.map((item:any) => item[0]);
+                window.postMessage({ type: 'MostPlayedData', mostPlayedGames }, window.location.href);
+              });
+            }
+          });*/
+          let mostPlayedGames = getMostPlayedGamesFromCookie();
+          let promises:any = [];
 
-        mostPlayedGames.forEach((item:any) => {
-          let url = new URL(`${endpoint}/casino/games/${item.gameId}`);
+          mostPlayedGames.forEach((item:any) => {
+            let url = new URL(`${endpoint}/casino/games/${item.gameId}`);
 
-          promises.push(fetch(url).then((res:any) => res.json()));
-        });
+            promises.push(fetch(url).then((res:any) => res.json()));
+          });
 
-        Promise.all(promises).then((values:any) => {
-          mostPlayedGames = values.map((item:any) => item[0]);
+          Promise.all(promises).then((values:any) => {
+            mostPlayedGames = values.map((item:any) => item[0]);
 
-          window.postMessage({ type: 'MostPlayedData', mostPlayedGames }, window.location.href);
-        });
+            window.postMessage({ type: 'MostPlayedData', mostPlayedGames }, window.location.href);
+          });
 
-        activeCategory = '';
-        lobbyScreen = false;
-        mostPlayedScreen = true;
+          activeCategory = '';
+          lobbyScreen = false;
+          mostPlayedScreen = true;
+        }
       break;
 
       default:
@@ -292,32 +294,34 @@
   // --- START of Favorites section
   //
   let getFavoredGames = (url:string, sessionID:string, playerID:string) => {
-    if (session && playerID) {
-      let options = {
-        method: "GET",
-        headers: {
-          'X-SessionID': sessionID,
-        }
-      };
+    if (favorites == 'true') {
+      if (session && playerID) {
+        let options = {
+          method: "GET",
+          headers: {
+            'X-SessionID': sessionID,
+          }
+        };
 
-      fetch(`${url}/player/${playerID}/favorites/`, options)
-        .then((res:any) => res.json())
-        .then((updatedArray:Object) => {
-          receivedFavoriteResults = updatedArray;
+        fetch(`${url}/player/${playerID}/favorites/`, options)
+          .then((res:any) => res.json())
+          .then((updatedArray:Object) => {
+            receivedFavoriteResults = updatedArray;
 
-          if (receivedFavoriteResults) {
-            window.postMessage({ type: "UpdateCategoryFavoriteGames", receivedFavoriteResults }, window.location.href);
+            if (receivedFavoriteResults) {
+              window.postMessage({ type: "UpdateCategoryFavoriteGames", receivedFavoriteResults }, window.location.href);
 
-            updatedFavoriteResultsIds = getGamesIds(receivedFavoriteResults.items);
-          }
+              updatedFavoriteResultsIds = getGamesIds(receivedFavoriteResults.items);
+            }
 
-          return receivedFavoriteResults;
-        }).catch((err:any) => {
-          console.error(err);
-        });
+            return receivedFavoriteResults;
+          }).catch((err:any) => {
+            console.error(err);
+          });
 
-      if (favoritesScreen) {
-        showFavoriteGames(url, sessionID, playerID);
+        if (favoritesScreen) {
+          showFavoriteGames(url, sessionID, playerID);
+        }
       }
     }
   }
@@ -390,7 +394,7 @@
         updateFavoredList(url, sessionID, playerID);
       })
       .catch((err:any) => {
-        console.log('Err', err);
+        console.error('Err', err);
     });
   }
 
@@ -644,10 +648,6 @@
     window.postMessage({ type: "scroll" }, window.location.href);
   }
 
-  const searchOngoing = () => {
-    console.log("searchValue ", searchValue);
-  }
-
   const clearSearchbar = () => {
     searchBarCleared = true;
     searchValue = '';
@@ -742,6 +742,7 @@
   const initialSetup = () => {
     if (!checkAttrs()) {
       isLoading = true;
+
       if (favorites == 'true') {
         getFavoredGames(endpoint, sessionID, playerID);
       }
@@ -865,7 +866,7 @@
                 </svg>
               </div>
             {/if}
-            <input id="SearchField" class="SearchInput" on:focus={onFocus} on:blur={onBlur} bind:this={searchElement} bind:value={searchValue} placeholder="{(getDevice(userAgent) === 'PC') ? $_('casinoPage.search') : $_('casinoPage.searchMobile')}" type="search" on:focus={searchActivated} on:keypress={searchOngoing} />
+            <input id="SearchField" class="SearchInput" on:focus={onFocus} on:blur={onBlur} bind:this={searchElement} bind:value={searchValue} placeholder="{(getDevice(userAgent) === 'PC') ? $_('casinoPage.search') : $_('casinoPage.searchMobile')}" type="search" on:focus={searchActivated} />
             {#if ((getDevice(userAgent) === 'PC') && searchValue.length) ||  (getDevice(userAgent) !== 'PC') }
               <span class="{(getDevice(userAgent) === 'PC') ? 'ClearSearchButton' : 'ClearSearchButtonMobile'} " on:click="{() => clearSearchbar()}">
                 <div class="CloseIconContainer">