npm - @everymatrix/casino-header-controller - Versions diffs - 1.44.0 → 1.45.2 - Mend

@everymatrix/casino-header-controller 1.44.0 → 1.45.2

Files changed (32) hide show

package/components/CasinoHamburgerMenu-BNVeOJMg.js +5343 -0
package/components/CasinoHamburgerMenu-Bf5T77Ny.cjs +8 -0
package/components/CasinoHeaderController-BZWtNlWs.js +3020 -0
package/components/CasinoHeaderController-DmDDQCWH.cjs +13 -0
package/components/CasinoSlider-CR8-l30P.js +803 -0
package/components/CasinoSlider-Lbt4Xcus.cjs +1 -0
package/components/PlayerAccountBalanceModal-CJTxCTO4.js +1406 -0
package/components/PlayerAccountBalanceModal-z-8Le6l-.cjs +13 -0
package/components/PlayerDeposit-Bjair_ez.js +395 -0
package/components/PlayerDeposit-BuxjgZ7D.cjs +1 -0
package/es2015/casino-header-controller.cjs +1 -0
package/es2015/casino-header-controller.js +16 -0
package/package.json +21 -34
package/CHANGELOG.md +0 -12
package/README.md +0 -0
package/dist/casino-header-controller.js +0 -4
package/dist/casino-header-controller.js.map +0 -1
package/documentation.md +0 -146
package/index.html +0 -48
package/index.js +0 -1
package/public/favicon.png +0 -0
package/public/reset.css +0 -48
package/rollup.config.js +0 -67
package/src/CasinoHeaderController.svelte +0 -1234
package/src/i18n.js +0 -27
package/src/images/arrow.png +0 -0
package/src/images/english-flag.png +0 -0
package/src/images/everymatrix-logo-white.png +0 -0
package/src/index.ts +0 -4
package/src/translations.js +0 -62
package/stories/CasinoHeaderController.stories.js +0 -22
package/tsconfig.json +0 -6

package/documentation.md DELETED Viewed

@@ -1,146 +0,0 @@
-# Casino Header widget Documentation
-## About the Casino Header widget
-### Intro to the Casino Header
-The Casino Header widget is a collection of web components designed and developed to offer a complete and functional casino header. This widget offers ease of installation without compromising on the features a casino header should have.
-The widget is agnostic about the framework, library or programming language your current product is built on, while at the same time offering ease of integration for developers, and a sleek gateway to your site for your users.
-### Progressive
-We like to call our Casino Header widget a "progressive" one since it can grow with your needs. 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 Header widget gives you a set of robust tools for using player sessions and more.
-### Scalability
-The Casino Header 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.
-### Stateless
-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 (such as the Casino Header) wherever you want to place them.
-The Casino Header makes use of the following sub-widgets:
-- Casino Slider component
-- Banner 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).
-For the first component, the Casino Header widget passes on the `sliderdata` attribute part of the data retrived from the `cmsmenuurl` (the one corresponding to the main menu). The Banner component still needs to be integrated.
----
-## Pre-requisites needed
-For the Casino Header 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-header-controller/dist/casino-header-controller.js"></script>
-```
-For a specific version, the script tag looks like this:
-```javascript
-<script src="https://unpkg.com/@everymatrix/casino-header-controller@1.0.0/dist/casino-header-controller.js"></script>
-```
-## Usage
-Adding the Casino Header Widget is straight forward, with the mention that there are a multitude of options and configurations available.
-If the user is `not logged in`, inside your page you need to add the webcomponent tag for the `Casino Header Widget`.
-```html
-<casino-header-controller
-  cmsmenuurl="cmsURL"
-  cmshamburgermenuurl="cmsHamburgerMenuURL"
-  lang="en"
-></casino-header-controller>
-```
-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-header-controller
-  session="{SESSION_ID}"
-  userid="{USER_ID}"
-  cmsmenuurl="cmsURL"
-  cmshamburgermenuurl="cmsHamburgerMenuURL"
-  lang="en"
-></casino-header-controller>
-```
-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 below for `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 Header Widget Demo</title>
-    <script src="https://unpkg.com/@everymatrix/casino-header-controller/dist/casino-header-controller.js"></script>
-  </head>
-  <body>
-    <div class="container">
-      <casino-header-controller
-        cmsmenuurl="cmsURL"
-        cmshamburgermenuurl="cmsHamburgerMenuURL"
-        lang="en"
-        loginevent="OpenLoginRegisterModal"
-        registerevent="OpenLoginRegisterModal"
-        depositevent="OpenDepositModal"
-        favorites="true"
-        mostplayed="true"
-      ></casino-header-controller>
-    </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.
-## Communication between widgets
-|Type|Message data|Comment|
-|---------|---------|-----|
-|UserSessionID|playerID, sessionID|receives the login credentials|
-|LogoutSuccessfull|no extra data received|receives the trigger to switch content for the logout state|
-|OpenHamburgerMenuModal|no extra data sent|triggers the displaying of the `Hamburger Menu`|
-|CloseHamburgerMenu|no extra data received|switches back to the `Casino Header` widget|
-|PlayerAccountMenuActive|no extra data sent|triggers the displaying of the `Player Account Controller`|
-|OpenLoginRegisterModal|login|sends a postmessage containing a boolean based on which it opens the login/register modal - either on the login or register tab|
-|LanguageChanged|selectedLanguage|sends a postmessage containing the new language preference|
-## API Reference
-|Parameter|Mandatory|Comment|
-|---------|---------|-------|
-|cmsmenuurl|yes|menu items CMS endpoint|
-|cmshamburgermenuurl|no|hamburger menu items CMS 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|
-## Releases
-|Release Version|Value          |Scope|Status|Completed Date|
-|---------------|-----          |-----|------|--------------|
-|`0.0.42`       |Initial release|  -  |*DONE*|`04 Aug 2021` |

package/index.html DELETED Viewed

@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
-	<title>
-    casino-header-controller
-  </title>
-  <link rel="stylesheet" href="public/reset.css">
-	<script src='dist/casino-header-controller.js'></script>
-</head>
-<body>
-  <style>
-    html,body { margin: 0; padding: 0; height: 100%; font-family: "Helvetica Neue", "Helvetica", sans-serif; }
-    .header { display: flex; justify-content: center; align-items: center; padding: 10px 20px; margin-bottom: 20px; background: #42a3e2; box-shadow: 3px 4px 5px 0px rgba(0,0,0, .2); }
-    .header__logo svg { height: 50px; width: 50px; margin-right: 5px; }
-    .header__name { color: #fff; }
-    .header__name span { margin-right: 10px; font-weight: bold; }
-  </style>
-  <div class="webcomponent">
-    <casino-header-controller _ngcontent-mup-c29="" session="01347826-ed6c-4305-80c7-1dab6b2fc151" userid="3920216"
-      userroles="everyone,loggedIn,TestDemoCosmin" cmsendpoint="https://wt1-stage.everymatrix.com/apijson" env="stage"
-      lang="en" languageslist="es,en,ro" endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
-      actionevent="HeaderMenuItemClicked" activecategory="/casino/RNG$new-sub-category$new-sub-category-1" clientstyling="
-    .HeaderWrapper{
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      z-index: 99;
-    }
-    .HeaderMobileWrapper {
-      .HeaderContainer {
-        height: 55px;
-      }
-    }
-  " currencyseparator="." currencydecimal="," currencyprecision="2" gmversion="gmcore"
-  countryflagheader="true" countryflaghamburger='true'customlocaleidentifier=""></casino-header-controller>
-  </div>
-</body>
-</html>

package/index.js DELETED Viewed

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

package/public/favicon.png DELETED Viewed

Binary file

package/public/reset.css DELETED Viewed

@@ -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 DELETED Viewed

@@ -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-header-controller.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
-  }
-};