@everymatrix/casino-game-thumbnail 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-thumbnail",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "main": "dist/casino-game-thumbnail.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3800c3e93fdc948c5bc48101acce6cd81ce65706"
+  "gitHead": "02dbae5b4d167acdb57c72905b756343a318870a"
 }

package/src/CasinoGameThumbnail.svelte

@@ -13,7 +13,7 @@
   export let lang:string = 'en';
   export let clientstyling:string = ''
   export let clientstylingurl:string = '';
-  export let translationUrl:string = '';
+  export let translationurl:string = '';
 
   export let favorites:string = '';
   export let gamethumbnail:string = '';
@@ -21,7 +21,7 @@
   export let gamevendor:string = '';
   export let gameid:string = '';
   export let gameisnew:string = '';
-  export let gamepopularity:string = '';
+  export let gametag:string = '';
   export let gamefunmode:boolean = false;
   export let searchitem:boolean = false;
   export let gamefavorite:boolean = false;
@@ -139,7 +139,7 @@
   };
 
   const setTranslationUrl = ():void => {
-    let url:string = translationUrl;
+    let url:string = translationurl;
 
     fetch(url).then((res:any) => res.json())
     .then((res) => {
@@ -155,10 +155,10 @@
     addNewMessages(item, GameThumbnailTranslations[item]);
   });
 
-  const enter = () => {
+  const enter = ():void => {
     hover = true;
   }
-  const leave = () => {
+  const leave = ():void => {
     hover = false;
   }
 
@@ -263,12 +263,12 @@
     }
   }
 
-  const getLiveLobbyURL = (vendorName, id) => {
+  const getLiveLobbyURL = (vendorName, id):string => {
     return `${endpoint}/encoder/lobby/updates/${vendorName}/${id}`;
   }
-  const connectGameToLiveLobby = () => {
+  const connectGameToLiveLobby = ():void => {
     if (livelobbyendpoint && EventSource && !liveLobbyConnection) {
-        if (gamevendor && gameid) {
+      if (gamevendor && gameid) {
         liveLobbyConnection = new EventSource(getLiveLobbyURL(gamevendor, gameid)),
         liveLobbyConnection.addEventListener('message', liveLobbyMessageHandler);
       }
@@ -360,28 +360,34 @@
       }
     }
   }
-
-  const setLiveLobbyData = () => {
+  //Revert manually, commented changes are the current ones, will undo after deploy
+  const setLiveLobbyData = ():void => {
     let url:any = new URL(`${livelobbyendpoint.split('?')[0]}`);
     url.searchParams.append("platform", getDevice(userAgent));
     url.searchParams.append('language', lang);
+    // let url:URL = new URL(`${endpoint}${livelobbyendpoint}`);
+    
     fetch(url)
-      .then((res:any) => res.json())
+    .then((res:any) => res.json())
       .then((data:any) => {
         const { details } = data[0];
         livegamedata = details;
       });
+    // .then(res => res.json())
+    // .then(data => {
+    //   livegamedata = data.items.find(gameDetails => gameDetails.id == gameid);
+    // });
   }
-  const numberWithSeparators = (value, sep = DEFAULT_AMOUNT_SEPARATOR) => {
+  const numberWithSeparators = (value, sep = DEFAULT_AMOUNT_SEPARATOR):string => {
     if (value !== undefined && value !== null) {
       return `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, sep);
     }
     return '';
   }
-  const contains = (array, value) => {
+  const contains = (array, value):any[] => {
     return array.some(item => item === value);
   }
-  const getGameComponent = (livegamedata) => {
+  const getGameComponent = (livegamedata):any => {
     let GameComponent = null;
     if (livegamedata) {
       const { vendorCategory } = livegamedata;
@@ -401,7 +407,7 @@
     }
     return GameComponent;
   };
-  const renderBetLimits = (min, max, currencySymbol) => {
+  const renderBetLimits = (min, max, currencySymbol):string => {
     let rightSideContent;
     let leftSideContent;
     if (min !== undefined && min !== null && max !== undefined && max !== null) {
@@ -588,7 +594,7 @@
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: favorites && setFavorites();
-  $: translationUrl && setTranslationUrl();
+  $: translationurl && setTranslationUrl();
   $: gamecellsize && clientstylingurl && setClientStylingURL();
   $: endpoint && livelobbyendpoint && setLiveLobbyData();
   $: livegamedata && updateComponent();
@@ -643,8 +649,8 @@
       {#if gameisnew}
         <span class="GameExtraInfoLabel NewGameTag" part="GameExtraInfoLabel NewGameTag">{$_('gameThumbnail.new')}</span>
       {/if}
-      {#if (parseInt(gamepopularity) > 0)}
-        <span class="GameExtraInfoLabel PopularGameTag" part="GameExtraInfoLabel PopularGameTag">{$_('gameThumbnail.hot')}</span>
+      {#if gametag}
+        <span class="GameExtraInfoLabel PopularGameTag" part="GameExtraInfoLabel PopularGameTag">{gametag}</span>
       {/if}
       {#if livegamedata}
         {#if !isopen && starttime && timeformat}