@everymatrix/casino-games-category-section 1.30.1 → 1.31.1

package/index.html

@@ -30,7 +30,17 @@
   </header>
 
   <div class="webcomponent">
-    <casino-games-category-section></casino-games-category-section>
+    <casino-games-category-section 
+      displayedgamecount=""
+      endpoint="https://demo-api.stage.norway.everymatrix.com"
+      lang="en"
+      datasource="RNG"
+      categoryid="RNG$jacpots"
+      fetchviaevent="false"
+      gamepagemodalurl="true"
+      integratedgameframedesktop="true"
+      integratedgameframemobile="true">
+    </casino-games-category-section>
   </div>
   
 </body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "1.30.1",
+  "version": "1.31.1",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fb8f6763064049c1da23e78c065e8c2bca2aa409"
+  "gitHead": "0b3995d8c9121bfc27eb9aed6a034bbd1583400b"
 }

package/rollup.config.js

@@ -44,7 +44,7 @@ export default {
       allowCrossOrigin: true,
       historyApiFallback: false,
       host: 'localhost',
-      port: 5052,
+      port: 5050,
     }),
     dev && livereload({ watch: ['', 'dist'] }),
     typescript({

package/src/CasinoGamesCategorySection.svelte

@@ -3,7 +3,7 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { platformFavorite, getDevice, isMobile } from 'rvhelper';
-  import { _, addNewMessages } from './i18n';
+  import { _, addNewMessages, setLocale } from './i18n';
   import type { CategoryData } from './CasinoGamesCategorySection.type';
   import { TRANSLATIONS } from './translations';
   import moment from 'moment';
@@ -28,7 +28,7 @@
   export let categoryid:string = '';
   export let showgamename:string = '';
   export let livecasino:string = 'false';
-  export let gamepagemodalurl:string = 'false';
+  export let gamepagemodalurl:string = 'true';
   export let integratedgameframedesktop:string = 'false';
   export let integratedgameframemobile:string = 'false';
   export let casinomygames:string = 'false';
@@ -36,6 +36,8 @@
   export let addsortingselector:string = 'false';
   export let filterbylogo:string = '';
   export let casinogamesgridslider:string = 'false'; 
+  export let fetchviaevent:string = 'false';
+  export let displayedgamecount:string = '10';
 
   //Revert manually
   // let livelobbyendpoint = `${endpoint}/lobby/tables`;
@@ -83,7 +85,7 @@
   let hidden;
   let visibilityChange;
   let dataloaded;
-
+  
   let favoriteGamesData:any = {
     items: [],
     count: 0,
@@ -266,7 +268,32 @@
     });
   }
 
+  //Standalone fetching games using categoryid when fetchviaevent is false
+  const fetchGamesByCategory = (categoryid, displayedgamecount) => {
+      if(categoryid !== ''){
+        searched = false;
+        lobbyView = true;
+        addfilterselector = 'false';
+        addsortingselector = 'false';
+        showLoadCategory = true;
+        searchItem = false;
+        validObservers = false;
+
+        getData(categoryid, 0, +displayedgamecount).then((res:any) => {
+          categoryData = res;
+          shownCategoryData = categoryData.games.items;
+          if (shownCategoryData) {
+            shownCategoryData.forEach((item:any) => {
+              item.isFavorite = checkFavorite(item.id);
+            });
+            
+          }
+        });
+    }
+  }
+
   const messageHandler = (e:any) => {
+    
     if (e.data) {
       switch(e.data.type) {
         case 'MostPlayedData':
@@ -477,7 +504,7 @@
           // do nothing
           break;
       }
-    }
+    } 
   }
 
   // @TODO categoryId type fix
@@ -589,6 +616,10 @@
     }
   }
 
+  const setActiveLanguage = ():void => {
+    setLocale(lang);
+  }
+
   const setClientStyling = ():void => {
     let sheet = document.createElement('style');
     sheet.innerHTML = clientstyling;
@@ -609,18 +640,22 @@
   }
 
   onMount(() => {
-    window.addEventListener('visibilitychange', (e) => handleVisibilityChange())
-    window.addEventListener('message', messageHandler, false);
-    if(categoryid === 'FAVORITES') {
-      window.postMessage({ type: 'GetFavoredGame' }, window.location.href);
-    }
-
-    return () => {
-      window.removeEventListener('message', messageHandler);
-      window.removeEventListener('visibilitychange', messageHandler);
+    if(fetchviaevent === 'true'){
+      window.addEventListener('visibilitychange', (e) => handleVisibilityChange())
+      window.addEventListener('message', messageHandler, false);
+      if(categoryid === 'FAVORITES') {
+        window.postMessage({ type: 'GetFavoredGame' }, window.location.href);
+      }
+      
+      return () => {
+        window.removeEventListener('message', messageHandler);
+        window.removeEventListener('visibilitychange', messageHandler);
+      }
     }
   });
-
+    
+  $: lang && setActiveLanguage();
+  $: (fetchviaevent === 'false' || fetchviaevent === '') && endpoint && lang && categoryid && datasource && displayedgamecount && fetchGamesByCategory(categoryid, displayedgamecount);
   $: dataloaded && thumbnailContainer && setupObserver();
   $: lang && categoryid && initialSetup();
   $: translationurl && setTranslationUrl();

package/src/i18n.js

@@ -14,4 +14,8 @@ function addNewMessages(lang, dict) {
   addMessages(lang, dict);
 }
 
-export { _, setupI18n, addNewMessages };
+function setLocale(_locale) {
+  locale.set(_locale);
+}
+
+export { _, setupI18n, addNewMessages, setLocale };