@everymatrix/casino-lobby 1.43.4 → 1.45.0

package/src/CasinoLobby.svelte

@@ -1,454 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import { onMount } from "svelte";
-  import { getDevice, isMobile, checkSession } from 'rvhelper';
-  import { setupI18n, setLocale } from './i18n';
-
-  import '@everymatrix/casino-categories-slider';
-  import '@everymatrix/casino-page';
-  import '@everymatrix/casino-modal';
-  import '@everymatrix/casino-game-page';
-
-  export let endpoint:string = '';
-  export let cmsendpoint: string = 'https://wt1-stage.everymatrix.com/apijson';
-  export let env:string = '';
-  export let datasource:string = '';
-  export let lang:string = ''; // Language
-  export let session:string = ''; // Value for sessionID
-  export let userid:string = '';
-  export let opsession:string = '';
-  export let clientstyling:string = '';
-  export let clientstylingurl:string = '';
-  export let clockformat:string = '';
-  export let lobbyid:string = '';
-  export let currency:string = '';
-  export let filteredcategories:string = '';
-  export let userroles: string = '';
-  export let translationurl:string = '';
-
-  export let loginevent:string = '';
-  export let registerevent:string = '';
-  export let depositevent:string = '';
-  export let shortcashierenabled: string = '';
-
-  export let favorites:string = '';
-
-  export let desktopoffset:string = '0';
-  export let mobileoffset:string = '0';
-
-  export let haspanicbutton:string = 'false';
-
-  export let activecategory:string = 'LOBBY';
-  export let actionevent:string = 'CategoryChange';
-  export let livecasino:string = 'false';
-  export let playforfun:string = 'true';
-  export let showgamename:string = 'false';
-  export let gamemodal:string = 'true';
-  export let playrandomgame:string = 'false';
-  export let randomgameslider:string = 'false';
-  export let visiblegames:string = '10';
-  export let integratedgameframedesktop:string = 'false';
-  export let integratedgameframemobile:string = 'false';
-  export let gamepagemodalurl:string = 'false';
-  export let casinogamesgridslider: string = 'false';
-  export let categoriesicon: string = 'false';
-  export let lobbyiconimage: string = '';
-  export let mygamesiconimage: string = '';
-
-  //Casino Winners
-  export let positionwinnerswidget:string = '';
-  export let tabsorder:string = '';
-  export let enableautoscroll:string = '';
-  export let istopavailable:string = '';
-  export let isrecentavailable:string = '';
-  export let periodrecent:string = '';
-  export let periodtop:string = '';
-  export let numberusersrecent:string = '';
-  export let numberuserstop:string = '';
-  export let amountlimit:string = '';
-  export let defaultcurrency:string = '';
-  //Jackpot Banners
-  export let positionjackpotbanners:string = '';
-  export let caticon0:string = '';
-  export let caticon1:string = '';
-  export let caticon2:string = '';
-  export let caticon3:string = '';
-  export let backgroundsrc:string='';
-  export let backgroundsrcmobile:string='';
-  export let titlelogopath = '';
-  export let iconlabels:string = '';
-  export let showsubgroups:string = 'false';
-  //Casino Collections Providers
-  export let positioncollections:string = '';
-  export let type:string = '';
-  export let titletype:string = '';
-  export let collectionprovidersgamenames:string = '';
-  //Casino Calendar
-  export let positioncasinocalendar = '';
-  //Casino My Games
-  export let lastplayedperiod:string = 'Last30Days';
-  export let mostplayedperiod:string = 'Last30Days';
-  export let lastplayedorder:string = '';
-  export let lastplayedlimit:string = '';
-  export let lastplayedunique: string = 'true';
-  export let mostplayed:string = '';
-  export let mostplayedrounds:string = '';
-  export let lastplayed:string = 'false';
-  //Casino Random Game Slider
-  export let specificcategory:string = '';
-  export let launchbygamecard:string = '';
-  export let iconvisible:string = '';
-  export let iconvisibleonanim:string = '';
-
-  //Je lobby widget
-  export let positionjelobbywidget:string = '';
-
-  // Button icon for random game widget
-  export let randombuttonicon:string = '';
-  export let filteredrandomgamecategories:string = '';
-  export let addfilterselector:string = 'false';
-  export let addsortingselector:string = 'false';
-  export let filterbylogo:string = 'false';
-  export let winnersdatasources:string = '';
-
-  let casinomygames:string = 'false';
-
-  let endpointURL:string;
-  let DS:string;
-  let language:string;
-  let displayNone:boolean = false;
-  let hasErrors:boolean = false;
-  let error:string = 'Loading, please wait ...';
-  let isLoggedIn:boolean = false;
-  let sessionID:string = '';
-  let playerID:string = '';
-  let userAgent:string = window.navigator.userAgent;
-  let isLoading:boolean = true;
-  let searchClosed:boolean = false;
-
-  let headerPlaceholderSize:number = 0;
-  let scrollTop:boolean = false;
-  let customStylingContainer:HTMLElement;
-  let mostPlayed;
-  let lastPlayed;
-  let fav;
-
-  setupI18n({ withLocale: 'en', translations: {}});
-
-  const messageHandler = (e:any):void => {
-    if (e.data) {
-      switch(e.data.type) {
-        case 'searchCancelled':
-          searchClosed = true;
-          break;
-
-        case 'WidgetTopReference':
-          scrollTop = e.data.scrollTop;
-          // check if the category has been changed and the scroll top
-          if (scrollTop) {
-            if (!headerPlaceholderSize) {
-              headerPlaceholderSize = (getDevice(userAgent) === 'PC') ? parseInt(desktopoffset) : parseInt(mobileoffset);
-            }
-            // do not scroll if the casino page was changed because searchInput was closed
-            !searchClosed && window.scrollTo({ top: headerPlaceholderSize });
-            searchClosed = false;
-          }
-          break;
-
-        case 'OpenGameFrame':
-          window.postMessage({ type: 'ShowGameModal', gameId: e.data.gameId, isMobile: isMobile(userAgent), gamefunmode: e.data.gamefunmode, gamepagemodalurl: e.data.gamepagemodalurl, identifier: 'Lobby' }, window.location.href);
-          break;
-
-        case 'UserSessionID':
-          sessionID = e.data.session;
-          playerID = e.data.userID;
-          break;
-
-          case 'CategoryChange':
-          activecategory = e.data.itemId;
-          break;
-      }
-    }
-  }
-
-   const checkAttrs = ():boolean => {
-    if (!endpoint) {
-      error = "Endpoint is missing! Please provide a valid endpointURL.";
-      hasErrors = true;
-
-      console.error(error);
-    }
-
-    if (!datasource) {
-      error = "Datasource is missing! Please provide a valid datasource.";
-      hasErrors = true;
-
-      console.error(error);
-    }
-
-    if (!lang || lang.length < 2) {
-      error = "Language is missing! Please provide a valid language (alpha2code)";
-      hasErrors = true;
-
-      console.error(error);
-    }
-
-    return hasErrors;
-  }
-
-  const setActiveLanguage = ():void => {
-    setLocale(lang);
-  }
-
-  const initialSetup = ():void => {
-    checkAttrs();
-    setLocale(lang);
-    endpointURL = endpoint;
-    DS = datasource;
-    language = lang;
-
-    mostPlayed = mostplayed;
-    lastPlayed = lastplayed;
-    fav = favorites;
-
-    hasErrors = false;
-    isLoading = false;
-  }
-
-  const setSession = ():void => {
-    checkSession(endpoint, session).then((res:any) => {
-      sessionID = res.Guid;
-      playerID = res.UserID;
-      currency = res.Currency;
-      isLoggedIn = true;
-    }, (err:any) => {
-      isLoggedIn = false;
-      console.error('Error while checking the session - ', err)
-    });
-  }
-
-  const setOpSession = ():void => {
-    isLoggedIn = true;
-    sessionID = opsession;
-  }
-
-  const setClientStyling = ():void => {
-    let sheet = document.createElement('style');
-    sheet.innerHTML = clientstyling;
-    customStylingContainer.appendChild(sheet);
-  }
-
-  const setClientStylingURL = ():void => {
-    displayNone = true;
-
-    let url:URL = new URL(clientstylingurl);
-    let cssFile:HTMLElement = document.createElement('style');
-
-    fetch(url.href)
-      .then((res:any) => res.text())
-      .then((data:any) => {
-        cssFile.innerHTML = data
-
-        if (customStylingContainer) {
-          setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
-          setTimeout(() => { displayNone = false; }, 500);
-        }
-      });
-  }
-
-  onMount(() => {
-    window.addEventListener('message', messageHandler, false);
-
-    headerPlaceholderSize = (getDevice(userAgent) === 'PC') ? parseInt(desktopoffset) : parseInt(mobileoffset);
-
-    return () => {
-      window.removeEventListener('message', messageHandler);
-    }
-  });
-
-  $: lang && setActiveLanguage();
-  $: session && userid && endpoint && setSession();
-  $: endpoint && datasource && lang && mostplayed && lastplayed && favorites && initialSetup();
-  $: opsession && setOpSession();
-  $: clientstyling && customStylingContainer && setClientStyling();
-  $: clientstylingurl && customStylingContainer && setClientStylingURL();
-</script>
-
-<div bind:this={customStylingContainer} class={displayNone ? 'DisplayNone' : ''}>
-  {#if hasErrors}
-    <p style="color:var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF))">{error}</p>
-  {:else}
-    <div class="CasinoLobby">
-      <div class="WidgetsSection">
-        <div class="HeaderPlaceholder" style="height:{headerPlaceholderSize}px"></div>
-        <div class="ScrollTop"></div>
-        <casino-categories-slider
-          endpoint={endpointURL}
-          datasource={DS}
-          lang={language}
-          session={sessionID}
-          userid={userid}
-          sessioncheck="false"
-          {actionevent}
-          {filteredcategories}
-          {mostplayed}
-          {lastplayed}
-          {favorites}
-          {activecategory}
-          {translationurl}
-          {clientstyling}
-          {clientstylingurl}
-          location="secondaryMenu"
-          {showsubgroups}
-          {categoriesicon}
-          {lobbyiconimage}
-          {mygamesiconimage}
-        ></casino-categories-slider>
-        <casino-page
-          session={sessionID}
-          userid={userid}
-          endpoint={endpointURL}
-          datasource={DS}
-          lang={language}
-          {showgamename}
-          {cmsendpoint}
-          {env}
-          {translationurl}
-          {visiblegames}
-          {playrandomgame}
-          {randomgameslider}
-          {specificcategory}
-          {launchbygamecard}
-          {iconvisible}
-          {iconvisibleonanim}
-          {activecategory}
-          {favorites}
-          {clientstyling}
-          {clientstylingurl}
-          {lobbyid}
-          {haspanicbutton}
-          {livecasino}
-          {currency}
-          {filteredcategories}
-          {gamepagemodalurl}
-          {randombuttonicon}
-          {positioncasinocalendar}
-          {filteredrandomgamecategories}
-          {positionwinnerswidget}
-          {periodrecent}
-          {periodtop}
-          {userroles}
-          {numberusersrecent}
-          {numberuserstop}
-          {amountlimit}
-          {isrecentavailable}
-          {istopavailable}
-          {integratedgameframedesktop}
-          {integratedgameframemobile}
-          {defaultcurrency}
-          {enableautoscroll}
-          {collectionprovidersgamenames}
-          {tabsorder}
-          {positionjackpotbanners}
-          {backgroundsrc}
-          {backgroundsrcmobile}
-          {titlelogopath}
-          {caticon0}
-          {caticon1}
-          {caticon2}
-          {caticon3}
-          {iconlabels}
-          {positioncollections}
-          {type}
-          {titletype}
-          {casinomygames}
-          {filterbylogo}
-          {addfilterselector}
-          {addsortingselector}
-          {lastplayedunique}
-          {lastplayedlimit}
-          {lastplayedorder}
-          {mostplayedrounds}
-          {mostplayed}
-          {lastplayed}
-          {lastplayedperiod}
-          {mostplayedperiod}
-          {showsubgroups}
-          {winnersdatasources}
-          {casinogamesgridslider}
-          {positionjelobbywidget}>
-          <div slot="je-jackpots-widget">
-            <slot name="content"></slot>
-          </div>
-        </casino-page>
-        {#if gamemodal == 'true'}
-          <casino-modal
-            session={sessionID}
-            userid={userid}
-            endpoint={endpointURL}
-            datasource={DS}
-            lang={language}
-            sessioncheck="false"
-            {translationurl}
-            {clientstyling}
-            {clientstylingurl}
-            {gamepagemodalurl}
-            {haspanicbutton}
-            {integratedgameframedesktop}
-            identifier='Lobby'
-          >
-            <casino-game-page
-              session={sessionID}
-              userid={userid}
-              endpoint={endpointURL}
-              datasource={DS}
-              lang={language}
-              loginevent={loginevent}
-              registerevent={registerevent}
-              depositevent={depositevent}
-              checksession="false"
-              {playforfun}
-              {translationurl}
-              {shortcashierenabled}
-              {favorites}
-              {clientstyling}
-              {clientstylingurl}
-              {clockformat}
-              {haspanicbutton}
-              {currency}
-              {integratedgameframedesktop}
-              {integratedgameframemobile}
-            />
-          </casino-modal>
-        {/if}
-      </div>
-    </div>
-  {/if}
-</div>
-
-<style lang="scss">
-  * {
-    /* Display & Box Model */
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-  }
-
-
-
-  .CasinoLobby {
-      background-color: var(--emfe-w-casino-color-bg, var(--emfe-w-color-background, #07072A));
-      width: 100%;
-      margin: 0 auto;
-      min-height: 100vh;
-  }
-
-  .DisplayNone {
-    display: none;
-  }
-
-  .WidgetsSection {
-    padding-bottom: 40px;
-  }
-</style>

package/src/i18n.js

@@ -1,25 +0,0 @@
-import {
-  dictionary,
-  locale,
-  addMessages,
-  _,
-} from 'svelte-i18n';
-
-function setupI18n({ withLocale: _locale, translations }) {
-  locale.subscribe((data) => {
-    if (data == null) {
-      dictionary.set(translations);
-      locale.set(_locale);
-    }
-  });
-}
-
-function addNewMessages(lang, dict) {
-  addMessages(lang, dict);
-}
-
-function setLocale(_locale) {
-  locale.set(_locale);
-}
-
-export { _, setupI18n, addNewMessages, setLocale };

package/src/index.ts

@@ -1,4 +0,0 @@
-import CasinoLobby from './CasinoLobby.svelte';
-
-!customElements.get('casino-lobby') && customElements.define('casino-lobby', CasinoLobby);
-export default CasinoLobby;

package/stories/CasinoLobby.stories.js

@@ -1,13 +0,0 @@
-import { html } from 'lit-element';
-
-import CasinoLobby from '../src/CasinoLobby';
-
-// This default export determines where your story goes in the story list
-export default {
-  title: 'CasinoLobby',
-};
-
-// 👇 We create a “template” of how args map to rendering
-const CasinoLobby = ({ aProperty }) => html`<casino-lobby></casino-lobby>`;
-
-export const FirstStory = CasinoLobby.bind({});

package/tsconfig.json

@@ -1,6 +0,0 @@
-{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-
-  "include": ["src/**/*"],
-  "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
-}