npm - @everymatrix/player-bonus-history - Versions diffs - 1.0.16 → 1.0.69 - Mend

@everymatrix/player-bonus-history 1.0.16 → 1.0.69

Files changed (17) hide show

package/es2015/player-bonus-history.cjs +1 -0
package/es2015/player-bonus-history.js +16 -0
package/package.json +16 -34
package/README.md +0 -30
package/dist/player-bonus-history.js +0 -1689
package/dist/player-bonus-history.js.map +0 -1
package/index.html +0 -21
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/PlayerBonusHistory.svelte +0 -372
package/src/i18n.js +0 -27
package/src/index.ts +0 -4
package/src/translations.js +0 -56
package/stories/PlayerBonusHistory.stories.js +0 -13
package/tsconfig.json +0 -6

package/index.html DELETED Viewed

@@ -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-bonus-history
-  </title>
-  <link rel="stylesheet" href="public/reset.css">
-	<script src='dist/player-bonus-history.js'></script>
-</head>
-<body>
-  <div class="webcomponent">
-    <player-bonus-history></player-bonus-history>
-  </div>
-</body>
-</html>

package/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import './dist/player-bonus-history.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/player-bonus-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/PlayerBonusHistory.svelte DELETED Viewed

@@ -1,372 +0,0 @@
-<svelte:options tag={null} />
-<script lang="ts">
-  import { onMount } from 'svelte';
-  import { getDevice } from 'rvhelper';
-  import moment from 'moment';
-  import '@everymatrix/player-bonus-card';
-  import '@vaadin/vaadin-date-picker/vaadin-date-picker.js';
-  import { _, addNewMessages, setLocale } from './i18n';
-  import { PlayerBonusHistoryTranslations } from './translations';
-  export let endpoint:string = '';
-  export let session:string = '';
-  export let playerid:string = '';
-  export let lang:string = 'en';
-  export let translationUrl:string = '';
-  let isLoading:boolean = false;
-  let userAgent:string = window.navigator.userAgent;
-  let isMobile:boolean = (getDevice(userAgent) === 'PC') ? false : true;
-  let startCalendar:HTMLElement;
-  let endCalendar:HTMLElement;
-  let maxDate:string;
-  let lastMonth:string;
-  maxDate = moment(new Date()).format('YYYY-MM-DD');
-  lastMonth = moment(new Date()).subtract(3, 'months').format('YYYY-MM-DD')
-  let bonusCalendarStartDate:string = lastMonth;
-  let bonusCalendarEndDate:string = maxDate;
-  let bonusesPrevPage:number = 0;
-  let bonusesNextPage:number = 0;
-  let bonusesLastPage:number = 0;
-  let numberOfPages:number = 0;
-  let bonusesPerPage:number = 6;
-  let currentPage:number = 0;
-  let bonusesList:Array<Object> = [];
-  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(PlayerBonusHistoryTranslations).forEach((item:any) => {
-    addNewMessages(item, PlayerBonusHistoryTranslations[item]);
-  });
-  const toggleScreen = ():void => {
-    window.postMessage({type: 'PlayerAccountMenuActive', isMobile}, window.location.href);
-  }
-  const getBonuses = (offset:number):void => {
-    let url:URL = new URL(`${endpoint}/player/${playerid}/bonusWallet`);
-    let startDate:string = new Date(bonusCalendarStartDate).toISOString();
-    let endDate:string = new Date(bonusCalendarEndDate).toISOString();
-    let filter:string = `status=closed,status=forfeited,status=released,status=expired,type=standard,type=freeround,type=freebet,granted=[${startDate}~${endDate}]`;
-    url.searchParams.append('filter', filter);
-    url.searchParams.append('pagination', `offset=${offset},limit=${bonusesPerPage}`);
-    let options = {
-      method: "GET",
-      headers: {
-        'X-SessionId': session,
-      }
-    };
-    fetch(url.href, options)
-      .then((res:any) => res.json())
-      .then((data:any) => {
-        numberOfPages = (Math.ceil(data.total/bonusesPerPage));
-        if ((offset - bonusesPerPage) >= 0) {
-          bonusesPrevPage = offset - bonusesPerPage;
-        }
-        if ((offset + bonusesPerPage) < data.total) {
-          bonusesNextPage = offset + bonusesPerPage;
-        }
-        bonusesLastPage = (numberOfPages - 1) * bonusesPerPage;
-        currentPage = offset / bonusesPerPage;
-        bonusesList = data.items;
-      }, (err:any) => {
-        console.error(err);
-      });
-  }
-  const startCalendarHandler = (e:any):void => {
-    bonusCalendarStartDate = e.target.value;
-  }
-  const endCalendarHandler = (e:any):void => {
-    bonusCalendarEndDate = e.target.value;
-  }
-  const setCalendarEventListener = ():void => {
-    startCalendar.addEventListener('change', startCalendarHandler, false);
-    endCalendar.addEventListener('change', endCalendarHandler, false);
-  }
-  onMount(() => {
-    return () => {
-      startCalendar.removeEventListener('change', startCalendarHandler);
-      endCalendar.removeEventListener('change', endCalendarHandler);
-    }
-  });
-  const initialLoad = () => {
-    setLocale(lang);
-  }
-  $: lang && initialLoad();
-  $: startCalendar && endCalendar && setCalendarEventListener();
-  $: session && playerid && endpoint && getBonuses(0);
-  $: translationUrl && setTranslationUrl();
-</script>
-{#if isLoading}
-  <div class="ModalLoader" part="ModalLoader"></div>
-{:else}
-  <div class="BonusesWrapper {isMobile ? 'BonusesWrapperMobile' : ''}" part="BonusesWrapper {isMobile ? 'BonusesWrapperMobile' : ''}">
-    {#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="BonusesTitleMobile" part="BonusesTitleMobile">{$_('bonusHistory.title')}</h2>
-      </div>
-    {/if}
-    <h2 class="BonusesTitle {isMobile ? 'BonusesTitleNone' : ''}" part="BonusesTitle {isMobile ? 'BonusesTitleNone' : ''}">{$_('bonusHistory.title')}</h2>
-    <div class="BonusCalendarWrapper {isMobile ? 'BonusCalendarWrapperMobile' : ''}" part="BonusCalendarWrapper {isMobile ? 'BonusCalendarWrapperMobile' : ''}">
-      <div class="BonusesCalendarContainer {isMobile ? 'BonusesCalendarContainerMobile' : ''}" part="BonusesCalendarContainer {isMobile ? 'BonusesCalendarContainerMobile' : ''}">
-        <div class="BonusesCalendarStartDate {isMobile ? 'BonusesCalendarMobile' : ''}" part="BonusesCalendarStartDate {isMobile ? 'BonusesCalendarMobile' : ''}">
-          <label for="BonusCalendarStartDate">{$_('bonusHistory.dateFrom')}</label>
-          <vaadin-date-picker bind:this={startCalendar} max={maxDate} value={lastMonth} placeholder="From" class="VaadinDatePicker" part="VaadinDatePicker"></vaadin-date-picker>
-        </div>
-        <div class="BonusesCalendarEndDate {isMobile ? 'BonusesCalendarMobile' : ''}" part="BonusesCalendarEndDate {isMobile ? 'BonusesCalendarMobile' : ''}">
-          <label for="BonusesCalendarEndDate">{$_('bonusHistory.dateTo')}</label>
-          <vaadin-date-picker bind:this={endCalendar} max={maxDate} value={maxDate} placeholder="To" class="VaadinDatePicker" part="VaadinDatePicker"></vaadin-date-picker>
-        </div>
-      </div>
-      <button class="BonusesCalendarFilter {isMobile ? 'BonusesCalendarFilterMobile' : ''}" part="BonusesCalendarFilter {isMobile ? 'BonusesCalendarFilterMobile' : ''}" on:click={() => getBonuses(0)}>{$_('bonusHistory.dateFilter')}</button>
-    </div>
-    <div class="BonusesGrid {isMobile ? 'BonusesGridMobile' : ''}" part="BonusesGrid {isMobile ? 'BonusesGridMobile' : ''}">
-      {#if bonusesList.length === 0}
-        <p>{$_('bonusHistory.noBonusHistory')}</p>
-      {:else}
-        {#each bonusesList as bonus}
-          {#if bonus.type === 'freeRound'}
-            <player-bonus-card
-              bonuswalletid={bonus.walletId}
-              bonusdate={bonus.granted}
-              bonusstatus={bonus.status}
-              bonusname={bonus.name}
-              bonustype={bonus.type}
-              bonuscurrency={bonus.currency}
-              {lang}
-            ></player-bonus-card>
-          {:else}
-            <player-bonus-card
-              bonuswalletid={bonus.walletId}
-              bonusdate={bonus.granted}
-              bonusstatus={bonus.status}
-              bonusname={bonus.name}
-              bonustype={bonus.type}
-              bonusamount={bonus.grantedAmount}
-              bonuswageringamount={bonus.totalWR}
-              bonusremainingamount={bonus.currentAmount}
-              bonuscurrency={bonus.currency}
-              {lang}
-            ></player-bonus-card>
-          {/if}
-        {/each}
-      {/if}
-    </div>
-    {#if bonusesList.length !== 0}
-      <div class="BonusesPaginationWrapper {isMobile ? 'BonusesPaginationWrapperMobile' : ''}" part="BonusesPaginationWrapper {isMobile ? 'BonusesPaginationWrapperMobile' : ''}">
-        <span class="BonusesFirst {currentPage === 0 ? 'Inactive' : ''}" part="BonusesFirst {currentPage === 0 ? 'Inactive' : ''}" on:click={() => getBonuses(0)}>&vert;&lt;</span>
-        <span class="BonusesPrev {currentPage === 0 ? 'Inactive' : ''}" part="BonusesPrev {currentPage === 0 ? 'Inactive' : ''}" on:click={() => getBonuses(bonusesPrevPage)}>&lt;</span>
-        {#each Array(numberOfPages) as _, i}
-          <span class="BonusesPage {i === currentPage ? 'BonusPageActive' : ''}" part="BonusesPage {i === currentPage ? 'BonusPageActive' : ''}" on:click={() => getBonuses(i*bonusesPerPage)}>{i+1}</span>
-        {/each}
-        <span class="BonusesNext {currentPage === (numberOfPages - 1) ? 'Inactive' : ''}" part="BonusesNext {currentPage === (numberOfPages - 1) ? 'Inactive' : ''}" on:click={() => getBonuses(bonusesNextPage)}>&gt;</span>
-        <span class="BonusesLast {currentPage === (numberOfPages - 1) ? 'Inactive' : ''}" part="BonusesLast {currentPage === (numberOfPages - 1) ? 'Inactive' : ''}" on:click={() => getBonuses(bonusesLastPage)}>&gt;&vert;</span>
-      </div>
-    {/if}
-  </div>
-{/if}
-<style lang="scss">
-  :host {
-    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-  }
-  .BonusesWrapper {
-    color: var(--emfe-w-color-contrast, #07072A);
-    padding: 50px;
-    max-width: 850px;
-    &.BonusesWrapperMobile {
-      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);
-    }
-  }
-  .BonusesTitle {
-    font-size: 26px;
-    color: var(--emfe-w-color-primary, #D0046C);
-    font-weight: 400;
-  }
-  .BonusesTitleMobile {
-    font-size: 16px;
-  }
-  .BonusesTitleNone {
-    display: none;
-  }
-  .BonusCalendarWrapper {
-    display: flex;
-    gap: 15px;
-    padding-bottom: 30px;
-    align-items: center;
-    &.BonusCalendarWrapperMobile {
-      flex-direction: column;
-      gap: 10px;
-      padding-bottom: 15px;
-    }
-  }
-  .BonusesCalendarContainer {
-    display: flex;
-    gap: 20px;
-    &.BonusesCalendarContainerMobile {
-      flex-direction: row;
-      gap: 0;
-      justify-content: space-between;
-      padding-bottom: 0;
-      width: 100%;
-    }
-  }
-  .BonusesCalendarStartDate,
-  .BonusesCalendarEndDate {
-    color: var(--emfe-w-color-gray-300, #58586B);
-    display: flex;
-    position: relative;
-    align-items: center;
-    gap: 10px;
-    &.BonusesCalendarMobile {
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 5px;
-      width: 48%;
-      .VaadinDatePicker {
-        width: 100%;
-      }
-    }
-    label {
-      font-size: 14px;
-      font-weight: 300;
-    }
-    input {
-      width: 100%;
-      height: 44px;
-      border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
-      border-radius: 5px;
-      box-sizing: border-box;
-      padding: 5px 15px;
-      font-size: 16px;
-      line-height: 18px;
-      outline-color: var(--emfe-w-color-primary, #D0046C);
-    }
-  }
-  .BonusesCalendarFilter {
-    background: var(--emfe-w-color-primary, #D0046C);
-    border: 1px solid var(--emfe-w-color-primary, #D0046C);
-    color: var(--emfe-w-color-white, #FFFFFF);
-    cursor: pointer;
-    border-radius: 5px;
-    width: 120px;
-    height: 40px;
-    font-size: 15px;
-    text-transform: uppercase;
-    text-align: center;
-    transition-duration: 0.3s;
-    box-sizing: border-box;
-    padding: 10px;
-    &.BonusesCalendarFilterMobile {
-      width: 100%;
-      height: 44px;
-    }
-    &:active {
-      background: var(--emfe-w-color-primary-600, #99034F);
-    }
-  }
-  .BonusesGrid {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 50px;
-    &.BonusesGridMobile {
-      grid-template-columns: 1fr;
-      gap: 20px;
-    }
-  }
-  .BonusesPaginationWrapper {
-    margin: 40px 0;
-    display: flex;
-    justify-content: center;
-    &.BonusesPaginationWrapperMobile {
-      text-align: center;
-    }
-    .BonusesFirst, .BonusesPrev, .BonusesNext, .BonusesLast {
-      color: var(--emfe-w-color-primary, #D0046C);
-      font-size: 16px;
-      cursor: pointer;
-      padding: 5px 10px;
-      font-weight: 700;
-      &.Inactive {
-        color: var(--emfe-w-color-gray-100, #E6E6E6);
-        cursor: default;
-      }
-    }
-    .BonusesPage {
-      margin: 0 5px;
-      color: var(--emfe-w-color-gray-300, #58586B);
-      font-size: 16px;
-      cursor: pointer;
-      padding: 5px 10px;
-      &.BonusPageActive {
-        background-color: var(--emfe-w-color-white, #FFFFFF);
-        font-weight: 700;
-      }
-    }
-  }
-</style>

package/src/i18n.js DELETED Viewed

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

@@ -1,4 +0,0 @@
-import PlayerBonusHistory from './PlayerBonusHistory.svelte';
-!customElements.get('player-bonus-history') && customElements.define('player-bonus-history', PlayerBonusHistory);
-export default PlayerBonusHistory;

package/src/translations.js DELETED Viewed

@@ -1,56 +0,0 @@
-export const PlayerBonusHistoryTranslations = {
-  en: {
-    bonusHistory: {
-      title: `Bonus History`,
-      dateFrom: `From:`,
-      dateTo: `To:`,
-      dateFilter: `Filter`,
-      noBonusHistory: `You have no bonuses for the selected period.`
-    }
-  },
-  zh: {
-    bonusHistory: {
-      title: `獎金歷史`,
-      dateFrom: `從：`,
-      dateTo: `至：`,
-      dateFilter: `篩選`,
-      noBonusHistory: `您目前沒有獎金歷史。`
-    }
-  },
-  fr: {
-    bonusHistory: {
-      title: `Historique du bonus`,
-      dateFrom: `De:`,
-      dateTo: `A:`,
-      dateFilter: `Filtre`,
-      noBonusHistory: `Vous n'avez pas d'historique de bonus pour le moment.`
-    }
-  },
-  ro: {
-    bonusHistory: {
-      title: `Istoric bonusuri`,
-      dateFrom: `De la`,
-      dateTo: `La`,
-      dateFilter: `Filtru`,
-      noBonusHistory: `Nu ai bonusuri pentru perioada selectata.`
-    }
-  },
-  es: {
-    bonusHistory: {
-      title: `Historial de bonos`,
-      dateFrom: `Desde:`,
-      dateTo: `Para:`,
-      dateFilter: `Filtro:`,
-      noBonusHistory: `Actualmente no tienes historial de bonos.`
-    }
-  },
-  pt: {
-    bonusHistory: {
-      title: `Histórico de bônus`,
-      dateFrom: `A partir de:`,
-      dateTo: `Para:`,
-      dateFilter: `Filtro:`,
-      noBonusHistory: `Você não tem histórico de bônus no momento.`
-    }
-  },
-};

package/stories/PlayerBonusHistory.stories.js DELETED Viewed

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

package/tsconfig.json DELETED Viewed

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