@everymatrix/player-transaction-history 1.44.0 → 1.45.2

package/index.html

@@ -1,21 +0,0 @@
-<!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 +0,0 @@
-import './dist/player-transaction-history.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/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,171 +0,0 @@
-<svelte:options tag={null} />
-<script lang="ts">
-  import { getDevice } from 'rvhelper';
-  import { _, addNewMessages, setLocale } from './i18n';
-  import { TRANSLATIONS } from './translations';
-
-  export let endpoint:string = '';
-  export let session:string = '';
-  export let playerid:string = '';
-  export let lang:string = 'en';
-  export let clientstyling:string = '';
-  export let clientstylingurl:string = '';
-  export let translationurl:string = '';
-
-  let customStylingContainer:HTMLElement;
-  let userAgent:string = window.navigator.userAgent;
-  let isMobile:boolean = (getDevice(userAgent) === 'PC') ? false : true;
-  let isLoading:boolean = true;
-
-  let iframeUrl:string = '';
-
-  const setTranslationUrl = ():void => {
-    let url:string = translationurl;
-
-    fetch(url).then((res:any) => res.json())
-    .then((res) => {
-      Object.keys(res).forEach((item:any):void => {
-        addNewMessages(item, res[item]);
-      });
-    }).catch((err:any) => {
-      console.log(err);
-    });
-  }
-
-  Object.keys(TRANSLATIONS).forEach((item:any) => {
-    addNewMessages(item, TRANSLATIONS[item]);
-  });
-
-  const toggleScreen = ():void => {
-    window.postMessage({type: 'PlayerAccountMenuActive', isMobile}, window.location.href);
-  }
-
-
-  const getTransactionHistoryIframe = ():void => {
-    let url:URL = new URL(`${endpoint}/v1/player/${playerid}/hostedcashier/customertransactionhistoryurl`);
-    url.searchParams.append('language', lang);
-
-    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);
-  }
-
-  const setClientStyling = ():void => {
-    let sheet:HTMLElement = document.createElement('style');
-    sheet.innerHTML = clientstyling;
-    customStylingContainer.appendChild(sheet);
-  }
-
-  const setClientStylingURL = ():void => {
-    let url:URL = new URL(clientstylingurl);
-    let cssFile:HTMLElement = document.createElement('style');
-
-    fetch(url.href)
-      .then((res:any) => res.text())
-      .then((data:any) => {
-        cssFile.innerHTML = data
-
-        setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
-      });
-  }
-
-  $: lang && setActiveLanguage();
-  $: session && playerid && endpoint && lang && getTransactionHistoryIframe();
-  $: clientstylingurl && customStylingContainer && setClientStylingURL();
-  $: clientstyling && customStylingContainer && setClientStyling();
-  $: translationurl && setTranslationUrl();
-</script>
-
-<div class="TransactionHistoryWrapper {isMobile ? 'TransactionHistoryWrapperMobile' : ''}" bind:this={customStylingContainer}>
-  {#if isMobile}
-    <div class="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(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));}</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">{$_('titleTransactionHistory')}</h2>
-    </div>
-  {/if}
-  <h2 class="TransactionHistoryTitle {isMobile ? 'TransactionHistoryTitleNone' : ''}">{$_('titleTransactionHistory')}</h2>
-  {#if isLoading}
-    <p>{$_('loading')}</p>
-  {:else}
-    <div class="TransactionHistoryIframeWrapper">
-      <iframe src={iframeUrl} title="Transaction History Iframe"></iframe>
-    </div>
-  {/if}
-</div>
-
-
-<style lang="scss">
-
-
-
-  .TransactionHistoryWrapper {
-    background-color: var(--emw-color-pale, var(--emw--color-gray-50, #F1F1F1));
-    border-radius: var(--emw--border-radius-large, 20px);
-    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
-    padding: 50px 50px 30px 50px;
-    max-width: 100%;
-
-    &.TransactionHistoryWrapperMobile {
-      padding: 20px 15px;
-      max-width: unset;
-      border-radius: 0;
-    }
-  }
-
-  .MenuReturnButton{
-    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
-    display: inline-flex;
-    align-items: center;
-    column-gap: 10px;
-    margin-bottom: 10px;
-    & svg {
-      fill: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
-    }
-  }
-
-  .TransactionHistoryTitle {
-    font-size: var(--emw--font-size-x-large, 26px);
-    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
-    font-weight: var(--emw--font-weigh-normal, 400);
-  }
-
-  .TransactionHistoryTitleMobile {
-    font-size: var(--emw--size-standard, 16px);
-  }
-
-  .TransactionHistoryTitleNone {
-    display: none;
-  }
-
-  .TransactionHistoryIframeWrapper {
-    iframe {
-      border: none;
-      width: 100%;
-      height: 85vh;
-    }
-  }
-</style>

package/src/i18n.js

@@ -1,27 +0,0 @@
-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 +0,0 @@
-import PlayerTransactionHistory from './PlayerTransactionHistory.svelte';
-
-!customElements.get('player-transaction-history') && customElements.define('player-transaction-history', PlayerTransactionHistory);
-export default PlayerTransactionHistory;

package/src/translations.js

@@ -1,38 +0,0 @@
-export const TRANSLATIONS = {
-  "en": {
-    "titleTransactionHistory": "Transaction History",
-    "loading": "Loading, please wait ..."
-  },
-  "zh-hk": {
-    "titleTransactionHistory": "交易記錄",
-    "loading": "加載請稍候…"
-  },
-  "fr": {
-    "titleTransactionHistory": "Historique des transactions",
-    "loading": "Chargement, veuillez patienter ..."
-  },
-  "ro": {
-    "titleTransactionHistory": "Istoric tranzacții",
-    "loading": "Se încarcă..."
-  },
-  "es": {
-    "titleTransactionHistory": "Historial de transacciones",
-    "loading": "Cargando ... Por favor espere ..."
-  },
-  "pt": {
-    "titleTransactionHistory": "Histórico de transações",
-    "loading": "Carregando, por favor espere ..."
-  },
-  "hr": {
-    "titleTransactionHistory": "Povijest transakcija",
-    "loading": "Učitavanje"
-  },
-  "pt-br": {
-    "titleTransactionHistory": "Histórico de transações",
-    "Loading": "Carregando, por favor espere..."
-  },
-  "es-mx": {
-    "titleTransactionHistory": "Historial de transacciones",
-    "Loading": "Cargando, por favor espere..."
-  }
-}

package/stories/PlayerTransactionHistory.stories.js

@@ -1,13 +0,0 @@
-import { html } from 'lit-element';
-
-import PlayerTransactionHistory from '../src/PlayerTransactionHistory';
-
-// This default export determines where your story goes in the story list
-export default {
-  title: 'PlayerTransactionHistory',
-};
-
-// 👇 We create a “template” of how args map to rendering
-const PlayerTransactionHistory = ({ aProperty }) => html`<player-transaction-history></player-transaction-history>`;
-
-export const FirstStory = PlayerTransactionHistory.bind({});

package/tsconfig.json

@@ -1,6 +0,0 @@
-{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-
-  "include": ["src/**/*"],
-  "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
-}