@everymatrix/casino-lobby 0.0.420 → 0.33.0

package/documentation.md

@@ -36,6 +36,7 @@ These components can also be used on their own, and they still can communicate t
 
 ### A business driven widget
 This widget encapsulates knowledge and features of a world leading casino product which we developed and improved continuously for several years now. This means that every feature is designed in order to make the casino widget profitable, competitive and attractive both for our integrators and their clients.
+
 The casino lobby widget has the core functionality and features in place with even more to come and to improve upon. It is our commitment that we will treat this product with utmost importance and priority and that we will continuously add and develop new versions with state-of-the-art market features.
 ---
 
@@ -156,15 +157,10 @@ Full example (`not logged in user`):
 |registerevent|no|The `postMessage` event that should be triggered when the `Register` button is clicked|
 |depositurl|no|The URL where the user should be redirected when the `Deposit` button is clicked|
 |depositevent|no|The `postMessage` event that should be triggered when the `Deposit` button is clicked|
-|favorites|no|Provides the option to show/hide the `Favorites` tab in categories slider. Default: true|
-|mostplayed|no|Provides the option to show/hide the `Most Played Games` tab in categories slider. Default: 'true'|
-|alternativesearch|no|Provides the option to show the searchbar, in mobile view, at the top of the screen. Default: 'false'|
+|favorites|no|Option to show/hide the `Favorites` tab in categories slider. Default: true|
+|mostplayed|no|Option to show/hide the `Most Played Games` tab in categories slider. Default: true|
+|alternativesearch|no|Option to show the searchbar, in mobile view, at the top of the screen. Default: false|
 |clockformat|no|The clock format for the game page - more details here - https://momentjs.com/docs/#/displaying/format/. Default: 'LTS'|
-|visiblegames|no|Provides the option to set the number of games that is to be displayed on `Casino Lobby` for each category. The default is set to 10 games.
-|integratedgameframedesktop|no|Changes the way that the game iframe opens on desktop - instead of opening the iframe in a new tab, it opens it inside the the widget, thus giving the client control over the styling and giving him the option to display banners alongside the game. Default: 'false'|
-|integratedgameframemobile|no|Changes the way that the game iframe opens on mobile devices - instead of opening the iframe in a new tab, it opens it inside the the widget, thus giving the client control over the styling and giving him the option to display banners alongside the game. Default: 'false'|
-|gamebanneractive|no|When opening the game page, if the `gamebanneractive` is set to 'true', below the game a banner will be shown. This feature requires `integratedgameframedesktop` or `integratedgameframemobile` to be set to 'true'. Default: 'false'|
-|gamepagemodalurl|no|When opening the game page on mobile, if the `gamepagemodalurl` is set to 'true', the game page will open in a modal with a unique id, adding to the URL the game id. Make sure that the `gamemodal` is also set to 'true', else it will not open the game modal on mobile. Default: 'false'|
 
 ## Releases
 

package/index.html

@@ -15,40 +15,43 @@
   </style>
 
   <div class="webcomponent">
+    <!-- <casino-lobby
+    endpoint="https://jojobet-api.stage.norway.everymatrix.com/v1"
+    datasource="Jojobet-livecasino"
+    lang="en"
+    currency="TRY"
+    loginevent="OpenLoginRegisterModal"
+    registerevent="OpenLoginRegisterModal"
+    depositevent="OpenDepositModal"
+    favorites="true"
+    mostplayed="true"
+    mostplayedrounds="50"
+    containermaxwidth="1300"
+    haspanicbutton="true"
+    livecasino="true"
+    ></casino-lobby> -->
     <casino-lobby
       endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
       datasource="RNG"
       playforfun="true"
-      lang="en"
+      lang="de"
+      session="42419b32-e96b-4b2b-8999-d328fd5ec28f"
+      userid="3657535"
       loginevent="OpenLoginRegisterModal"
       registerevent="OpenLoginRegisterModal"
       depositevent="OpenDepositModal"
       favorites="true"
       activecategory="LOBBY"
       mostplayed="true"
-      mostplayedrounds="1"
-      lastplayed="true"
-      lastplayedperiod="Today"
+      mostplayedrounds="50"
       lobbyid="casino"
       clockformat="LTS"
       containermaxwidth="1300"
-      haspanicbutton="true"
+      haspanicbutton="false"
       alternativesearch="true"
       livecasino="false"
-      playforfun="true"
-      playrandomgame="true"
-      userid="3920216"
-      session="4aef9358-9e1e-430f-b0e5-d58f9da325ca"
-      integratedgameframedesktop="true"
-      integratedgameframemobile="true"
-      showsubgroups="true"
-      randombuttonicon='<svg width=35 height=35 part="RandomButtonSvg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
-            <style type="text/css">
-              .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
-            </style>
-            <path class="st0" d="M161,16.7c-2.7,0-5.5,0.5-8.1,1.6l-44.2,18.3C98.1,41,93,53.2,97.4,63.8l18.3,44.2  c4.4,10.6,16.6,15.7,27.2,11.3l44.2-18.3c10.6-4.4,15.7-16.6,11.3-27.2l-18.3-44.2C176.8,21.6,169.1,16.7,161,16.7L161,16.7z   M161,25c4.9,0,9.4,2.9,11.4,7.8l18.3,44.2c2.7,6.5-0.3,13.7-6.8,16.3l-44.2,18.3c-6.5,2.7-13.7-0.3-16.3-6.8l-18.3-44.2  c-2.7-6.5,0.3-13.7,6.8-16.3L156.1,26C157.7,25.3,159.4,25,161,25L161,25z M127.1,54.2c-1.7,0-3.2,0.7-4.4,1.8  c-1.2,1.2-1.8,2.8-1.8,4.4s0.7,3.2,1.8,4.4c1.2,1.2,2.8,1.8,4.4,1.8s3.2-0.7,4.4-1.8c1.2-1.2,1.8-2.8,1.8-4.4s-0.7-3.2-1.8-4.4  C130.3,54.8,128.7,54.2,127.1,54.2z M147.9,62.5c-1.7,0-3.2,0.7-4.4,1.8c-1.2,1.2-1.8,2.8-1.8,4.4s0.7,3.2,1.8,4.4  c1.2,1.2,2.8,1.8,4.4,1.8s3.2-0.7,4.4-1.8c1.2-1.2,1.8-2.8,1.8-4.4s-0.7-3.2-1.8-4.4C151.2,63.2,149.6,62.5,147.9,62.5z M168.8,70.8  c-1.7,0-3.2,0.7-4.4,1.8c-1.2,1.2-1.8,2.8-1.8,4.4s0.7,3.2,1.8,4.4c1.2,1.2,2.8,1.8,4.4,1.8s3.2-0.7,4.4-1.8  c1.2-1.2,1.8-2.8,1.8-4.4s-0.7-3.2-1.8-4.4C172,71.5,170.4,70.8,168.8,70.8L168.8,70.8z M39,79.2c-8.1,0.1-15.8,4.9-19.1,12.9  L1.6,136.2c-4.4,10.6,0.7,22.8,11.3,27.2l44.2,18.3c10.6,4.4,22.8-0.7,27.2-11.3l18.3-44.2c4.4-10.6-0.7-22.8-11.3-27.2L47.1,80.8  C44.5,79.7,41.7,79.1,39,79.2L39,79.2z M39,87.5c1.6,0,3.3,0.3,4.9,1l44.2,18.3c6.5,2.7,9.4,9.9,6.8,16.3l-18.3,44.2  c-2.7,6.5-9.9,9.4-16.3,6.8l-44.2-18.3c-6.5-2.7-9.4-9.9-6.8-16.3l18.3-44.2C29.6,90.4,34.1,87.5,39,87.5L39,87.5z M44.7,99.4  c-1.7,0-3.2,0.7-4.4,1.8c-1.2,1.2-1.8,2.8-1.8,4.4c0,1.7,0.7,3.2,1.8,4.4c1.2,1.2,2.8,1.8,4.4,1.8s3.2-0.7,4.4-1.8  c1.2-1.2,1.8-2.8,1.8-4.4c0-1.7-0.7-3.2-1.8-4.4C47.9,100,46.3,99.4,44.7,99.4z M75.5,112.1c-1.7,0-3.2,0.7-4.4,1.8  c-1.2,1.2-1.8,2.8-1.8,4.4c0,1.7,0.7,3.2,1.8,4.4c1.2,1.2,2.8,1.8,4.4,1.8c1.7,0,3.2-0.7,4.4-1.8c1.2-1.2,1.8-2.8,1.8-4.4  c0-1.7-0.7-3.2-1.8-4.4C78.7,112.8,77.1,112.1,75.5,112.1z M36.7,118.6c-1.7,0-3.2,0.7-4.4,1.8c-1.2,1.2-1.8,2.8-1.8,4.4  s0.7,3.2,1.8,4.4c1.2,1.2,2.8,1.8,4.4,1.8c1.7,0,3.2-0.7,4.4-1.8c1.2-1.2,1.8-2.8,1.8-4.4s-0.7-3.2-1.8-4.4  C39.9,119.3,38.3,118.6,36.7,118.6z M67.5,131.4c-1.7,0-3.2,0.7-4.4,1.8c-1.2,1.2-1.8,2.8-1.8,4.4s0.7,3.2,1.8,4.4  c1.2,1.2,2.8,1.8,4.4,1.8c1.7,0,3.2-0.7,4.4-1.8c1.2-1.2,1.8-2.8,1.8-4.4s-0.7-3.2-1.8-4.4C70.7,132,69.1,131.4,67.5,131.4z   M28.7,137.9c-1.7,0-3.2,0.7-4.4,1.8c-1.2,1.2-1.8,2.8-1.8,4.4c0,1.7,0.7,3.2,1.8,4.4c1.2,1.2,2.8,1.8,4.4,1.8  c1.7,0,3.2-0.7,4.4-1.8c1.2-1.2,1.8-2.8,1.8-4.4c0-1.7-0.7-3.2-1.8-4.4C32,138.5,30.4,137.9,28.7,137.9z M59.5,150.6  c-1.7,0-3.2,0.7-4.4,1.8c-1.2,1.2-1.8,2.8-1.8,4.4c0,1.7,0.7,3.2,1.8,4.4c1.2,1.2,2.8,1.8,4.4,1.8s3.2-0.7,4.4-1.8  c1.2-1.2,1.8-2.8,1.8-4.4c0-1.7-0.7-3.2-1.8-4.4C62.8,151.3,61.2,150.6,59.5,150.6z"/>
-          </svg>'
     ></casino-lobby>
+
   </div>
 
 </body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-lobby",
-  "version": "0.0.420",
+  "version": "0.33.0",
   "main": "dist/casino-lobby.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "23697f5b0af1976be1da3e17d14dca4bce1ec98e"
+  "gitHead": "f4cfbfcaa4bc3a2ba40aa690b40399f8f3d50321"
 }

package/src/CasinoLobby.svelte

@@ -11,7 +11,6 @@
   import '@everymatrix/casino-game-page';
   import '@everymatrix/casino-filter-modal';
   import '@everymatrix/casino-filter-page';
-  import '@everymatrix/casino-integrated-game-page';
 
   export let endpoint:string = '';
   export let datasource:string = '';
@@ -23,9 +22,8 @@
   export let clientstylingurl:string = '';
   export let clockformat:string = '';
   export let lobbyid:string = '';
-  export let currency:string = '';
-  export let filteredcategories:string = '';
-  
+  export let currency:string = 'EUR';
+
   export let loginurl:string = '';
   export let registerurl:string = '';
   export let depositurl:string = '';
@@ -35,8 +33,6 @@
 
   export let mostplayed:string = '';
   export let mostplayedrounds:string = '';
-  export let lastplayed:string = 'false';
-  export let lastplayedperiod:string = 'Last30Days';
   export let favorites:string = '';
 
   export let desktopoffset:string = '0';
@@ -50,47 +46,11 @@
   export let actionevent:string = 'CategoryChange';
   export let livecasino:string = 'false';
   export let playforfun:string = 'true';
-  export let gamemodal:string = 'true';
-  export let playrandomgame:string = 'false';
-  export let visiblegames:string = '10';
-  export let integratedgameframedesktop:string = 'false';
-  export let integratedgameframemobile:string = 'false';
-  export let gamepagemodalurl:string = 'false';
-  //Casino Winners
-  export let enablecasinowinners: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 enablejackpotbanner: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 visualstructure:string = '';
-  export let showsubgroups:string = 'false';
-  //Casino Collections Providers
-  export let enablecollections:string = '';
-  export let type:string = '';
-  export let titletype:string = '';
-
-  // Button icon for random game widget
-  export let randombuttonicon:string = '';
 
   let endpointURL:string;
   let DS:string;
   let language:string;
+
   let displayNone:boolean = false;
   let hasErrors:boolean = false;
   let error:string = 'Loading, please wait ...';
@@ -104,7 +64,6 @@
   let scrollTop:boolean = false;
   let customStylingContainer:HTMLElement;
   let mostPlayed;
-  let lastPlayed;
   let fav;
 
   setupI18n({ withLocale: 'en', translations: {}});
@@ -116,10 +75,9 @@
           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);
+            if (headerPlaceholderSize) {
+              window.scrollTo({ top: headerPlaceholderSize });
             }
-            window.scrollTo({ top: headerPlaceholderSize });
           }
           break;
 
@@ -129,7 +87,7 @@
           break;
 
         case 'CategoryChange':
-          activecategory = e.data.itemId;
+          activecategory = e.data.item.id;
           break;
       }
     }
@@ -150,7 +108,7 @@
       console.error(error);
     }
 
-    if (!lang || lang.length < 2) {
+    if (!lang || lang.length != 2) {
       error = "Language is missing! Please provide a valid language (alpha2code)";
       hasErrors = true;
 
@@ -172,7 +130,6 @@
     language = lang;
 
     mostPlayed = mostplayed;
-    lastPlayed = lastplayed;
     fav = favorites;
 
     hasErrors = false;
@@ -183,7 +140,6 @@
     checkSession(endpoint, session).then((res:any) => {
       sessionID = res.Guid;
       playerID = res.UserID;
-      currency = res.Currency;
       isLoggedIn = true;
     }, (err:any) => {
       isLoggedIn = false;
@@ -232,11 +188,10 @@
 
   $: lang && setActiveLanguage();
   $: session && userid && endpoint && setSession();
-  $: endpoint && datasource && lang && mostplayed && lastplayed && favorites && initialSetup();
+  $: endpoint && datasource && lang && mostplayed && favorites && initialSetup();
   $: opsession && setOpSession();
   $: clientstyling && setClientStyling();
   $: clientstylingurl && setClientStylingURL();
-
 </script>
 
 <div bind:this={customStylingContainer} class={displayNone ? 'DisplayNone' : ''} part="{displayNone ? 'DisplayNone' : ''}">
@@ -251,38 +206,29 @@
           endpoint={endpointURL}
           datasource={DS}
           lang={language}
-          session={sessionID}
+          session={session}
           userid={userid}
-          sessioncheck="false"
           {actionevent}
-          {filteredcategories}
           {mostplayed}
           {mostplayedrounds}
-          {lastplayed}
-          {lastplayedperiod}
           {favorites}
           {activecategory}
           {clientstyling}
           {clientstylingurl}
           {containermaxwidth}
-          location="secondaryMenu"
-          {showsubgroups}
         ></casino-categories-slider>
         <casino-page
-          session={sessionID}
+          session={session}
           userid={userid}
           endpoint={endpointURL}
           datasource={DS}
           lang={language}
-          {visiblegames}
-          {playrandomgame}
+          visiblegames="10"
           {activecategory}
           {alternativesearch}
           {favorites}
           {mostplayedrounds}
           {mostplayed}
-          {lastplayed}
-          {lastplayedperiod}
           {clientstyling}
           {clientstylingurl}
           {lobbyid}
@@ -290,81 +236,43 @@
           {haspanicbutton}
           {livecasino}
           {currency}
-          {filteredcategories}
-          {gamepagemodalurl}
-          {randombuttonicon}
-          {enablejackpotbanner}
-          {enablecasinowinners}
-          {periodrecent}
-          {periodtop}
-          {numberusersrecent}
-          {numberuserstop}
-          {amountlimit}
-          {isrecentavailable}
-          {istopavailable}
-          {integratedgameframedesktop}
-          {integratedgameframemobile}
-          {defaultcurrency}
-          {enableautoscroll}
-          {tabsorder}
-          {backgroundsrc}
-          {backgroundsrcmobile}
-          {titlelogopath}
-          {caticon0}
-          {caticon1}
-          {caticon2}
-          {caticon3}
-          {iconlabels}
-          {enablecollections}
-          {type}
-          {titletype}>
-        </casino-page>
-        {#if gamemodal == 'true'}
-          <casino-modal
-            session={sessionID}
+        ></casino-page>
+        <casino-modal
+          session={session}
+          userid={userid}
+          endpoint={endpointURL}
+          datasource={DS}
+          lang={language}
+          {clientstyling}
+          {clientstylingurl}
+          ><casino-game-page
+            session={session}
             userid={userid}
             endpoint={endpointURL}
             datasource={DS}
             lang={language}
-            sessioncheck="false"
+            loginevent={loginevent}
+            registerevent={registerevent}
+            depositevent={depositevent}
+            {playforfun}
+            {favorites}
             {clientstyling}
             {clientstylingurl}
-            {gamepagemodalurl}
+            {clockformat}
             {haspanicbutton}
-          >
-            <casino-game-page
-              session={sessionID}
-              userid={userid}
-              endpoint={endpointURL}
-              datasource={DS}
-              lang={language}
-              loginevent={loginevent}
-              registerevent={registerevent}
-              depositevent={depositevent}
-              checksession="false"
-              {playforfun}
-              {favorites}
-              {clientstyling}
-              {clientstylingurl}
-              {clockformat}
-              {haspanicbutton}
-              {currency}
-              {integratedgameframedesktop}
-              {integratedgameframemobile}
-            />
-          </casino-modal>
-        {/if}
+            {currency}
+          />
+        </casino-modal>
         <casino-filter-modal
           {clientstylingurl}
-          session={sessionID}
+          session={session}
           userid={userid}
           endpoint={endpointURL}
           datasource={DS}
           lang={language}
-          sessioncheck="false"
           {clientstyling}>
           <casino-filter-page
-            session={sessionID}
+            session={session}
             userid={userid}
             endpoint={endpointURL}
             datasource={DS}