@everymatrix/casino-page 0.0.153 → 0.0.157

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.153",
+  "version": "0.0.157",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d095be461c7ed6b32a3559a030e829c82fc251a4"
+  "gitHead": "1a7c7259ed6dcca771976ce4a6ae28c62b2bcb45"
 }

package/src/CasinoPage.svelte

@@ -14,60 +14,62 @@
 
   import '@everymatrix/casino-games-category-section';
 
-  export let endpoint:String = '';
-  export let datasource:String = '';
-  export let lang:String = ''; // Language
-  export let session:String = ''; // Value for sessionID
-  export let userid:String = ''; // Value for UserID;
-  export let clientstyling:String = '';
-  export let clientstylingurl:String = '';
-
-  export let categorybackground:String = '';
-  export let visiblegames:String = '6';
+  export let endpoint:string = '';
+  export let datasource:string = '';
+  export let lang:string = ''; // Language
+  export let session:string = ''; // Value for sessionID
+  export let userid:string = ''; // Value for UserID;
+  export let clientstyling:string = '';
+  export let clientstylingurl:string = '';
+
+  export let categorybackground:string = '';
+  export let visiblegames:string = '6';
   export let alternativesearch:string = 'false';
-  export let favorites:String = '';
-  export let mostplayed:String = '';
+  export let favorites:string = '';
+  export let mostplayed:string = '';
+  export let lobbyid:string = 'casinodefault'; // identifier for recent searched
 
   // CasinoPage loading state
-  let isLoading:Boolean = false;
-  let hasErrors:Boolean = false;
-  let isLoggedIn:Boolean = false;
+  let isLoading:boolean = false;
+  let hasErrors:boolean = false;
+  let isLoggedIn:boolean = false;
+  let error:string = '';
 
-  let playerID:String;
-  let sessionID:String;
+  let playerID:string;
+  let sessionID:string;
 
   // CasinoPage state
-  let favoritesScreen:Boolean = false;
-  let recentSearches:Boolean = false;
-  let initialLoaded:Boolean = true;
-  let searched:Boolean = false;
-  let gameFocus:Boolean = false;
-  let lobbyViewAux:Boolean = false;
-  let closeSearch:Boolean = false;
-  let searchFocus:Boolean = false;
-  let lobbyScreen:Boolean = true;
-  let mostPlayedScreen:Boolean = false;
-  let mostPlayedEmpty:Boolean = false;
-  let adjustingScroll:Boolean = false;
-  let searchBarCleared:Boolean = true;
+  let favoritesScreen:boolean = false;
+  let recentSearches:boolean = false;
+  let initialLoaded:boolean = true;
+  let searched:boolean = false;
+  let gameFocus:boolean = false;
+  let lobbyViewAux:boolean = false;
+  let closeSearch:boolean = false;
+  let searchFocus:boolean = false;
+  let lobbyScreen:boolean = true;
+  let mostPlayedScreen:boolean = false;
+  let mostPlayedEmpty:boolean = false;
+  let adjustingScroll:boolean = false;
+  let searchBarCleared:boolean = true;
 
   // Needs to be checked if there are relevant
   let gamesArray = [];
   let searchArray:Array<CasinoItems>;
   let categories:Array<CategoriesItems> = [];
   let shownCategories:Array<CategoriesItems> = [];
-  let activeCategory:String;
+  let activeCategory:string;
 
-  let searchValue:String = '';
+  let searchValue:string = '';
   let searchWrapper:HTMLElement;
   let searchElementWrapper:HTMLElement;
   let searchPositionTop:number;
 
-  let userAgent:String = window.navigator.userAgent;
+  let userAgent:string = window.navigator.userAgent;
   // const scrollOffset:number = getDevice(userAgent) !== 'PC' ? operatorDetail.scrollOffset[0] : operatorDetail.scrollOffset[1];
-  const scrollOffset:Number = 0;
+  const scrollOffset:number = 0;
 
-  let scrollTop:Boolean = false;
+  let scrollTop:boolean = false;
   let mostPlayedGames:Array<any> = [];
 
   let favoredGamesCollection:Array<string> = [];
@@ -81,7 +83,7 @@
   let filterVendorsArray:Array<Object> = [];
   let numberOfFilters:number = 0;
   let filteredGamesArray:Array<Object> = [];
-  let currentCategoryId: string = '';
+  let currentCategoryId:string = '';
   let activeCategoryAux:any = undefined;
   let customStylingContainer:HTMLElement;
 
@@ -100,10 +102,6 @@
         activeCategory = '';
         mostPlayedScreen = false;
         scrollTop = true;
-        // needs to be executed after the lobby has been repopulated
-        setTimeout(() => {
-          window.postMessage({ type: 'WidgetTopReference', scrollTop }, window.location.href);
-        }, 1);
         break;
 
       case 'FAVORITES':
@@ -127,13 +125,12 @@
             if (res.count > 0) {
               let promises:any = [];
 
-              res.items = [{gameId: '15786'}, {gameId: '15788'}];
               res.items.forEach((item:any) => {
                 let url = new URL(`${endpoint}/casino/games/${item.gameId}`);
 
-                url.searchParams.append("datasource", datasource);
+                url.searchParams.append('datasource', datasource);
 
-                promises.push(fetch(url).then((res:any) => res.json()));
+                promises.push(fetch(url.href).then((res:any) => res.json()));
               });
 
               Promise.all(promises).then((values:any) => {
@@ -266,7 +263,7 @@
     }
 
     return new Promise((resolve, reject) => {
-      fetch(url)
+      fetch(url.href)
         .then((res:any) => res.json())
         .then((data:any) => {
           resolve(data);
@@ -311,7 +308,7 @@
           });
 
         if (favoritesScreen) {
-          showFavoriteGames(url, sessionID, playerID);
+          showFavoriteGames();
         }
       }
     }
@@ -331,7 +328,7 @@
         receivedFavoriteResults = updatedArray;
 
         if (favoritesScreen) {
-          showFavoriteGames(url, sessionID, playerID);
+          showFavoriteGames();
         }
 
         if (receivedFavoriteResults) {
@@ -495,7 +492,7 @@
       searchFocus = true;
 
       if (searchValue.length < 2) {
-        let recentSearchedGames = getCookieValue('searchedGamesWds');
+        let recentSearchedGames = getCookieValue(`searchedGamesWds_${lobbyid}`);
         let recentSearchedGamesArray:Array<any> = [];
 
         if (recentSearchedGames) {
@@ -509,17 +506,27 @@
 
         let promises:Array<any> = [];
         let index = 0;
+        let length = recentSearchedGamesArray.length;
 
-        for (index = 0; index < recentSearchedGamesArray.length; index++) {
-          let url:any = new URL(`${endpoint}/casino/games/${recentSearchedGamesArray[index]}`);
-          promises.push(getGame(url));
-        }
+        if (length > 0) {
+          for (index = 0; index < length; index++) {
+            let url:any = new URL(`${endpoint}/casino/games/${recentSearchedGamesArray[index]}`);
 
-        Promise.all(promises).then((res:any) => {
-          searchArray = res;
+            url.searchParams.append('language', lang);
+            url.searchParams.append('datasource', datasource);
+            url.searchParams.append('platform', getDevice(userAgent));
 
-          sendRecentSearchData({}, searchArray)
-        });
+            promises.push(getGame(url));
+          }
+
+          Promise.all(promises).then((res:any) => {
+            searchArray = res;
+
+            sendRecentSearchData({}, searchArray)
+          });
+        } else {
+          sendRecentSearchData({}, {})
+        }
       }
     }
   }
@@ -542,7 +549,7 @@
   }
 
   const addSearchedItem = (gameID:any) => {
-    searchedValues = getCookieValue('searchedGamesWds');
+    searchedValues = getCookieValue(`searchedGamesWds_${lobbyid}`);
 
     if (searchedValues) {
       searchedValues = searchedValues.split(',');
@@ -554,7 +561,7 @@
 
       searchedValues.push(gameID);
       value = searchedValues.join(',');
-      document.cookie = "searchedGamesWds=" + value;
+      document.cookie = `searchedGamesWds_${lobbyid}=` + value;
     }
   }