@everymatrix/casino-tournaments-page-controller 1.44.0 → 1.45.2

package/documentation.md

@@ -1,119 +0,0 @@
-# Overview
-
-## 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
-- UBS 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-tournaments-page-controller/dist/casino-tournaments-page-controller.js"></script>
-```
-
-For a specific version, the script tag looks like this:
-```javascript
-<script src="https://unpkg.com/@everymatrix/casino-tournaments-page-controller@1.0.0/dist/casino-tournaments-page-controller.js"></script>
-```
-
-## Usage
-
-If the user is `not logged in`, inside your page you need to add the webcomponent tag for the `Casino Tournaments Widget`.
-
-```html
-<casino-tournaments-page-controller
-  endpoint="https://demo-api.stage.norway.everymatrix.com"
-  cmsendpoint="https://wp-one-widgets.everymatrix.com/wp-json/wpone-rest/v1/tournaments"
-  lang="en"
-  showleaderboard="true"
-  tourid=""
-/>
-```
-
-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-tournaments-page-controller
-  session="{SESSION_ID}"
-  userid="{USER_ID}"
-  endpoint="https://demo-api.stage.norway.everymatrix.com"
-  cmsendpoint="https://wp-one-widgets.everymatrix.com/wp-json/wpone-rest/v1/tournaments"
-  lang="en"
-  showleaderboard="true"
-  tourid=""
-/>
-```
-
-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 Tournaments Widget Demo</title>
-
-    <script src="https://unpkg.com/@everymatrix/casino-tournaments-page-controller/dist/casino-tournaments-page-controller.js"></script>
-
-  </head>
-  <body>
-    <div class="container">
-      <casino-tournaments-page-controller
-        endpoint="https://demo-api.stage.norway.everymatrix.com"
-        cmsendpoint="https://wp-one-widgets.everymatrix.com/wp-json/wpone-rest/v1/tournaments"
-        lang="en"
-        showleaderboard="true"
-        tourid=""
-      />
-    </div>
-  </body>
-</html>
-```
-
-> **_PLEASE NOTE:_**  The given example is a fully working HTML page and demo credentials are used for ```endpoint``` and ```cmsendpoint``` fields. For development and productions purposes you will need to use your own provided credentials.
-
-## API Reference
-|Parameter|Mandatory|Comment|
-|---------|---------|-------|
-|endpoint |yes|NorWAy endpoint|
-|cmsendpoint|yes||
-|lang|yes|Language|
-|showleaderboard|no|Default: true|
-|session|no||
-|userid|no||
-|navigationbackbutton|no|`Default`: the back button will do a `window.history.back()`, if the client wishes to handle the navigation differently, he ca pass the `Event` value which will enable the back button to emit the `RedirectBack` event which can then be used to handle the navigation|
-
-## Widget Events
-
-The widget has the ability to send Javascript events to the parent website to extend the functionality.
-
-The Widget currently supports the following events:
-
-|EventName|Comments|
-|---------|--------|
-|||
-
-## Releases
-
-|Release Version|Value          |Scope|Status|Completed Date|
-|---------------|-----          |-----|------|--------------|
-|`0.0.36`       |Initial release|  -  |*DONE*|`20 Jul 2021` |

package/index.html

@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
-
-	<title>
-    casino-tournaments-page-controller
-  </title>
-  <link rel="stylesheet" href="public/reset.css">
-	<script src='dist/casino-tournaments-page-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; }
-    .webcomponent { padding: 10px 20px; }
-  </style>
-  <header class="header">
-    <div class="header__logo">
-      <svg xmlns="http://www.w3.org/2000/svg" width="161" height="132" viewBox="0 0 161 132"><defs><linearGradient x1="0%" y1="50%" y2="50%" id="a"><stop stop-color="#2A3B8F" offset="0%"/><stop stop-color="#29ABE2" offset="100%"/></linearGradient><linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="c"><stop stop-color="#B4D44E" offset="0%"/><stop stop-color="#E7F716" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="#166DA5" d="M160.6 65.9l-17.4 29.3-24.4-29.7 24.4-28.9z"/><path fill="#8FDB69" d="M141.3 100.2l-26.5-31.7-15.9 26.6 24.7 36.1z"/><path fill="#166DA5" d="M141 31.4l-26.2 31.8-15.9-26.6L123.6.9z"/><path fill="url(#a)" opacity=".95" d="M61.1 31.4H141L123.4.7H78.7z M114.8 63.3H159l-15.9-26.8H98.8"/><path fill="url(#c)" opacity=".95" d="M141.3 100.3H61l17.6 30.5h45z M114.8 68.4H159l-15.9 26.8H98.8"/><path fill="#010101" d="M78.6 130.8L41 65.8 79.1.8H37.9L.4 65.8l37.5 65z"/></g></svg>
-    </div>
-    <h1 class="header__name">
-      <span>WEBCOMPONENT:</span> casino-tournaments-page-controller
-    </h1>
-  </header>
-
-  <casino-tournaments-page-controller session="d91e9d22-68e4-474c-8c5a-d1915ce9ffd8" namemask="opap" userid="3976988" showleaderboard="true" endpoint="https://demo-api.stage.norway.everymatrix.com" cmsendpoint="https://widgets.everymatrix.com/apijson/en/tournaments/" lang="en" loginevent="Login" registerevent="Register" tourid="919351011811343804"></casino-tournaments-page-controller>
-
-</body>
-</html>

package/index.js

@@ -1 +0,0 @@
-import './dist/casino-tournaments-page-controller.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-tournaments-page-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
-  }
-};