@everymatrix/casino-page 0.0.259 → 0.0.262

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.259",
+  "version": "0.0.262",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7e26e42bac250a646d98bd80910b234522350fd6"
+  "gitHead": "63a3c79f8f47451d7ca7f8c1dc77bb78bee91df2"
 }

package/src/CasinoPage.svelte

@@ -193,9 +193,10 @@
   const messageHandler = (e:any) => {
     if (e.data) {
       switch(e.data.type) {
-        case 'CategoryChange':
-          CategoryChangeHandler(e);
-          break;
+        // @TODO: removed and tested, but kept in case unforeseen issues occur - reason: multiple calls on category change
+        // case 'CategoryChange':
+        //   CategoryChangeHandler(e);
+        //   break;
 
         case 'UserSessionID':
           sessionID = e.data.session;
@@ -333,13 +334,14 @@
             }
 
             return receivedFavoriteResults;
+          }).then((favResults) => {
+            if (favoritesScreen) {
+              showFavoriteGames();
+            }
+            return favResults;
           }).catch((err:any) => {
             console.error(err);
           });
-
-        if (favoritesScreen) {
-          showFavoriteGames();
-        }
       }
     }
   }
@@ -852,7 +854,7 @@
 </script>
 
 {#if hasErrors}
-  <p class="SearchLoading" part="SearchLoading">500 Error - Internal Server Error</p>
+  <p class="SearchLoading" part="SearchLoading">{$_('casinoPage.500')}</p>
 {:else}
   <section class="CategoriesLobby" part="CategoriesLobby" bind:this={customStylingContainer} style="max-width: {containermaxwidth}px;">
     {#if (getDevice(userAgent) !== 'PC') && (alternativesearch === 'false') && mobileSearchViewActive}
@@ -865,7 +867,7 @@
       style="top: {adjustingScroll && mobileSearchViewActive ? scrollOffset + 'px' : ''}"
       part="CategoriesHeaderSection {(getDevice(userAgent) !== 'PC') ? 'CategoriesHeaderMobileSection' : ''} {mobileSearchViewActive ? 'SearchMobileActive' : ''} {mobileSearchViewActive || (searched && !(getDevice(userAgent) === 'PC') && !closeSearch) ? 'CategoriesHeaderSearchActive' : ''} {(adjustingScroll && mobileSearchViewActive) ? 'SearchStickTop' : ''}">
         <div class="SearchContainer { (!lobbyScreen && !favoritesScreen && !mostPlayedScreen && !lobbyViewAux) ?  'SearchTruncated' : ''}" part="SearchContainer { (!lobbyScreen && !favoritesScreen && !mostPlayedScreen && !lobbyViewAux) ?  'SearchTruncated' : ''}">
-          <label for="search" class="SrOnly" part="SrOnly">Search casino games</label>
+          <label for="search" class="SrOnly" part="SrOnly">{$_('casinoPage.searchGames')}</label>
           <div class="SearchWrapper" part="SearchWrapper">
             {#if !mobileSearchViewActive}
               <div class="SearchIcon" part="SearchIcon">
@@ -890,7 +892,7 @@
             <div class="FiltersButtonsContainer" part="FiltersButtonsContainer">
             {#if numberOfFilters}
               <div class="ClearFilterButtonWrapper" part="ClearFilterButtonWrapper" on:click="{() => clearVendorFilter()}">
-                <div class="ClearButton" part="ClearButton">Clear
+                <div class="ClearButton" part="ClearButton">{$_('casinoPage.clear')}
                   <span class="ClearIcon" part="ClearIcon">
                     <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                         viewBox="0 0 378.303 378.303" style="enable-background:new 0 0 378.303 378.303;" xml:space="preserve">
@@ -904,7 +906,7 @@
             {#if !searched || !recentSearches}
               {#if !mostPlayedScreen}
                 <div class="FilterButtonWrapper" part="FilterButtonWrapper" on:click='{() => {openFiltersModal()}}'>
-                  <div class="FilterButton" part="FilterButton">Filters</div>
+                  <div class="FilterButton" part="FilterButton">{$_('casinoPage.filters')}</div>
                   <div class="FilterIconContainer" part="FilterIconContainer">
                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 26 26"><defs><style>.a{fill:var(--emfe-w-color-white, #FFFFFF);}</style></defs><path class="a" d="M16.7,32.2a1.654,1.654,0,0,1-.636-.148,1.526,1.526,0,0,1-.867-1.393V20.578L5.433,10.588A1.543,1.543,0,0,1,5,9.491V7.742A1.512,1.512,0,0,1,6.5,6.2h23A1.512,1.512,0,0,1,31,7.742V9.491a1.543,1.543,0,0,1-.433,1.1L20.8,20.578v7.738a1.594,1.594,0,0,1-.52,1.156l-2.6,2.312A1.461,1.461,0,0,1,16.7,32.2ZM6.618,9.431l9.764,10.02a1.543,1.543,0,0,1,.433,1.1v9.813l2.34-2.075V20.519a1.543,1.543,0,0,1,.433-1.1L29.353,9.4V7.831H6.618Z" transform="translate(-5 -6.2)"/></svg>
                     <div class="NumberOfFiltersContainer" part="NumberOfFiltersContainer">
@@ -923,7 +925,7 @@
        part="CategoriesHeaderSection CategoriesHeaderSectionAltDesign {(getDevice(userAgent) !== 'PC') ? 'CategoriesHeaderMobileSection' : ''} {mobileSearchViewActive ? 'SearchMobileActive' : ''} {mobileSearchViewActive || (searched && !(getDevice(userAgent) === 'PC') && !closeSearch) ? 'CategoriesHeaderSearchActive' : ''}{(adjustingScroll && mobileSearchViewActive) ? 'SearchStickTop' : ''}"
       style="top: {adjustingScroll && mobileSearchViewActive ? scrollOffset + 'px' : ''}">
         <div class="SearchContainer { (!lobbyScreen && !favoritesScreen && !mostPlayedScreen && !lobbyViewAux) ?  'SearchTruncated' : ''}" part="SearchContainer { (!lobbyScreen && !favoritesScreen && !mostPlayedScreen && !lobbyViewAux) ?  'SearchTruncated' : ''}">
-          <label for="search" class="SrOnly" part="SrOnly">Search casino games</label>
+          <label for="search" class="SrOnly" part="SrOnly">{$_('casinoPage.searchGames')}</label>
           <div class="SearchWrapper" part="SearchWrapper">
             {#if !mobileSearchViewActive}
               <div class="SearchIcon" part="SearchWrapper">
@@ -1037,7 +1039,7 @@
           lang={lang}
           currency={currency}
           favorites={favorites}
-          use:showFavoriteGames={`${endpoint}/player/${playerID}/favorites/`, sessionID, playerID}
+          use:getFavoredGames={`${endpoint}/player/${playerID}/favorites/`, sessionID, playerID}
           categoryid={"FAVORITES"}
           class="CategoryContainer"
           {clientstyling}
@@ -1046,7 +1048,7 @@
         />
         {:else if mostPlayedScreen}
           {#if mostPlayedEmpty}
-            <p class="SearchLoading" part="SearchLoading">You have no games played!</p>
+            <p class="SearchLoading" part="SearchLoading">{$_('casinoPage.noGamesPlayed')}</p>
           {:else}
             <casino-games-category-section
               session={session}
@@ -1412,8 +1414,7 @@
       }
       .FiltersButtonsContainer {
         position: absolute;
-        top: 75px;
-        right: 0;
+        top: 160px;
         font-size: 13px;
         gap: 6px;
 

package/src/translations.js

@@ -1,128 +1,198 @@
 export const CasinoPageTranslations = {
   en: {
     casinoPage: {
+      500: '500 Error - Internal Server Error',
       search: 'Search',
       loading: 'Loading',
       searchMobile: 'Search',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Search casino games',
+      filters: 'Filters',
+      clear: 'Clear',
+      noGamesPlayed: 'You have no games played!'
     }
   },
   de: {
     casinoPage: {
+      500: '500-Fehler – Interner Serverfehler',
       search: 'Suche',
       loading: 'Loading',
       searchMobile: 'Suche',
       break: 'Mach mal einen Tag Pause!',
       breakButton: '24 Stunden Auszeit',
+      searchGames: 'Casinospiele suchen',
+      filters: 'Filter',
+      clear: 'Klar',
+      noGamesPlayed: 'Sie haben keine Spiele gespielt!'
     }
   },
   it: {
     casinoPage: {
+      500: 'Errore 500 - Errore interno del server',
       search: 'Cerca',
       loading: 'Loading',
       searchMobile: 'Cerca',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Cerca giochi da casinò',
+      filters: 'Filtri',
+      clear: 'Chiaro',
+      noGamesPlayed: 'Non hai giochi giocati!'
     }
   },
   fr: {
     casinoPage: {
+      500: 'Erreur 500 - Erreur interne du serveur',
       search: 'Rechercher des jeux ...',
       loading: 'Chargement ...',
       searchMobile: 'Rechercher',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Rechercher des jeux de casino',
+      filters: 'Filtres',
+      clear: 'Dégager',
+      noGamesPlayed: 'Vous n\'avez joué à aucun jeu !'
     }
   },
   es: {
     casinoPage: {
+      500: '500 Error - Error interno del servidor',
       search: 'Buscar juegos ...',
       loading: 'Cargando ...',
       searchMobile: 'Buscar',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Buscar juegos de casino',
+      filters: 'Filtros',
+      clear: 'Claro',
+      noGamesPlayed: '¡No tienes partidas jugadas!'
     }
   },
   tr: {
     casinoPage: {
+      500: '500 Hatası - Dahili Sunucu Hatası',
       search: 'Oyun ara ...',
       loading: 'Yükleniyor ...',
       searchMobile: 'Arama',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Casino oyunları ara',
+      filters: 'Filtreler',
+      clear: 'Temizlemek',
+      noGamesPlayed: 'Oynadığın oyun yok!'
     }
   },
   ru: {
     casinoPage: {
+      500: 'Ошибка 500 — внутренняя ошибка сервера',
       search: 'Искать игры ...',
       loading: 'Загрузка ...',
       searchMobile: 'Поиск',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Поиск игр казино',
+      filters: 'Фильтры',
+      clear: 'Прозрачный',
+      noGamesPlayed: 'У вас нет сыгранных игр!'
     }
   },
   ro: {
     casinoPage: {
+      500: '500 Error - Internal Server Error',
       search: 'Cautare jocuri...',
       loading: 'Se incarca ...',
       searchMobile: 'Cauta',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Cauta jocuri de casino',
+      filters: 'Filtrare',
+      clear: 'Sterge',
+      noGamesPlayed: 'Nu ai jucat niciun joc!'
     }
   },
   hr: {
     casinoPage: {
+      500: '500 Error - Internal Server Error',
       search: 'Pretraži',
       loading: 'Učitavanje',
       searchMobile: 'Pretraži',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Traži casino igre',
+      filters: 'Filtri',
+      clear: 'Čisto',
+      noGamesPlayed: 'Niste igrali nijednu igru!'
     }
   },
   hu: {
     casinoPage: {
+      500: '500 Error - Internal Server Error',
       search: 'Keresés',
       loading: 'betöltés',
       searchMobile: 'Keresés',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Kaszinó játékok keresése',
+      filters: 'Szűrők',
+      clear: 'Egyértelmű',
+      noGamesPlayed: 'Nincsenek lejátszott játékok!'
     }
   },
   pl: {
     casinoPage: {
+      500: '500 Error - Internal Server Error',
       search: 'Szukaj',
       loading: 'Ładowanie',
       searchMobile: 'Szukaj',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Wyszukaj gry kasynowe',
+      filters: 'Filtry',
+      clear: 'Jasny',
+      noGamesPlayed: 'Nie grałeś w żadne gry!'
     }
   },
   pt: {
     casinoPage: {
+      500: '500 Error - Internal Server Error',
       search: 'Procurar',
       loading: 'A carregar',
       searchMobile: 'Procurar',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Pesquisar jogos de cassino',
+      filters: 'Filtros',
+      clear: 'Claro',
+      noGamesPlayed: 'Você não tem jogos jogados!'
     }
   },
   sl: {
     casinoPage: {
+      500: '500 Error - Internal Server Error',
       search: 'Iskanje',
       loading: 'Loading',
       searchMobile: 'Iskanje',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Search casino games',
+      filters: 'Filters',
+      clear: 'Clear',
+      noGamesPlayed: 'You have no games played!'
     }
   },
   sr: {
     casinoPage: {
+      500: '500 Error - Internal Server Error',
       search: 'Pretraži',
       loading: 'Loading',
       searchMobile: 'Pretraži',
       break: 'Take 1 day break from playing',
       breakButton: '24-hour Cool Off',
+      searchGames: 'Search casino games',
+      filters: 'Filters',
+      clear: 'Clear',
+      noGamesPlayed: 'You have no games played!'
     }
   }
-};
+};