@everymatrix/casino-game-thumbnail 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-thumbnail",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "main": "dist/casino-game-thumbnail.js",
   "svelte": "src/index.ts",
   "scripts": {

package/src/CasinoGameThumbnail.svelte

@@ -4,7 +4,7 @@
   import moment from 'moment';
   import { onMount, tick } from "svelte";
   import { isMobile, getDevice } from 'rvhelper';
-  import { _, addNewMessages } from './i18n';
+  import { _, addNewMessages} from './i18n';
   import { GameThumbnailTranslations } from './translations';
   import { currenciesSymbols } from './currency-symbols';
 
@@ -171,6 +171,24 @@
   const toggleGameFrame = (gameId:any):void => {
     if (searchitem) {
       window.postMessage({ type: 'SearchedItemClicked', gameId }, window.location.href);
+
+      //Analytics event -- if game was searched
+      if(typeof gtag == 'function'){
+        gtag('event', 'OpenGame', {
+          'context' : 'GameThumbnail--Searched',
+          'gameId' : `${gameId}`,
+          'userId' : `${playerID ? playerID : 'Not logged in'}`
+        });
+      } 
+    } else {
+      //Analytics event
+      if(typeof gtag == 'function'){
+        gtag('event', 'OpenGame', {
+          'context': 'GameThumbnail',
+          'gameId' : `${gameId}`,
+          'userId' : `${playerID ? playerID : 'Not logged in'}`
+        });
+      } 
     }
 
     if (isMobile(userAgent) && integratedgameframemobile == "true") {
@@ -198,19 +216,19 @@
   }
 
   const gameTouch = ():void => {
-    window.postMessage({ type: 'GameHovered' }, window.location.href);
+    window.postMessage({ type: 'GameHoveredMobile' }, window.location.href);
   }
 
   const gameTouchEnd = ():void => {
-    window.postMessage({ type: 'GameBlur' }, window.location.href);
+    window.postMessage({ type: 'GameBlurMobile' }, window.location.href);
   }
 
   const gameHover = ():void => {
-    window.postMessage({ type: 'GameHovered' }, window.location.href);
+    window.postMessage({ type: 'GameHoveredPc' }, window.location.href);
   }
 
   const gameBlur = ():void => {
-    window.postMessage({ type: 'GameBlur' }, window.location.href);
+    window.postMessage({ type: 'GameBlurPc' }, window.location.href);
   }
 
   const setActiveLanguage = ():void => {
@@ -250,34 +268,12 @@
     }
   }
 
-  const setClientStyling = ():void => {
-    let sheet = document.createElement('style');
-
-    sheet.innerHTML = clientstyling;
-
-    setTimeout(() => { customStylingContainer.appendChild(sheet);});
-  }
-
   const setFavorites = ():void => {
     if (favorites == 'true') {
       fav = true;
     }
   }
 
-  const setClientStylingURL = ():void => {
-    let url:URL = new URL(clientstylingurl);
-
-    let cssFile:HTMLElement = document.createElement('style');
-
-    fetch(url.href)
-      .then((res:any) => res.text())
-      .then((data:any) => {
-        cssFile.innerHTML = data
-
-        setTimeout(() => { customStylingContainer.appendChild(cssFile); });
-      });
-  }
-
   const liveLobbyMessageHandler = async (event) => {
     const { type, data: rawData } = event;
     let data;
@@ -541,6 +537,25 @@
     }
   }
 
+  const setClientStyling = ():void => {
+    let sheet = document.createElement('style');
+    sheet.innerHTML = clientstyling;
+    customStylingContainer.appendChild(sheet);
+  }
+
+  const setClientStylingURL = ():void => {
+    let url:URL = new URL(clientstylingurl);
+    let cssFile:HTMLElement = document.createElement('style');
+
+    fetch(url.href)
+      .then((res:any) => res.text())
+      .then((data:any) => {
+        cssFile.innerHTML = data
+
+        setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
+      });
+  }
+
   onMount(() => {
     window.addEventListener('message', messageHandler, false);
 
@@ -557,9 +572,9 @@
   $: lang && setActiveLanguage();
   $: session && userid && endpoint && setSession();
   $: gamethumbnail && setOnLoad();
-  $: clientstyling && setClientStyling();
+  $: clientstyling && customStylingContainer && setClientStyling();
+  $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: favorites && setFavorites();
-  $: gamecellsize && clientstylingurl && setClientStylingURL();
   $: endpoint && livelobbyendpoint && setLiveLobbyData();
   $: livegamedata && updateComponent();
   $: roulletteref && roulleteresults && attachAnimations();