@everymatrix/casino-games-category-section 1.0.13 → 1.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b2bbc7cb2c3424950a39147a985ac5d38207cdf"
+  "gitHead": "0ee1d4bccc4964628711251119148f0a04ba10df"
 }

package/src/CasinoGamesCategorySection.svelte

@@ -20,6 +20,7 @@
   export let favorites:string = '';
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
+  export let translationUrl:string = '';
   export let currency:string = '';
 
   export let categoryid:string = '';
@@ -89,6 +90,19 @@
   };
   /* End Lazy Loading */
 
+  const setTranslationUrl = ():void => {
+    let url:string = translationUrl;
+
+    fetch(url).then((res:any) => res.json())
+    .then((res) => {
+      Object.keys(res).forEach((item:any):void => {
+        addNewMessages(item, res[item]);
+      });
+    }).catch((err:any) => {
+      console.log(err);
+    });
+  }
+
   Object.keys(GamesCategorySectionTranslations).forEach((item) => {
     addNewMessages(item, GamesCategorySectionTranslations[item]);
   });
@@ -373,19 +387,23 @@
 
         // Start favorite category section
         case 'UpdateCategoryFavoriteGames':
+
           if (e.data.receivedFavoriteResults) {
             favoriteGames = e.data.receivedFavoriteResults.items;
-            if (!showFavGamesCategory) {
+            if(e.data.favStadalone) return;
+            if(showFavGamesCategory) {
+              if(!lobbyView && !mostPlayedScreen) {
+                window.postMessage({ type: 'CategoryUpdate', itemId: categoryid }, window.location.href);
+              }
+            } else {
               window.postMessage({ type: 'FavoriteUpdate' }, window.location.href);
-            } else if (!lobbyView && !mostPlayedScreen) {
-              window.postMessage({ type: 'CategoryUpdate', itemId: categoryid }, window.location.href);
             }
           }
           break;
 
         case 'ShowFavoriteSection':
           let favGameArray;
-
+          lobbyView = false;
           if (e.data) {
             favGameArray = e.data.receivedFavoriteResults.items;
             if (favGameArray.length) {
@@ -405,7 +423,6 @@
         case 'UserSessionID':
           sessionID = e.data.session;
           playerID = e.data.userID;
-
           if (favorites == 'true') {
             if (playerID && playerID.length && sessionID && sessionID.length > 0) {
               getFavoredGames(`${endpoint}/player/${playerID}/favorites/`, sessionID, playerID);
@@ -517,6 +534,7 @@
 
   $: dataloaded && thumbnailContainer && setupObserver();
   $: lang && initialSetup();
+  $: translationUrl && setTranslationUrl();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
 
@@ -651,6 +669,7 @@
             <div class="CasinoGamesHeader" part="CasinoGamesHeader">
                 <h3 class="CategoryName" part="CategoryName" bind:this={categoryName}>
                   {$_('gamesCategorySection.favorites')}
+                  <span class="CategoryFavName">({favoriteGamesData.items.length})</span>
                 </h3>
             </div>
             <ul class="{(favoriteGamesData.items.length != 0) ? 'CasinoGamesGrid' : ''}  'GamesListIncreasedGap'}" part="{(favoriteGamesData.items.length != 0) ? 'CasinoGamesGrid' : ''}  'GamesListIncreasedGap'}" bind:this={container}>