@everymatrix/casino-page 0.0.235 → 0.0.239

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.235",
+  "version": "0.0.239",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "61a6a3f31e48f5f6865ef5aafdaa2091436ca9d5"
+  "gitHead": "3514a454516ab9691e0154509b1a13d332315cc5"
 }

package/src/CasinoPage.svelte

@@ -3,7 +3,7 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { getDevice } from 'rvhelper';
-  import { _, addNewMessages, setupI18n } from './i18n';
+  import { _, addNewMessages, setupI18n, setLocale } from './i18n';
   import { CasinoPageTranslations } from './translations';
   import type {
     CategoriesData,
@@ -16,6 +16,7 @@
 
   export let endpoint:string = '';
   export let datasource:string = '';
+  export let currency:string = '';
   export let lang:string = ''; // Language
   export let session:string = ''; // Value for sessionID
   export let userid:string = ''; // Value for UserID;
@@ -27,13 +28,13 @@
   export let alternativesearch:string = 'false';
   export let favorites:string = '';
   export let mostplayed:string = '';
+  export let containermaxwidth:string = '1300';
   export let lobbyid:string = 'casinodefault'; // identifier for recent searched
-
-  export let containermaxwidth:string = '';
   export let haspanicbutton:string = 'false';
 
   export let mostplayedrounds:string = '';
   export let activecategory:string = '';
+  export let livecasino:string = 'false';
 
   // CasinoPage loading state
   let isLoading:boolean = false;
@@ -92,6 +93,7 @@
   let currentCategoryId:string = '';
   let activeCategoryAux:any = undefined;
   let customStylingContainer:HTMLElement;
+  let urlCasino:any;
 
   setupI18n({ withLocale: 'en', translations: {}});
 
@@ -110,6 +112,12 @@
         activeCategory = '';
         mostPlayedScreen = false;
         scrollTop = true;
+
+        // needs to be executed after the lobby has been repopulated
+        setTimeout(() => {
+          window.postMessage({ type: 'WidgetTopReference', scrollTop }, window.location.href);
+        }, 1);
+
         break;
 
       case 'FAVORITES':
@@ -133,12 +141,18 @@
             if (res.count > 0) {
               let promises:any = [];
 
+              if(livecasino) {
+                res.items = [{gameId: '15786'}, {gameId: '15788'}];
+              }
               res.items.forEach((item:any) => {
                 let url = new URL(`${endpoint}/casino/games/${item.gameId}`);
 
                 url.searchParams.append('datasource', datasource);
-
-                promises.push(fetch(url.href).then((res:any) => res.json()));
+                if(livecasino) {
+                  promises.push(fetch(url).then((res:any) => res.json()));
+                } else {
+                  promises.push(fetch(url.href).then((res:any) => res.json()));
+                }
               });
 
               Promise.all(promises).then((values:any) => {
@@ -165,7 +179,7 @@
         activeCategory = categoryEvent.data.itemId;
 
         setTimeout(() => {
-          window.postMessage({ type: 'CategoryUpdate', itemId: activeCategory }, window.location.href);
+          window.postMessage({ type: 'CategoryUpdate', itemId: activeCategory, index: categoryEvent.data.index }, window.location.href);
         }, 100);
         break;
     }
@@ -272,8 +286,9 @@
       url.searchParams.append('rounds', options.rounds);
     }
 
+    urlCasino = livecasino ? url : url.href;
     return new Promise((resolve, reject) => {
-      fetch(url.href)
+      fetch(urlCasino)
         .then((res:any) => res.json())
         .then((data:any) => {
           resolve(data);
@@ -734,6 +749,8 @@
         getFavoredGames(endpoint, sessionID, playerID);
       }
 
+      setLocale(lang);
+      
       let categoriesUrl = new URL(`${endpoint}/casino/groups/${datasource}`);
 
       categoriesUrl.searchParams.append('language', lang);
@@ -830,6 +847,22 @@
       <div class="SearchBarPlaceholder"></div>
     {/if}
 
+    {#if livecasino}
+      {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && numberOfFilters && getDevice(userAgent) !== 'PC'}
+        <div class="ClearFilterMobileButtonWrapper" on:click="{() => clearVendorFilter()}">
+          <div class="ClearButton">Clear
+            <span class="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">
+                <polygon style="fill:var(--emfe-w-color-secondary, #FD2839);" points="378.303,28.285 350.018,0 189.151,160.867 28.285,0 0,28.285 160.867,189.151 0,350.018
+                  28.285,378.302 189.151,217.436 350.018,378.302 378.303,350.018 217.436,189.151 "/>
+              </svg>
+            </span>
+          </div>
+        </div>
+      {/if}
+    {/if}
+
     {#if alternativesearch === 'false'}
       <!-- main search layout -->
       <div bind:this={searchWrapper} class="CategoriesHeaderSection {(getDevice(userAgent) !== 'PC') ? 'CategoriesHeaderMobileSection' : ''} {mobileSearchViewActive ? 'SearchMobileActive' : ''} {mobileSearchViewActive || (searched && !(getDevice(userAgent) === 'PC') && !closeSearch) ? "CategoriesHeaderSearchActive" : ''} {(adjustingScroll && mobileSearchViewActive) ? 'SearchStickTop' : ''}"
@@ -958,6 +991,7 @@
           endpoint={endpoint}
           datasource={datasource}
           lang={lang}
+          currency={currency}
           session={session}
           userid={userid}
           use:sendSearchData={searchArray}
@@ -967,6 +1001,7 @@
           class="CategoryContainer"
           {clientstyling}
           {clientstylingurl}
+          {livecasino}
         />
       {:else}
         {#if lobbyScreen}
@@ -977,6 +1012,7 @@
               endpoint={endpoint}
               datasource={datasource}
               lang={lang}
+              currency={currency}
               use:sendCategoryData={category}
               categoryid={category}
               categoryindex={index}
@@ -986,6 +1022,7 @@
               style="background-color: {(index % 2 !== 0) ? categorybackground : 'transparent'}"
               {clientstyling}
               {clientstylingurl}
+              {livecasino}
             />
           {/each}
         {:else if favoritesScreen}
@@ -995,12 +1032,14 @@
           endpoint={endpoint}
           datasource={datasource}
           lang={lang}
+          currency={currency}
           favorites={favorites}
           use:showFavoriteGames={`${endpoint}/player/${playerID}/favorites/`, sessionID, playerID}
           categoryid={"FAVORITES"}
           class="CategoryContainer"
           {clientstyling}
           {clientstylingurl}
+          {livecasino}
         />
         {:else if mostPlayedScreen}
           {#if mostPlayedEmpty}
@@ -1012,6 +1051,7 @@
               endpoint={endpoint}
               datasource={datasource}
               lang={lang}
+              currency={currency}
               favorites={favorites}
               categoryid="MOSTPLAYED"
               categoryindex="1"
@@ -1019,6 +1059,7 @@
               class="CategoryContainer"
               {clientstyling}
               {clientstylingurl}
+              {livecasino}
             />
           {/if}
         {:else}
@@ -1029,12 +1070,14 @@
               datasource={datasource}
               favorites={favorites}
               lang={lang}
+              currency={currency}
               session={session}
               categoryid={activeCategory}
               categorygames="9"
               class="CategoryContainer"
               {clientstyling}
               {clientstylingurl}
+              {livecasino}
             />
           {/if}
         {/if}

package/src/i18n.js

@@ -11,11 +11,17 @@ function setupI18n({ withLocale: _locale, translations }) {
       dictionary.set(translations);
       locale.set(_locale);
     }
-  });
+  }); // maybe we will need this to make sure that the i18n is set up only once
+  /*dictionary.set(translations);
+  locale.set(_locale);*/
 }
 
 function addNewMessages(lang, dict) {
   addMessages(lang, dict);
 }
 
-export { _, setupI18n, addNewMessages };
+function setLocale(_locale) {
+  locale.set(_locale);
+}
+
+export { _, setupI18n, addNewMessages, setLocale };

package/src/translations.js

@@ -125,4 +125,4 @@ export const CasinoPageTranslations = {
       breakButton: '24-hour Cool Off',
     }
   }
-};
+};