@everymatrix/casino-categories-slider 0.0.395 → 0.0.398

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-categories-slider",
-  "version": "0.0.395",
+  "version": "0.0.398",
   "main": "dist/casino-categories-slider.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "88318627a6a354e5857181e30e34215e001d375f"
+  "gitHead": "a6034652886209b6fcdc64d039abe2fb2760c472"
 }

package/src/CasinoCategoriesSlider.svelte

@@ -5,7 +5,6 @@
   import { getDevice, checkSession, platformFavorite } from 'rvhelper';
 
   import type { CategoriesData, CategoriesItems } from './CasinoCategoriesSlider.types';
-
   import '@everymatrix/casino-slider';
 
   export let endpoint:string = '';
@@ -15,6 +14,8 @@
   export let session:string = ''; // Value for sessionID
   export let mostplayed:string = ''; // True - add MostPlayed category in slider
   export let mostplayedrounds:string = '';
+  export let lastplayed:string = 'false'; // True - add LastPlayed category in slider
+  export let lastplayedperiod:string = ''; // The period of the query (Last30Days|Last7Days|Yesterday|Today)
   export let favorites:string = ''; // True - add Favorites category in slider
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
@@ -24,7 +25,7 @@
   export let sessioncheck:string = '';
   export let location:string = "secondaryMenu";
   export let showsubgroups:string = 'false';
-  
+  export let filteredcategories:string = '';
 
   let identity:string = 'CasinoSliderData'
 
@@ -48,10 +49,13 @@
   let numberOfFavoredGames:number;
   let favoritesAdded:boolean = false;
   let mostPlayedAdded:boolean = false;
+  let lastPlayedAdded:boolean = false;
   let favoritesLoaded:boolean = false;
   let mostPlayedLoaded:boolean = false;
+  let lastPlayedLoaded:boolean = false;
   let categoriesLoaded:boolean = false;
   let isLoadingMostPlayed:boolean = false;
+  let isLoadingLastPlayed:boolean = false;
 
   $: numberOfFavoredGames = 0;
 
@@ -102,6 +106,41 @@
     }
   }
 
+  const getLastPlayedGames = ():Promise<any> => {
+    return new Promise((resolve, reject) => {
+      if (lastplayed) {
+        let url:URL = new URL(`${endpoint}/player/${userid}/games/last-played`);
+
+        let device = getDevice(userAgent);
+
+        if (device) {
+          if (device === 'PC') {
+            url.searchParams.append('device', 'Desktop');
+          } else {
+            url.searchParams.append('device', 'Mobile');
+          }
+        } else {
+          url.searchParams.append('device', 'All');
+        }
+
+        url.searchParams.append('period', lastplayedperiod);
+
+
+        fetch(url.href)
+          .then((res:any) => res.json())
+          .then((data:any) => {
+            if (data.count == 0) {
+              resolve(false);
+            }
+            resolve(data);
+          }).catch((err:any) => {
+          console.error('err', err);
+          reject(false);
+        });
+      }
+    });
+  }
+
   const addFavoritesCategory = ():void => {
     if (favoritesAdded == false && favorites == 'true') {
       categories.splice(1, 0, {
@@ -142,6 +181,31 @@
     }
   }
 
+  const addLastPlayedCategory = ():void => {
+    if (lastplayed == 'true') {
+      isLoadingLastPlayed = true;
+
+      getLastPlayedGames().then((display:boolean) => {
+        if (lastPlayedAdded == false && lastplayed == 'true' && display) {
+          categories.splice(3, 0, {
+            // @ts-ignore
+            id: 'LASTPLAYED',
+            name: 'Last Played',
+            href: '',
+            games: [],
+            triggerFetch: false
+          });
+        }
+
+        isLoadingLastPlayed = false;
+        tick();
+
+        lastPlayedAdded = true;
+        lastPlayedLoaded = true;
+      });
+    }
+  }
+
   const checkAttrs = ():boolean => {
     if (!endpoint) {
       error = "Endpoint is missing! Please provide a valid endpointURL.";
@@ -171,7 +235,7 @@
   }
 
   const checkIfLoaded = ():void => {
-    isLoading = !favoritesLoaded && !mostPlayedLoaded && !categoriesLoaded;
+    isLoading = !favoritesLoaded && !mostPlayedLoaded && !lastPlayedLoaded && !categoriesLoaded;
   }
 
   const initialLoad = ():void => {
@@ -185,9 +249,19 @@
       fetch(url)
         .then((res:any) => res.json())
         .then((data:CategoriesData) => {
+          //create an array of filtered categories
+          let arrayFilteredCategories = filteredcategories.split(',');
           // filter type added to type
           let arr = data.items.filter((item:any) => {
-            return item.games.total > 0;
+            let filtered;
+            if( item.games.total > 0) {
+              filtered = true;
+              //exclude filtered categories
+              for (let element of arrayFilteredCategories){
+                    if( item.flags == element ) filtered = false;
+                  }
+            };
+            return filtered;
           });
 
           categories = [];
@@ -269,14 +343,15 @@
   $: endpoint && datasource && lang && initialLoad();
   $: session && endpoint && setSession();
   $: session && favorites && !isLoading && addFavoritesCategory();
-  $: session && endpoint && userid && mostplayed && addMostPlayedCategory();
+  $: session && endpoint && !isLoading && lastplayed && addLastPlayedCategory();
+  $: session && endpoint && !isLoading &&  userid && mostplayed && addMostPlayedCategory();
   $: !isLoading && activecategory && setActiveCategory();
   $: clientstyling && setClientStyling();
   $: clientstylingurl && setClientStylingURL();
 </script>
 
 <div bind:this={customStylingContainer} part="CustomStylingContainer">
-  {#if isLoading || isLoadingMostPlayed}
+  {#if isLoading || isLoadingMostPlayed || isLoadingLastPlayed}
     <div class="CasinoCategoriesLoading" part="CasinoCategoriesLoading"></div>
   {:else}
     {#if hasErrors}