@everymatrix/casino-page 0.0.99 → 0.0.103

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.99",
+  "version": "0.0.103",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e1d8e342dfc965336d29503748fc0cfd1698d7a9"
+  "gitHead": "f950ca0b8f4c9cf3c54f5587effefeadf3f6fa52"
 }

package/src/CasinoPage.svelte

@@ -47,6 +47,7 @@
   let searchFocus:Boolean = false;
   let lobbyScreen:Boolean = true;
   let mostPlayedScreen:Boolean = false;
+  let mostPlayedEmpty:Boolean = false;
   let adjustingScroll:Boolean = false;
   let searchBarCleared:Boolean = true;
 
@@ -114,40 +115,35 @@
 
       case 'MOSTPLAYED':
         if (mostplayed == 'true') {
-          /*getMostPlayedGames({
-            limit: 10,
+          isLoading = true;
+
+          getMostPlayedGames({
+            limit: 100,
             device: getDevice(userAgent),
-            rounds: 25 //50
+            rounds: 50
           }).then((res:any) => {
-            // if (res.count > 0) { // After NorWAy fix
-            if (res.count >= 0) {
+            isLoading = false;
+
+            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}`);
+                let url = new URL(`${endpoint}/casino/games/${item.gameId}`);
 
-                promises.push(xhrFetch(url));
+                url.searchParams.append("datasource", datasource);
+
+                promises.push(fetch(url).then((res:any) => res.json()));
               });
 
               Promise.all(promises).then((values:any) => {
                 mostPlayedGames = values.map((item:any) => item[0]);
+
                 window.postMessage({ type: 'MostPlayedData', mostPlayedGames }, window.location.href);
               });
+            } else {
+              mostPlayedEmpty = true;
             }
-          });*/
-          let mostPlayedGames = getMostPlayedGamesFromCookie();
-          let promises:any = [];
-
-          mostPlayedGames.forEach((item:any) => {
-            let url = new URL(`${endpoint}/casino/games/${item.gameId}`);
-
-            promises.push(fetch(url).then((res:any) => res.json()));
-          });
-
-          Promise.all(promises).then((values:any) => {
-            mostPlayedGames = values.map((item:any) => item[0]);
-
-            window.postMessage({ type: 'MostPlayedData', mostPlayedGames }, window.location.href);
           });
 
           activeCategory = '';
@@ -207,11 +203,6 @@
           addSearchedItem(e.data.gameId);
           break;
 
-        // @TODO Remove this for MostPlayed Mock
-        case 'MostPlayedGameAdd':
-          addMostPlayedItem(e.data.gameId);
-          break;
-
         case 'UpdateFilters':
           updateFilters(e.data.vendorsArray);
           setFilterNumberValue();
@@ -499,24 +490,6 @@
     }
   }
 
-  // @TODO Remove this for MostPlayedMock
-  const getMostPlayedGamesFromCookie = () => {
-    let games = getCookieValue('mostPlayed');
-    let gamesArray:Array<any> = [];
-
-    if (games) {
-      gamesArray = games.split(',');
-    }
-
-    let returnValue = [];
-
-    for (let i in gamesArray) {
-      returnValue.push({'gameId': gamesArray[i]});
-    }
-
-    return returnValue;
-  }
-
   const onFocus = () => {
     if (endpoint && datasource && lang) {
       searchFocus = true;
@@ -568,25 +541,6 @@
     }
   }
 
-  // @TODO Remove this for MostPlayedMock
-  const addMostPlayedItem = (gameID:any) => {
-    mostPlayedValues = getCookieValue('mostPlayed');
-
-    if (mostPlayedValues) {
-      mostPlayedValues = mostPlayedValues.split(',');
-    } else {
-      mostPlayedValues = [];
-    }
-
-    if (mostPlayedValues.indexOf(gameID) === -1) {
-      let value;
-
-      mostPlayedValues.push(gameID);
-      value = mostPlayedValues.join(',');
-      document.cookie = "mostPlayed=" + value;
-    }
-  }
-
   const addSearchedItem = (gameID:any) => {
     searchedValues = getCookieValue('searchedGamesWds');
 
@@ -604,6 +558,17 @@
     }
   }
 
+  // @TODO let's do some small changes around here in order to have this search functionality pretty written, 'cuz right now is kinda shitty
+  const searchValueChanged = () => {
+    if (searchValue.length >= 2) {
+      searchBarCleared = true;
+    } else {
+      searchBarCleared = false;
+    }
+  }
+
+  $: searchValue && searchValueChanged();
+
   $: if (searchValue.length >= 2) {
     searched = true;
 
@@ -1021,20 +986,24 @@
           {clientstylingurl}
         />
         {:else if mostPlayedScreen}
-          <casino-games-category-section
-            session={session}
-            userid={userid}
-            endpoint={endpoint}
-            datasource={datasource}
-            lang={lang}
-            favorites={favorites}
-            categoryid="MOSTPLAYED"
-            categoryindex="1"
-            categorygames="9"
-            class="CategoryContainer"
-            {clientstyling}
-            {clientstylingurl}
-          />
+          {#if mostPlayedEmpty}
+            <p class="SearchLoading">You have no games played!</p>
+          {:else}
+            <casino-games-category-section
+              session={session}
+              userid={userid}
+              endpoint={endpoint}
+              datasource={datasource}
+              lang={lang}
+              favorites={favorites}
+              categoryid="MOSTPLAYED"
+              categoryindex="1"
+              categorygames="9"
+              class="CategoryContainer"
+              {clientstyling}
+              {clientstylingurl}
+            />
+          {/if}
         {:else}
           {#if !recentSearches}
             <casino-games-category-section