@everymatrix/casino-games-category-section 0.0.349 → 0.0.353

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "0.0.349",
+  "version": "0.0.353",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6883e6dbe2a0a393b72ca3d7d5157eb85816f283"
+  "gitHead": "b66ff51fb21b14cba5ab2efa029995d4fe4ceed1"
 }

package/src/CasinoGamesCategorySection.svelte

@@ -7,10 +7,12 @@
   import type { CategoryData } from './CasinoGamesCategorySection.type';
   import { GamesCategorySectionTranslations } from './translations';
 
+  import '@everymatrix/casino-winners';
   import '@everymatrix/casino-game-thumbnail';
 
   const MASONRY_CLASS_PREFIX = 'game-tile-';
 
+  export let categoryindex:string = '';
   export let endpoint:string = '';
   export let datasource:string = '';
   export let lang:string = ''; // Language
@@ -33,6 +35,20 @@
   export let left = 0;
   export let right = 0;
 
+  //CasinoWinners Widget
+  let periodrecent:string = 'Today';
+  let periodtop:string = 'Last7Days';
+  let numberusersrecent:string = '20';
+  let numberuserstop:string = '20';
+  let amountlimit:string = '1';
+  let isrecentavailable:string = 'true';
+  let istopavailable:string = 'true';
+  let defaultcurrency:string = 'EUR';
+  let winners: any[] = [];
+  let winnersType:string;
+  let isLoggedIn:boolean = false;
+  let userCurrency:string;
+
   // CasinoPage loading state
   let isLoading:boolean = false;
   let hasErrors:boolean = false;
@@ -486,8 +502,8 @@
   $: lang && initialSetup();
   $: clientstyling && setClientStyling();
   $: clientstylingurl && setClientStylingURL();
-</script>
 
+</script>
 <div class="CasinoGamesCategorySectionContainer" part="CasinoGamesCategorySectionContainer" bind:this={customStylingContainer}>
   {#if hasErrors}
     <!-- @TODO diversify error handling -->
@@ -556,6 +572,25 @@
     {:else}
       <div>
         {#if categoryData}
+          {#if lobbyView && categoryindex == '1'}
+            <div class="CasinoWinners">
+              <casino-winners
+                {session}
+                {periodrecent}
+                {periodtop}
+                {numberusersrecent}
+                {numberuserstop}
+                {amountlimit}
+                {lang}
+                {isrecentavailable}
+                {istopavailable}
+                {defaultcurrency}
+                {clientstyling}
+                {clientstylingurl}
+                {endpoint}
+              ></casino-winners>
+            </div>
+          {/if}
           <div class="CasinoGamesContainer" part="CasinoGamesContainer">
             <div class="CasinoGamesHeader" part="CasinoGamesHeader">
                 <h3 class="CategoryName" part="CategoryName" bind:this={categoryName}>
@@ -733,6 +768,11 @@
   $grid-cell-size-small: 110px;
   $grid-cell-size-medium: 122px;
 
+  .CasinoWinners {
+    background: transparent;
+    width: 100%;
+    min-height: 200px;
+  }
   .CategoryName,
   .StatusText {
     color: var(--emfe-w-color-white, #FFFFFF);

package/src/translations.js

@@ -14,6 +14,21 @@ export const GamesCategorySectionTranslations = {
       waiting: 'Waiting',
     }
   },
+  zh: {
+    gamesCategorySection: {
+      showMore: '更多的',
+      viewAll: '顯示所有',
+      searchedItems: '搜索結果',
+      recentSearchedItems: '最近搜索過',
+      favorites: '收藏夹',
+      noRecentSearch: '尚未開始搜索。 只需搜索遊戲。',
+      noResults: '抱歉，沒有找到結果。 請再試一次。',
+      noFavoritesMobile: '您現在可以通過點擊遊戲頁面上的星形圖標將游戲添加到收藏夾。',
+      noFavorites: '您現在可以通過單擊遊戲縮略圖上的星形圖標將游戲添加到收藏夾。',
+      noFavoritesTitle: '您還沒有任何喜歡的遊戲。',
+      waiting: '等待',
+    }
+  },
   de: {
     gamesCategorySection: {
       showMore: 'Mehr',