@everymatrix/casino-games-category-section 1.2.1 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "de8b2a024255bd2ed76c13501c5a6dc858263dcb"
+  "gitHead": "ac0e71f6ea97bb7428ee75f5667c1408cbdc3146"
 }

package/src/CasinoGamesCategorySection.svelte

@@ -6,6 +6,7 @@
   import { _, addNewMessages } from './i18n';
   import type { CategoryData } from './CasinoGamesCategorySection.type';
   import { GamesCategorySectionTranslations } from './translations';
+  import moment from 'moment';
 
   import '@everymatrix/casino-game-thumbnail';
 
@@ -20,7 +21,7 @@
   export let favorites:string = '';
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
-  export let translationUrl:string = '';
+  export let translationurl:string = '';
   export let currency:string = '';
 
   export let categoryid:string = '';
@@ -37,6 +38,9 @@
   export let left = 0;
   export let right = 0;
 
+  //Revert manually
+  // let livelobbyendpoint = `${endpoint}/lobby/tables`;
+
   // CasinoPage loading state
   let isLoading:boolean = false;
   let hasErrors:boolean = false;
@@ -91,7 +95,7 @@
   /* End Lazy Loading */
 
   const setTranslationUrl = ():void => {
-    let url:string = translationUrl;
+    let url:string = translationurl;
 
     fetch(url).then((res:any) => res.json())
     .then((res) => {
@@ -224,7 +228,7 @@
             })[0];
           }
 
-          dataloaded = true
+          dataloaded = true;
           hasErrors = false;
           maxTotal = categoryData.games.total;
 
@@ -334,7 +338,7 @@
           getData(e.data.categoryId, 0, e.data.visiblegames).then((res:any) => {
             categoryData = res;
             shownCategoryData = categoryData.games.items;
-            if(shownCategoryData) {
+            if (shownCategoryData) {
               shownCategoryData.forEach((item:any) => {
                 item.isFavorite = checkFavorite(item.id);
               });
@@ -473,6 +477,31 @@
     return false;
   }
 
+  const addGameTag = (tags:any[]):string => {
+    if(tags?.length === 0) return '';
+
+    let tagName:string;
+    let differenceOfTime = 99999999999;
+    let firstToExpire:number;
+
+    const currentDate = new Date(Date.now());
+
+    tags.forEach((tag, index)=> {
+      const startDateOfTag = new Date(tag.schedules[0].startTime);
+      const endDateOfTag = new Date(tag.schedules[0].endTime);
+
+      if (moment(endDateOfTag).diff(currentDate) < differenceOfTime) {
+        differenceOfTime = moment(endDateOfTag).diff(currentDate)
+        firstToExpire = index;
+      }
+      
+      if (moment(currentDate).isAfter(startDateOfTag) && moment(currentDate).isBefore(endDateOfTag)) {
+        tagName = tags[firstToExpire].name;
+      }
+    });
+    return tagName;
+  }
+
   // @TODO categoryId type fix
   const showCategory = (categoryId:any, categoryData:Object) => {
     window.postMessage({ type: "CategoryChange", itemId: categoryId }, window.location.href);
@@ -534,7 +563,7 @@
 
   $: dataloaded && thumbnailContainer && setupObserver();
   $: lang && initialSetup();
-  $: translationUrl && setTranslationUrl();
+  $: translationurl && setTranslationUrl();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
 
@@ -585,7 +614,7 @@
                 gamename={gameprops.name}
                 gamevendor={gameprops.vendor.name}
                 gameisnew={gameprops.isNew}
-                gamepopularity={gameprops.popularity}
+                gametag={gameprops.advancedTags?.length > 0 && addGameTag(gameprops.advancedTags)}
                 gamecellsize={gameprops.cellSize}
                 gameid={gameprops.id}
                 gamefunmode={gameprops.hasFunMode}
@@ -639,7 +668,7 @@
                       gamename={gameprops.name}
                       gamevendor={gameprops.vendor.name}
                       gameisnew={gameprops.isNew}
-                      gamepopularity={gameprops.popularity}
+                      gametag={gameprops.advancedTags?.length > 0 && addGameTag(gameprops.advancedTags)}
                       gamecellsize={gameprops.cellSize}
                       gameid={gameprops.id}
                       gamefunmode={gameprops.hasFunMode}
@@ -691,7 +720,7 @@
                               gamename={gameprops.gameModel.name}
                               gamevendor={gameprops.gameModel.vendor.name}
                               gameisnew={gameprops.gameModel.isNew}
-                              gamepopularity={gameprops.gameModel.popularity}
+                              gametag={gameprops.gameModel.advancedTags?.length > 0 && addGameTag(gameprops.advancedTags)}
                               gamecellsize={gameprops.cellSize}
                               gameid={gameprops.gameModel.id}
                               gamefunmode={gameprops.gameModel.hasFunMode}
@@ -722,7 +751,7 @@
                             gamename={gameprops.gameModel.name}
                             gamevendor={gameprops.gameModel.vendor.name}
                             gameisnew={gameprops.gameModel.isNew}
-                            gamepopularity={gameprops.gameModel.popularity}
+                            gametag={gameprops.gameModel.advancedTags?.length > 0 && addGameTag(gameprops.advancedTags)}
                             gamecellsize={gameprops.cellSize}
                             gameid={gameprops.gameModel.id}
                             gamefunmode={gameprops.gameModel.hasFunMode}