@everymatrix/casino-lobby 1.41.0 → 1.42.69

package/documentation.md

@@ -1,176 +0,0 @@
-# Overview
-
-## Meet the casino widget
-
-The casino widget is a collection of web components designed and developed to offer a complete and comprehensive casino lobby experience. This widget offers great customization and ease of installation without compromising on the features a casino lobby should have.
-
-The casino lobby strives to provide an amazing experience to both users and integrators whilst being performant under any circumstances and being agnostic about the framework, library or programming language your current product is built on.
-
-Whether you have a full fledged product already built or just want to add this casino lobby to a simple HTML page the steps are very easy to follow and to implement. Throughout this documentation we will take you step by step and show you how to implement, configure and customize the casino lobby widget.
-
-## Why the casino widget?
-
-There are a variety of options available when discussing the development of a casino lobby as part of your existing product. These options will take time to architect, plan, schedule, develop and test. However, we believe that adding a casino lobby to your existing or new product should be as easy as copying and pasting from an email; which it is now.
-
-### A progressive widget
-We like to call our casino widget a "progressive" one since it grows with you. If you just want a simple implementation our architecture and documentation will be there to help you achieve it in mere minutes.
-
-If you are looking for a bigger implementation into a much more mature product the casino widget gives you a set of robust tools for using player sessions, customizing actions, customizing the UI, enabling or disabling widget features on demand and more.
-
-### A scalable widget
-The casino lobby widget scales with you. Although the scalability is mainly accomplished by your main product (the one you integrate this widget into) and by your architecture we took all the necessary steps and precautions to ensure the uninterrupted functionality of this product.
-
-### A stateless widget
-In the development of this widget we considered that the widget should not care about any kind of state a container product (the product this widget is integrated into) might have nor that the widget itself should have any kind of state management.
-
-We took this decision in order to ensure maximum integration compatibility as well as infinite scalability. By not sharing or having a state our widgets can be used as a main widget (like the casino lobby) or as singular components wherever you want to place them.
-
-For example here is a list of the components used in order to display the casino lobby widget:
-
-- Categories bar component
-- Search bar component
-- Games section component
-- Game thumbnail component
-
-These components can also be used on their own, and they still can communicate to each other even if they are structurally placed in separate parts of your application (they still need to be on the same page).
-
-### 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.
----
-
-## Pre-requisites needed
-
-For the Widget to be able to work, the parent website needs to integrated with the EM platform.
-
-Supported integrations:
-- NorWAy Integration
-- CE Integration
-
-For further information on how to proceed with your current integration please contact your assigned Integration Manager.
-
-## Setup the widget on your website.
-To install the latest version released for the widget, which will be automatically updated once a new release is made, add the following script tag, in the root page of your application.
-
-The script can be added either in the <head> or in the <body>. We recommend adding it in the footer of the page for better performance of the entire website.
-```javascript
-<script src="https://unpkg.com/@everymatrix/casino-lobby/dist/casino-lobby.js"></script>
-```
-
-For a specific version, the script tag looks like this:
-```javascript
-<script src="https://unpkg.com/@everymatrix/casino-lobby@1.0.0/dist/casino-lobby.js"></script>
-```
-
-## Usage
-
-If the user is `not logged in`, inside your page you need to add the webcomponent tag for the `Casino Lobby Widget`.
-
-```html
-<casino-lobby
-  endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
-  datasource="RNG"
-  lang="en"
-  loginevent="OpenLoginRegisterModal"
-  registerevent="OpenLoginRegisterModal"
-  depositevent="OpenDepositModal"
-  favorites="true"
-  mostplayed="true"
-  alternativesearch="false"
-></casino-lobby>
-```
-
-Once the user is `logged in`, there are 2 options to render the widget:
-1. The tag can be updated as the following:
-```html
-<casino-lobby
-  session="{SESSION_ID}"
-  userid="{USER_ID}"
-  endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
-  datasource="RNG"
-  lang="en"
-  loginevent="OpenLoginRegisterModal"
-  registerevent="OpenLoginRegisterModal"
-  depositevent="OpenDepositModal"
-  favorites="true"
-  mostplayed="true"
-  alternativesearch="false"
-></casino-lobby>
-```
-
-2. The widget can be notified via `window.postMessage()` method (more details here - https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage):
-```javascript
-  window.postMessage({
-    type: 'UserSessionID',
-    session: {SESSION_ID},
-    userid: {USER_ID}
-  });
-```
-
-Full example (`not logged in user`):
-
-
-```html
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>EM Widgets | Casino Lobby Widget Demo</title>
-
-    <script src="https://unpkg.com/@everymatrix/casino-lobby/dist/casino-lobby.js"></script>
-
-  </head>
-  <body>
-    <div class="container">
-      <casino-lobby
-        endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
-        datasource="RNG"
-        lang="en"
-        loginevent="OpenLoginRegisterModal"
-        registerevent="OpenLoginRegisterModal"
-        depositevent="OpenDepositModal"
-        favorites="true"
-        mostplayed="true"
-        alternativesearch="false"
-      ></casino-lobby>
-    </div>
-  </body>
-</html>
-```
-
-> **_PLEASE NOTE:_**  The given example is a fully working HTML page and demo credentials are used for ```endpoint``` field. For development and productions purposes you will need to use your own provided credentials.
-
-## API Reference
-|Parameter|Mandatory|Comment|
-|---------|---------|-------|
-|endpoint |yes|NorWAy endpoint|
-|lang|yes|Language of the website|
-|session|no|EM SessionID of the logged in user|
-|opsession|no|Operator SessionID of the logged in user|
-|userid|no|EM UserID of the logged in user|
-|loginurl|no|The URL where the user should be redirected when the `Login` button is clicked|
-|loginevent|no|The `postMessage` event that should be triggered when the `Login` button is clicked|
-|registerurl|no|The URL where the user should be redirected when the `Register` button is clicked|
-|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'|
-|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'|
-|addfilterselector|no|Adds a select element for the filtering dropdown for the games for each category. Default: 'true'|
-|addsortingselector|no|Adds a select element for the sorting dropdown - to be implemented. Default: 'false'|
-|filterbylogo|no|Switches the names of the game vendors with their logos for the filters from the filters list. Default: 'false'|
-
-## Releases
-
-|Release Version|Value          |Scope|Status|Completed Date|
-|---------------|-----          |-----|------|--------------|
-|`0.0.36`       |Initial release|  -  |*DONE*|`20 Jul 2021` |

package/index.html

@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset='utf-8'>
-  <meta name='viewport' content='width=device-width,initial-scale=1'>
-
-  <title>casino-lobby</title>
-  <link rel="stylesheet" href="public/reset.css">
-  <script src='dist/casino-lobby.js'></script>
-</head>
-
-<body>
-  <style>
-    html,body { margin: 0; padding: 0; height: 100%; width: 100%; font-family: "Helvetica Neue", "Helvetica", sans-serif; }
-  </style>
-
-  <div class="webcomponent">
-    <casino-lobby _ngcontent-ng-c2005880821="" session="82095bad-7ee4-469e-b93d-d9d68f12ac13" userid="6135257"
-      endpoint="https://arenacasino-api.stage.norway.everymatrix.com" env="stage"
-      cmsendpoint="https://arenacasino-stage.everymatrix.com/apijson" datasource="Casino" winnersdatasources="Casino"
-      userroles="everyone,loggedIn,Deny Deposit,High Risk,KYCunverified,Medium risk,Non VIP1,Pending PEP,PEPno,PEPnohit,SANnegative,SANno,SOF In Progress,SOW in Progress,Waiting for KYC documents,Winners,Withdraw block"
-      lang="hr" currency="EUR" positionjackpotbanners="4,6" caticon0="/assets/egypt_icon0.svg"
-      caticon1="/assets/egypt_icon0.svg" caticon2="/assets/egypt_icon0.svg" caticon3="/assets/egypt_icon0.svg"
-      backgroundsrc="/assets/background_egypt.svg" backgroundsrcmobile="/assets/background_egypt_mobile.png"
-      titlelogopath="/assets/egypt_logo.svg" iconlabels="bronze, silver, gold, platinum" visualstructure="typeLeft"
-      mostplayed="true" mostplayedrounds="10" lastplayed="true" lastplayedperiod="Last7Days" favorites="true"
-      loginevent="OpenLoginRegisterModal" registerevent="OpenLoginRegisterModal" depositevent="GoToDeposit" lobbyid="casino"
-      haspanicbutton="false" clockformat="LTS" activecategory="LOBBY" actionevent="CategoryChange" gamemodal="true"
-      playrandomgame="false" randombuttonicon="<svg width=35 height=35 part=&quot;RandomButtonSvg&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; version=&quot;1.1&quot; id=&quot;Layer_1&quot; x=&quot;0px&quot; y=&quot;0px&quot; viewBox=&quot;0 0 200 200&quot; style=&quot;enable-background:new 0 0 200 200;&quot; xml:space=&quot;preserve&quot;>
-                  <style type=&quot;text/css&quot;>
-                    .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
-                  </style>
-                  <path class=&quot;st0&quot; d=&quot;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&quot;/>
-                </svg>" playforfun="true" visiblegames="10" integratedgameframedesktop="true"
-      integratedgameframemobile="true" gamepagemodalurl="true" showsubgroups="true" addfilterselector="true"
-      addsortingselector="true" filterbylogo="false" positionwinnerswidget="2" periodrecent="Last30Days"
-      periodtop="Last30Days" numberusersrecent="5" numberuserstop="5" amountlimit="1" vendorcategory="All"
-      isrecentavailable="true" istopavailable="true" defaultcurrency="EUR" enableautoscroll="true" tabsorder="top,recent"
-      positioncollections="4,6" type="collection" titletype="title" filteredcategories="collection,vendor"
-      positioncasinocalendar="1" casinogamesgridslider="false" positionjelobbywidget="3"
-      translationurl="https://arenacasino-stage.everymatrix.com/assets/clients/arenacasino/i18n/widgets/casino-lobby.json"
-      class="ng-star-inserted">
-      <div _ngcontent-ng-c2005880821="" slot="content" class="ng-star-inserted"><je-lobby-widget
-          _ngcontent-ng-c2005880821="" domain-id="2844" player-session="82095bad-7ee4-469e-b93d-d9d68f12ac13" country="HR"
-          orientation="horizontal" user-id="6135257" rules-language=""></je-lobby-widget></div><!---->
-    </casino-lobby>
-  </div>
-
-</body>
-</html>

package/index.js

@@ -1 +0,0 @@
-import './dist/casino-lobby.js';

package/public/reset.css

@@ -1,48 +0,0 @@
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section {
-	display: block;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}

package/rollup.config.js

@@ -1,67 +0,0 @@
-import svelte from 'rollup-plugin-svelte';
-import commonjs from '@rollup/plugin-commonjs';
-import resolve from '@rollup/plugin-node-resolve';
-import serve from 'rollup-plugin-dev-server';
-import livereload from 'rollup-plugin-livereload';
-import { terser } from 'rollup-plugin-terser';
-import sveltePreprocess from 'svelte-preprocess';
-import typescript from '@rollup/plugin-typescript';
-import uglify from 'rollup-plugin-uglify';
-import image from '@rollup/plugin-image';
-
-const production = process.env.NODE_ENV == 'production';
-const dev = process.env.NODE_ENV == 'development';
-
-export default {
-  input: 'src/index.ts',
-  output: {
-    sourcemap: true,
-    format: 'umd',
-    name: 'app',
-    file: 'dist/casino-lobby.js',
-  },
-  plugins: [
-    svelte({
-      preprocess: sveltePreprocess(),
-      compilerOptions: {
-        // @TODO check generate and hydratable
-        // generate: 'ssr',
-        // hydratable: true,
-        // enable run-time checks when not in production
-        customElement: true,
-        dev: !production
-      }
-    }),
-    image(),
-    commonjs(),
-    resolve({
-      browser: true,
-      dedupe: ['svelte']
-    }),
-    dev && serve({
-      open: true,
-      verbose: true,
-      allowCrossOrigin: true,
-      historyApiFallback: false,
-      host: 'localhost',
-      port: 5050,
-    }),
-    dev && livereload({ watch: ['', 'dist'] }),
-    typescript({
-      sourceMap: !production,
-      inlineSources: !production,
-    }),
-    // If we're building for production (npm run build
-    // instead of npm run dev), minify
-    production &&
-    terser({
-      output: {
-        comments: "all"
-      },
-    }),
-    production && uglify.uglify()
-  ],
-  watch: {
-    clearScreen: false
-  }
-};