@everymatrix/casino-games-category-section 0.0.259 → 0.0.260

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "0.0.259",
+  "version": "0.0.260",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7e26e42bac250a646d98bd80910b234522350fd6"
+  "gitHead": "a30fdd6f6180c69aabbc0daf1bf2a2e1342bf0e2"
 }

package/src/CasinoGamesCategorySection.svelte

@@ -65,12 +65,8 @@
   let favoriteGames:Array<Object>;
   let showFavGamesCategory:boolean = false;
   let receivedFavoriteResults:Object;
-  let activeCategory:String;
-  let operatorConfig:any = window.widgetConfig;
-  let favoredGamesCollection:Array<string> = [];
   let sessionId:string = '';
   let userId:string = '';
-  let getFavoredGamesCache:any = undefined;
   let mostPlayedScreen:Boolean = false;
   let customStylingContainer:HTMLElement;
   let validObservers:boolean = false;
@@ -105,7 +101,7 @@
   }
 
   // IntersectionObserver used for loading more games
-  let observer = new IntersectionObserver((entries, observerRef) => {
+  let observer = new IntersectionObserver((entries) => {
     entries.forEach(async (entry) => {
       let gameid = entry.target.gameid; // eslint-disable-line
       let index = entry.target.elems_index; // eslint-disable-line
@@ -383,7 +379,7 @@
       }
     }
   }
-
+  
   // @TODO categoryId type fix
   const loadMoreGames = (categoryId:any) => {
     limit += 1;
@@ -400,15 +396,6 @@
     }
   }
 
-  // construct favorite array used to check if game id is not already present in fav list
-  const getGamesIds = (favoritesArray:any) => {
-    favoredGamesCollection = [];
-    favoritesArray.items.forEach((fav:any) => {
-      favoredGamesCollection.push(fav.id);
-    });
-    return favoredGamesCollection;
-  }
-
   const checkFavorite = (gameId:string) => {
     if (favoriteGames) {
       if (favoriteGames.findIndex(obj => obj.id == gameId) !== -1) {
@@ -471,18 +458,14 @@
     }
   }
 
-  // const setupVisibility = (customStylingContainer, dataloaded) => {
-  //   if (customStylingContainer && dataloaded && hidden) {
-  //     document.addEventListener(visibilityChange, handleVisibilityChange, false);
-  //   }
-  // }
-
   onMount(() => {
+    window.addEventListener('visibilitychange', (e) => handleVisibilityChange())
     window.addEventListener('message', messageHandler, false);
     window.postMessage({ type: 'GetFavoredGame' }, window.location.href);
 
     return () => {
       window.removeEventListener('message', messageHandler);
+      window.removeEventListener('visibilitychange', messageHandler);
     }
   });