@everymatrix/casino-categories-slider 1.3.3 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-categories-slider",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "main": "dist/casino-categories-slider.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a3f9e9cbbb1c3537031608dfbcfd6293c7ec408b"
+  "gitHead": "be1fa07132bd9efec772e8532a8bc54c82eb1cb6"
 }

package/src/CasinoCategoriesSlider.svelte

@@ -2,7 +2,7 @@
 
 <script lang="ts">
   import { onMount, tick } from "svelte";
-  import { getDevice, checkSession, platformFavorite } from 'rvhelper';
+  import { getDevice, checkSession } from 'rvhelper';
 
   import type { CategoriesData, CategoriesItems } from './CasinoCategoriesSlider.types';
   import '@everymatrix/casino-slider';
@@ -30,11 +30,7 @@
   let identity:string = 'CasinoSliderData'
 
   // Player logged-in/logged-out status & session
-  let sessionID:string = '';
-  let isLoggedIn:boolean = false;
-  let playerID:string = '';
   let activeIndex:number = 0;
-  let deviceSegregationValue:string = '';
 
   let isLoading:boolean = true;
   let error:string;
@@ -42,190 +38,33 @@
   let categories:Array<CategoriesItems> = [];
   let hasErrors:boolean = false;
   let userAgent = window.navigator.userAgent;
-  let favoritesTitle:HTMLElement;
   let customStylingContainer:HTMLElement;
-  let reworkedFavoriteGamesCollection:any = {
-    items: []
-  };
+
   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 myGamesAdded:boolean = false;
   let isLoadingMostPlayed:boolean = false;
   let isLoadingLastPlayed:boolean = false;
   let confirmCategoryParse:boolean = false;
 
   $: numberOfFavoredGames = 0;
 
-  const messageHandler = (e:any):void => {
-    if (e.data) {
-      switch(e.data.type) {
-        case 'UpdateCategoryFavoriteGames':
-        case 'ShowFavoriteSection':
-          let platformSpecificFavoriteGames:any = {};
-          platformSpecificFavoriteGames = platformFavorite(e.data.receivedFavoriteResults.items, numberOfFavoredGames);
-          numberOfFavoredGames = platformSpecificFavoriteGames.length;
-          break;
-      }
-    }
-  }
-
-  const getMostPlayedGames = ():Promise<boolean> => {
-    if (mostplayed) {
-      let url:URL = new URL(`${endpoint}/player/${userid}/games/most-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('rounds', mostplayedrounds);
-
-      return new Promise((resolve, reject) => {
-        fetch(url.href)
-          .then((res:any) => res.json())
-          .then((data:any) => {
-            
-            data.items = data.items.filter((item):boolean => {
-            let dataGameCode: boolean = true;
-            if (item.gameCode == 'OddsMatrix2') {
-              data.count--;
-              dataGameCode = false;
-              } return dataGameCode;
-            });
-
-            if (data.count == 0) {
-              resolve(false);
-            }
-            resolve(true);
-          }).catch((err:any) => {
-            console.error('err', err);
-            reject(false);
-          });
-      });
-    }
-  }
-
-  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) => {
-            
-            data.items = data.items.filter((item):boolean => {
-            let dataGameCode: boolean = true;
-            if (item.gameCode == 'OddsMatrix2') {
-              data.count--;
-              dataGameCode = false;
-              } return dataGameCode;
-            });
-
-            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') {
+  const addMyGamesCategory = ():void => {
+    if (myGamesAdded == false && (favorites == 'true' || mostplayed == 'true' || lastplayed == 'true') ) {
       categories.splice(1, 0, {
         // @ts-ignore
-        id: 'FAVORITES',
-        name: 'Favorites',
+        id: 'MYGAMES',
+        name: 'My Games',
         href: '',
         games: [],
       });
     }
 
-    favoritesAdded = true;
-    favoritesLoaded = true;
-  };
-
-  const addMostPlayedCategory = ():void => {
-    if (mostplayed) {
-      isLoadingMostPlayed = true;
-
-      getMostPlayedGames().then((display:boolean) => {
-        if (mostPlayedAdded == false && mostplayed == 'true' && display) {
-          categories.splice(2, 0, {
-            // @ts-ignore
-            id: 'MOSTPLAYED',
-            name: 'Most Played',
-            href: '',
-            games: [],
-            triggerFetch: false
-          });
-        }
-
-        isLoadingMostPlayed = false;
-        tick();
-
-        mostPlayedAdded = true;
-        mostPlayedLoaded = true;
-      });
-    }
-    confirmCategoryParse = true;
-  }
-
-  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;
-      }); 
-    }
+    tick();
+    myGamesAdded = true;
     confirmCategoryParse = true;
-  }
+    sendSliderData();
+  };
 
   const checkAttrs = ():boolean => {
     if (!endpoint) {
@@ -254,30 +93,14 @@
 
     return hasErrors;
   }
-  const setDevice = ():void => {
-    let device = getDevice(userAgent)
-
-        if(device){
-          if(device === 'PC'){
-            deviceSegregationValue = 'dk';
-          } else if(device === 'iPad' || device === 'iPhone') {
-            deviceSegregationValue = 'ios';
-          } else {
-            deviceSegregationValue = 'mtWeb';
-          }
-        }
-      
-  }
 
   const initialLoad = ():void => {
-    setDevice();
-    
     if (!checkAttrs()) {
       let url:any = new URL(`${endpoint}/casino/groups/${datasource}`);
 
       url.searchParams.append('datasource', datasource);
       url.searchParams.append('language', lang);
-      url.searchParams.append('device', deviceSegregationValue);
+      url.searchParams.append('platform', getDevice(userAgent));
 
       fetch(url)
         .then((res:any) => res.json())
@@ -286,7 +109,7 @@
           let arrayFilteredCategories = filteredcategories.split(',');
           // filter type added to type
           let arr = data.items.filter((item:any) => {
-            let filtered;
+            let filtered = false;
             if( item.games.total > 0) {
               filtered = true;
               //exclude filtered categories
@@ -330,21 +153,6 @@
     activeIndex = categories.map((item) => item.id).indexOf(decodeURI(activecategory));
   }
 
-  const setSession = ():void => {
-    if (sessioncheck == 'true') {
-      checkSession(endpoint, session).then((res:any) => {
-        sessionID = res.Guid;
-        playerID = res.UserID;
-        isLoggedIn = true;
-      }, (err:any) => {
-        isLoggedIn = false;
-        console.error('err on session', err);
-      });
-    } else {
-      sessionID = session;
-    }
-  }
-
   const setClientStyling = ():void => {
     let sheet = document.createElement('style');
     sheet.innerHTML = clientstyling;
@@ -365,26 +173,16 @@
       });
   }
 
-  const sendSliderData = (sliderData:any):void => {
+  const sendSliderData = ():void => {
     window.postMessage({ type: 'SliderData', identity, data: categories }, window.location.href);
   }
-
-  onMount(() => {
-    window.addEventListener('message', messageHandler, false);
-
-    return () => {
-      window.removeEventListener('message', messageHandler);
-    }
-  });
-
+  
   $: endpoint && datasource && lang && initialLoad();
-  $: session && endpoint && setSession();
-  $: session && favorites && !isLoading && addFavoritesCategory();
-  $: session && endpoint && !isLoading && lastplayed && addLastPlayedCategory();
-  $: session && endpoint && !isLoading &&  userid && mostplayed && addMostPlayedCategory();
+  $: endpoint && session && (mostplayed || lastplayed || favorites) && !isLoading && addMyGamesCategory();
   $: !isLoading && activecategory && (session ? confirmCategoryParse : true) && setActiveCategory();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
+
 </script>
 
 <div bind:this={customStylingContainer} part="CustomStylingContainer">