@everymatrix/casino-random-game 0.0.272 → 0.0.275

package/index.html

@@ -32,7 +32,7 @@
   <div class="webcomponent">
     <casino-random-game
       endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
-      datasource="RNG"
+      datasource="livecasino"
       gameevent="ShowGameModal"
     ></casino-random-game>
   </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-random-game",
-  "version": "0.0.272",
+  "version": "0.0.275",
   "main": "dist/casino-random-game.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2251ff7ad156e5d687da1a0ce2f71e526ca4eac5"
+  "gitHead": "6b4c5e75ec17a99271b51d6cd70f107340dd5dab"
 }

package/src/CasinoRandomGame.svelte

@@ -20,13 +20,14 @@
 
   let userAgent:string = window.navigator.userAgent;
 
-  // setupI18n({ withLocale: 'en', translations: {}});
+  setupI18n({ withLocale: 'en', translations: {}});
 
   Object.keys(CasinoRandomGameTranslations).forEach((item:any) => {
     addNewMessages(item, CasinoRandomGameTranslations[item]);
   });
 
   const getRandomGame = ():void => {
+    gamesToShow = shuffle(gamesToShow);
     offset = 0;
     count = 0;
     slotDone = false;
@@ -44,8 +45,21 @@
     }, 100);
   }
 
+  const shuffle = (array):Array<any> => {
+    let currentIndex = array.length, randomIndex;
+
+    while (currentIndex != 0) {
+      randomIndex = Math.floor(Math.random() * currentIndex);
+      currentIndex--;
+
+      [array[currentIndex], array[randomIndex]] = [array[randomIndex], array[currentIndex]];
+    }
+
+    return array;
+  }
+
   const playGame = ():void => {
-    window.postMessage({ type: gameevent, gameId: randomGame.gId }, window.location.href);
+    window.postMessage({ type: gameevent, gameId: randomGame.gId || randomGame.id }, window.location.href);
     show = false;
   }
 
@@ -58,7 +72,7 @@
 
     url.searchParams.append('platform', getDevice(userAgent));
     url.searchParams.append('datasource', datasource);
-    url.searchParams.append('fields', 'gId,href,thumbnail,name,vendor')
+    url.searchParams.append('fields', 'gId,id,href,thumbnail,name,vendor')
     url.searchParams.append('expand', 'vendor');
     url.searchParams.append('pagination', 'offset=0,limit=1000');
 
@@ -67,15 +81,15 @@
       .then((data:any) => {
         games = data.items;
         gamesToShow = games.slice(0, 19);
-      })
+      });
   }
 
-  const initialLoad = () => {
+  const setActiveLanguage = () => {
     setLocale(lang);
   }
 
-  $: lang && initialLoad();
-  $:endpoint && datasource && fetchGameList();
+  $: lang && setActiveLanguage();
+  $: endpoint && datasource && fetchGameList();
 </script>
 
 <div part="CustomStylingContainer">
@@ -236,6 +250,8 @@
     gap: 5px;
     transition: transform 0.3s ease-in-out;
     transform: translateY(0px);
+    -webkit-transform-style: preserve-3d;
+    -webkit-backface-visibility: hidden;
   }
 
   .RandomGameLoading {
@@ -246,6 +262,8 @@
     width: 256px;
     height: 170px;
     border-radius: 5px;
+    -webkit-transform-style: preserve-3d;
+    -webkit-backface-visibility: hidden;
   }
 
   .RandomTryAgain {
@@ -268,6 +286,7 @@
 
   .item {
     position: relative;
+    -webkit-backface-visibility: hidden;
   }
 
   .RandomGameDetails {