@everymatrix/player-transaction-history 0.0.365 → 0.0.367

package/index.html

@@ -1,21 +1,21 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
-
-	<title>
-    player-transaction-history
-  </title>
-  <link rel="stylesheet" href="public/reset.css">
-	<script src='dist/player-transaction-history.js'></script>
-</head>
-
-<body>
-
-  <div class="webcomponent">
-    <player-transaction-history></player-transaction-history>
-  </div>
-
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset='utf-8'>
+	<meta name='viewport' content='width=device-width,initial-scale=1'>
+
+	<title>
+    player-transaction-history
+  </title>
+  <link rel="stylesheet" href="public/reset.css">
+	<script src='dist/player-transaction-history.js'></script>
+</head>
+
+<body>
+
+  <div class="webcomponent">
+    <player-transaction-history></player-transaction-history>
+  </div>
+
+</body>
+</html>

package/index.js

@@ -1 +1 @@
-import './dist/player-transaction-history.js';
+import './dist/player-transaction-history.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-transaction-history",
-  "version": "0.0.365",
+  "version": "0.0.367",
   "main": "dist/player-transaction-history",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f4dabfce4df55a591981f327a670cc250a2ed257"
+  "gitHead": "2862d37a634bee597aaac02d75aead918718617d"
 }

package/public/reset.css

@@ -1,48 +1,48 @@
-/* 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;
+/* 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 +1,67 @@
-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/player-transaction-history.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
-  }
-};
+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/player-transaction-history.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
+  }
+};

package/src/PlayerTransactionHistory.svelte

@@ -1,130 +1,130 @@
-<svelte:options tag={null} />
-<script lang="ts">
-  import { getDevice } from 'rvhelper';
-  import { _, addNewMessages, setLocale } from './i18n';
-  import { PlayerTransactionHistoryTranslations } from './translations';
-
-  export let endpoint:string = '';
-  export let session:string = '';
-  export let playerid:string = '';
-  export let lang:string = 'en';
-
-  let userAgent:string = window.navigator.userAgent;
-  let isMobile:boolean = (getDevice(userAgent) === 'PC') ? false : true;
-  let isLoading:boolean = true;
-
-  let iframeUrl:string = '';
-
-  Object.keys(PlayerTransactionHistoryTranslations).forEach((item:any) => {
-    addNewMessages(item, PlayerTransactionHistoryTranslations[item]);
-  });
-
-  const toggleScreen = ():void => {
-    window.postMessage({type: 'PlayerAccountMenuActive', isMobile}, window.location.href);
-  }
-
-
-  const getTransactionHistoryIframe = ():void => {
-    let url:URL = new URL(`${endpoint}/player/${playerid}/hostedcashier/customertransactionhistoryurl`);
-
-    let options = {
-      method: "GET",
-      headers: {
-        'X-SessionId': session,
-        accept: 'application/json'
-      },
-    };
-
-    fetch(url.href, options)
-      .then((res:any) => res.json())
-      .then((data:any) => {
-
-        isLoading = false;
-
-        iframeUrl = data.CashierUrl;
-
-      }, (err:any) => {
-        console.error(err);
-      });
-  }
-
-  const setActiveLanguage = ():void => {
-    setLocale(lang);
-  }
-
-  $: lang && setActiveLanguage();
-  $: session && playerid && endpoint && getTransactionHistoryIframe();
-</script>
-
-<div class="TransactionHistoryWrapper {isMobile ? 'TransactionHistoryWrapperMobile' : ''}" part="TransactionHistoryWrapper {isMobile ? 'TransactionHistoryWrapperMobile' : ''}">
-  {#if isMobile}
-    <div class="MenuReturnButton" part="MenuReturnButton" on:click={() => toggleScreen()}>
-      <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:var(--emfe-w-color-primary, #D0046C);}</style></defs><g transform="translate(-20 -158)">
-        <g transform="translate(20 158)">
-          <path class="aaa" d="M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z" transform="translate(15 15) rotate(180)"/>
-        </g></g>
-      </svg>
-      <h2 class="TransactionHistoryTitleMobile" part="TransactionHistoryTitleMobile">{$_('transactionHistory.title')}</h2>
-    </div>
-  {/if}
-  <h2 class="TransactionHistoryTitle {isMobile ? 'TransactionHistoryTitleNone' : ''}" part="TransactionHistoryTitle {isMobile ? 'TransactionHistoryTitleNone' : ''}">{$_('transactionHistory.title')}</h2>
-  {#if isLoading}
-    <p>{$_('transactionHistory.loading')}</p>
-  {:else}
-    <div class="TransactionHistoryIframeWrapper" part="TransactionHistoryIframeWrapper">
-      <iframe src={iframeUrl} title="Transaction History Iframe"></iframe>
-    </div>
-  {/if}
-</div>
-
-
-<style lang="scss">
-
-  :host {
-    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-  }
-
-  .TransactionHistoryWrapper {
-    color: var(--emfe-w-color-contrast, #07072A);
-    padding: 50px 50px 30px 50px;
-    max-width: 100%;
-
-    &.TransactionHistoryWrapperMobile {
-      padding: 20px 15px;
-      max-width: unset;
-    }
-  }
-
-  .MenuReturnButton{
-    color: var(--emfe-w-color-primary, #D0046C);
-    display: inline-flex;
-    align-items: center;
-    column-gap: 10px;
-    margin-bottom: 10px;
-    & svg {
-      fill: var(--emfe-w-color-primary, #D0046C);
-    }
-  }
-
-  .TransactionHistoryTitle {
-    font-size: 26px;
-    color: var(--emfe-w-color-primary, #D0046C);
-    font-weight: 400;
-  }
-
-  .TransactionHistoryTitleMobile {
-    font-size: 16px;
-  }
-
-  .TransactionHistoryTitleNone {
-    display: none;
-  }
-
-  .TransactionHistoryIframeWrapper {
-    iframe {
-      border: none;
-      width: 100%;
-      height: 85vh;
-    }
-  }
-</style>
+<svelte:options tag={null} />
+<script lang="ts">
+  import { getDevice } from 'rvhelper';
+  import { _, addNewMessages, setLocale } from './i18n';
+  import { PlayerTransactionHistoryTranslations } from './translations';
+
+  export let endpoint:string = '';
+  export let session:string = '';
+  export let playerid:string = '';
+  export let lang:string = 'en';
+
+  let userAgent:string = window.navigator.userAgent;
+  let isMobile:boolean = (getDevice(userAgent) === 'PC') ? false : true;
+  let isLoading:boolean = true;
+
+  let iframeUrl:string = '';
+
+  Object.keys(PlayerTransactionHistoryTranslations).forEach((item:any) => {
+    addNewMessages(item, PlayerTransactionHistoryTranslations[item]);
+  });
+
+  const toggleScreen = ():void => {
+    window.postMessage({type: 'PlayerAccountMenuActive', isMobile}, window.location.href);
+  }
+
+
+  const getTransactionHistoryIframe = ():void => {
+    let url:URL = new URL(`${endpoint}/player/${playerid}/hostedcashier/customertransactionhistoryurl`);
+
+    let options = {
+      method: "GET",
+      headers: {
+        'X-SessionId': session,
+        accept: 'application/json'
+      },
+    };
+
+    fetch(url.href, options)
+      .then((res:any) => res.json())
+      .then((data:any) => {
+
+        isLoading = false;
+
+        iframeUrl = data.CashierUrl;
+
+      }, (err:any) => {
+        console.error(err);
+      });
+  }
+
+  const setActiveLanguage = ():void => {
+    setLocale(lang);
+  }
+
+  $: lang && setActiveLanguage();
+  $: session && playerid && endpoint && getTransactionHistoryIframe();
+</script>
+
+<div class="TransactionHistoryWrapper {isMobile ? 'TransactionHistoryWrapperMobile' : ''}" part="TransactionHistoryWrapper {isMobile ? 'TransactionHistoryWrapperMobile' : ''}">
+  {#if isMobile}
+    <div class="MenuReturnButton" part="MenuReturnButton" on:click={() => toggleScreen()}>
+      <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:var(--emfe-w-color-primary, #D0046C);}</style></defs><g transform="translate(-20 -158)">
+        <g transform="translate(20 158)">
+          <path class="aaa" d="M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z" transform="translate(15 15) rotate(180)"/>
+        </g></g>
+      </svg>
+      <h2 class="TransactionHistoryTitleMobile" part="TransactionHistoryTitleMobile">{$_('transactionHistory.title')}</h2>
+    </div>
+  {/if}
+  <h2 class="TransactionHistoryTitle {isMobile ? 'TransactionHistoryTitleNone' : ''}" part="TransactionHistoryTitle {isMobile ? 'TransactionHistoryTitleNone' : ''}">{$_('transactionHistory.title')}</h2>
+  {#if isLoading}
+    <p>{$_('transactionHistory.loading')}</p>
+  {:else}
+    <div class="TransactionHistoryIframeWrapper" part="TransactionHistoryIframeWrapper">
+      <iframe src={iframeUrl} title="Transaction History Iframe"></iframe>
+    </div>
+  {/if}
+</div>
+
+
+<style lang="scss">
+
+  :host {
+    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  }
+
+  .TransactionHistoryWrapper {
+    color: var(--emfe-w-color-contrast, #07072A);
+    padding: 50px 50px 30px 50px;
+    max-width: 100%;
+
+    &.TransactionHistoryWrapperMobile {
+      padding: 20px 15px;
+      max-width: unset;
+    }
+  }
+
+  .MenuReturnButton{
+    color: var(--emfe-w-color-primary, #D0046C);
+    display: inline-flex;
+    align-items: center;
+    column-gap: 10px;
+    margin-bottom: 10px;
+    & svg {
+      fill: var(--emfe-w-color-primary, #D0046C);
+    }
+  }
+
+  .TransactionHistoryTitle {
+    font-size: 26px;
+    color: var(--emfe-w-color-primary, #D0046C);
+    font-weight: 400;
+  }
+
+  .TransactionHistoryTitleMobile {
+    font-size: 16px;
+  }
+
+  .TransactionHistoryTitleNone {
+    display: none;
+  }
+
+  .TransactionHistoryIframeWrapper {
+    iframe {
+      border: none;
+      width: 100%;
+      height: 85vh;
+    }
+  }
+</style>

package/src/i18n.js

@@ -1,27 +1,27 @@
-import {
-  dictionary,
-  locale,
-  addMessages,
-  _
-} from 'svelte-i18n';
-
-function setupI18n({ withLocale: _locale, translations }) {
-  locale.subscribe((data) => {
-    if (data == null) {
-      dictionary.set(translations);
-      locale.set(_locale);
-    }
-  }); // maybe we will need this to make sure that the i18n is set up only once
-  /*dictionary.set(translations);
-  locale.set(_locale);*/
-}
-
-function addNewMessages(lang, dict) {
-  addMessages(lang, dict);
-}
-
-function setLocale(_locale) {
-  locale.set(_locale);
-}
-
-export { _, setupI18n, addNewMessages, setLocale };
+import {
+  dictionary,
+  locale,
+  addMessages,
+  _
+} from 'svelte-i18n';
+
+function setupI18n({ withLocale: _locale, translations }) {
+  locale.subscribe((data) => {
+    if (data == null) {
+      dictionary.set(translations);
+      locale.set(_locale);
+    }
+  }); // maybe we will need this to make sure that the i18n is set up only once
+  /*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 +1,4 @@
-import PlayerTransactionHistory from './PlayerTransactionHistory.svelte';
-
-!customElements.get('player-transaction-history') && customElements.define('player-transaction-history', PlayerTransactionHistory);
-export default PlayerTransactionHistory;
+import PlayerTransactionHistory from './PlayerTransactionHistory.svelte';
+
+!customElements.get('player-transaction-history') && customElements.define('player-transaction-history', PlayerTransactionHistory);
+export default PlayerTransactionHistory;