npm - @everymatrix/player-bonus-card - Versions diffs - 1.43.4 → 1.45.0 - Mend

@everymatrix/player-bonus-card 1.43.4 → 1.45.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/components/PlayerBonusCard-DjFOSbxp.js +7329 -0
package/components/PlayerBonusCard-NCJ8i0yI.cjs +14 -0
package/es2015/player-bonus-card.cjs +1 -0
package/es2015/player-bonus-card.js +16 -0
package/package.json +15 -33
package/CHANGELOG.md +0 -8
package/README.md +0 -30
package/dist/player-bonus-card.js +0 -2
package/dist/player-bonus-card.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/PlayerBonusCard.svelte +0 -202
package/src/i18n.js +0 -27
package/src/index.ts +0 -4
package/src/translations.js +0 -142
package/stories/PlayerBonusCard.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-card
-  </title>
-  <link rel="stylesheet" href="public/reset.css">
-	<script src='dist/player-bonus-card.js'></script>
-</head>
-<body>
-  <div class="webcomponent">
-    <player-bonus-card></player-bonus-card>
-  </div>
-</body>
-</html>

package/index.js DELETED Viewed

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

@@ -1,202 +0,0 @@
-<svelte:options tag={null} />
-<script lang="ts">
-  import { getDevice } from 'rvhelper';
-  import { _, addNewMessages, setLocale } from './i18n';
-  import { TRANSLATIONS } from './translations';
-  import moment from 'moment';
-  export let bonuswalletid:string = '';
-  export let bonusdate:string = '';
-  export let bonusstatus:string = '';
-  export let bonusname:string = '';
-  export let bonustype:string = '';
-  export let bonusamount:string = '';
-  export let bonuswageringamount:string = '';
-  export let bonusremainingamount:string = '';
-  export let bonuscurrency: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 bonusTypeText: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 bonusTypeRewrite = () => {
-    bonusTypeText = bonustype;
-    if (bonusTypeText === 'freeRound') {
-      bonusTypeText = 'Free Spins';
-    } else if (bonusTypeText === 'freeBet') {
-      bonusTypeText = 'Free Bet';
-    }
-  }
-  const deleteBonus = () => {
-    window.postMessage({ type: 'DisableScroll'}, window.location.href);
-    window.postMessage({ type: 'DeleteActiveBonus', bonuswalletid }, window.location.href);
-  }
-  const initialLoad = () => {
-    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 && initialLoad();
-  $: bonustype && bonusTypeRewrite();
-  $: clientstylingurl && customStylingContainer && setClientStylingURL();
-  $: clientstyling && customStylingContainer && setClientStyling();
-  $: translationurl && setTranslationUrl();
-</script>
-<div class="BonusCard" bind:this={customStylingContainer}>
-  <div class="BonusCardInfo">
-    <div class="BonusCardRow">
-      <p class="BonusCardRowTitle">{$_('date')} <span>{moment(bonusdate).format('DD/MM/YYYY h:mm A')}</span></p>
-      <p class="BonusCardRowText BonusCardStatus TextCapitalize {bonusstatus === 'active' || bonusstatus === 'released' ? 'StatusActive' : ''} {bonusstatus === 'expired' ? 'StatusExpired' : ''} {bonusstatus === 'forfeited' ? 'StatusForfeited' : ''}">{$_(`${bonusstatus}`)}</p>
-    </div>
-    <div class="BonusCardRow">
-      <p class="BonusCardRowTitle">{$_('bonusName')}</p>
-      <p class="BonusCardRowText">{bonusname}</p>
-    </div>
-    <div class="BonusCardRow">
-      <p class="BonusCardRowTitle">{$_('bonusType')}</p>
-      <p class="BonusCardRowText TextCapitalize">{bonusTypeText}</p>
-    </div>
-    {#if bonusamount}
-      <div class="BonusCardRow">
-        <p class="BonusCardRowTitle">{$_('bonusAmount')}</p>
-        <p class="BonusCardRowText">{bonusamount} {bonuscurrency}</p>
-      </div>
-    {/if}
-    {#if bonuswageringamount}
-      <div class="BonusCardRow">
-        <p class="BonusCardRowTitle">{$_('wageringAmount')}</p>
-        <p class="BonusCardRowText">{bonuswageringamount} {bonuscurrency}</p>
-      </div>
-    {/if}
-    {#if bonusremainingamount}
-      <div class="BonusCardRow">
-        <p class="BonusCardRowTitle">{$_('remainingBonus')}</p>
-        <p class="BonusCardRowText">{bonusremainingamount} {bonuscurrency}</p>
-      </div>
-    {/if}
-  </div>
-  {#if bonusstatus === 'active'}
-    <button class="DeleteBonus {isMobile ? 'DeleteBonusMobile' : ''}" on:click={deleteBonus}>{$_('forfeitBonus')}</button>
-  {/if}
-</div>
-<style lang="scss">
-  .BonusCard {
-    background-color: var(--emw--color-white, #FFFFFF);
-    padding: 10px 20px 20px;
-    border-radius: var(--emw--border-radius-large, 20px);
-    box-shadow: 0px 5px 12px 5px var(--emw--color-gray-100, #E6E6E6);
-  }
-  .BonusCardRow {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 2px 10px;
-    font-size: var(--emw--font-size-small, 14px);
-    .BonusCardRowTitle {
-      color: var(--emw--color-typography-cotrast, #444444);
-      font-weight: var(--emw--font-weight-bold, 700);
-      span {
-        font-weight: var(--emw--font-weigh-normal, 400);
-        color: var(--emw--color-gray-300, #58586B);
-      }
-    }
-    .BonusCardRowText {
-      color: var(--emw--color-gray-300, #58586B);
-      &.BonusCardStatus {
-        font-weight: var(--emw--font-weight-bold, 700);
-        color: vvar(--emw--color-typography-cotrast, #444444);
-      }
-      &.StatusActive {
-        color: var(--emw--color-valid, #48952a);
-      }
-      &.StatusExpired {
-        color: var(--emw--color-error, #FD2839);
-      }
-      &.StatusForfeited {
-        color: #fd8c2d;
-      }
-      &.TextCapitalize {
-        text-transform: capitalize;
-      }
-    }
-    &:nth-child(even) {
-      background-color: var(--emw--color-gray-50, #F9F8F8);
-      border-radius: var(--emw--border-radius-small, 5px);
-    }
-  }
-  .DeleteBonus {
-    background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
-    border: 1px solid var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
-    color: var(--emw--button-typography, var(--emw--color-white, #FFFFFF));
-    cursor: pointer;
-    border-radius: var(--emw--border-radius-small, 5px);
-    width: 50%;
-    height: 44px;
-    font-size: var(--emw--font-size-medium, 15px);
-    text-transform: uppercase;
-    text-align: center;
-    transition-duration: 0.3s;
-    box-sizing: border-box;
-    padding: 10px;
-    margin-top: 10px;
-    &.DeleteBonusMobile {
-      width: 100%;
-    }
-    &:active {
-      background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
-    }
-  }
-</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 PlayerBonusCard from './PlayerBonusCard.svelte';
-!customElements.get('player-bonus-card') && customElements.define('player-bonus-card', PlayerBonusCard);
-export default PlayerBonusCard;

package/src/translations.js DELETED Viewed

@@ -1,142 +0,0 @@
-export const TRANSLATIONS = {
-  "en": {
-    "date": "Granted date:",
-    "bonusName": "Bonus Name",
-    "bonusType": "Bonus Type",
-    "bonusAmount": "Bonus Amount",
-    "wageringAmount": "Wagering Progress (Rollover)",
-    "remainingBonus": "Current Bonus Balance",
-    "forfeitBonus": "Forfeit Bonus",
-    "active": "active",
-    "released": "released",
-    "expired": "expired",
-    "forfeited": "forfeited",
-    "closed": "closed"
-  },
-  "zh-hk": {
-    "date": "授予日期：",
-    "bonusName": "獎金名稱",
-    "bonusType": "獎金類型",
-    "bonusAmount": "獎金金額",
-    "wageringAmount": "投注進展",
-    "remainingBonus": "剩餘紅利金額",
-    "forfeitBonus": "沒收獎金",
-    "active": "active",
-    "released": "released",
-    "expired": "expired",
-    "forfeited": "forfeited",
-    "closed": "closed"
-  },
-  "fr": {
-    "date": "Date d'attribution:",
-    "bonusName": "Nom du bonus",
-    "bonusType": "Type de bonus",
-    "bonusAmount": "Montant du bonus",
-    "wageringAmount": "Changer les progrès",
-    "remainingBonus": "Montant du bonus restant",
-    "forfeitBonus": "Supprimer le bonus",
-    "active": "active",
-    "released": "released",
-    "expired": "expired",
-    "forfeited": "forfeited",
-    "closed": "fermé"
-  },
-  "ro": {
-    "date": "Dată Alocare:",
-    "bonusName": "Nume bonus",
-    "bonusType": "Tip de bonus",
-    "bonusAmount": "Sumă",
-    "wageringAmount": "Progresul de pariere",
-    "remainingBonus": "Bonus rămas",
-    "forfeitBonus": "Anulează bonusul",
-    "active": "active",
-    "released": "released",
-    "expired": "expired",
-    "forfeited": "forfeited",
-    "closed": "închis"
-  },
-  "es": {
-    "date": "Fecha de Canje",
-    "bonusName": "Nombre de Bono",
-    "bonusType": "Tipo de Bono",
-    "bonusAmount": "Monto de Bono",
-    "wageringAmount": "Progreso ( Rollover)",
-    "remainingBonus": "Saldo Actual de Bono",
-    "forfeitBonus": "cancelar bono",
-    "active": "Activo",
-    "released": "released",
-    "expired": "expired",
-    "forfeited": "forfeited",
-    "closed": "cerrado"
-  },
-  "pt": {
-    "date": "Data de atribuição do bônus:",
-    "bonusName": "Nome do bônus",
-    "bonusType": "Tipo de bônus",
-    "bonusAmount": "Valor do bônus",
-    "wageringAmount": "Progresso de apostas",
-    "remainingBonus": "Valor do bônus restante",
-    "forfeitBonus": "Bônus de Perda",
-    "active": "active",
-    "released": "released",
-    "expired": "expired",
-    "forfeited": "forfeited",
-    "closed": "fechado"
-  },
-  "hr": {
-    "date": "Datum:",
-    "bonusName": "Ime bonusa",
-    "bonusType": "Vrsta bonusa",
-    "bonusAmount": "Iznos bonusa",
-    "wageringAmount": "Odigravanje",
-    "remainingBonus": "Trenutno stanje bonusa",
-    "forfeitBonus": "Otkaži bonus",
-    "active": "aktivan",
-    "released": "razriješen",
-    "expired": "Istekao",
-    "forfeited": "otkazan",
-    "closed": "Zatvoren"
-  },
-  "pt-br": {
-    "date": "Data concedida:",
-    "bonusName": "Nome do bônus:",
-    "bonusType": "Tipo de bônus:",
-    "bonusAmount": "Valor do bônus:",
-    "wageringAmount": "Progresso da Quantidade de Apostas (Rollover)",
-    "remainingBonus": "Saldo atual de bônus:",
-    "forfeitBonus": "Recusar bônus",
-    "active": "Ativo",
-    "released": "Lançado",
-    "expired": "Expirado",
-    "forfeited": "Perdido",
-    "closed": "fechado"
-  },
-  "es-mx": {
-    "date": "Fecha concedida:",
-    "bonusName": "Nombre de bono:",
-    "bonusType": "Tipo de Bono:",
-    "bonusAmount": "valor de Bono:",
-    "wageringAmount": "Progreso de monto de apuestas (Rollover)",
-    "remainingBonus": "Saldo de bono actual:",
-    "forfeitBonus": "Declinar bono",
-    "active": "Activo",
-    "released": "Liberado",
-    "expired": "Expirado",
-    "forfeited": "Perdido",
-    "closed": "cerrado"
-  },
-  "tr": {
-    "date": "Verilen tarih:",
-    "bonusName": "Bonus Adı",
-    "bonusType": "Bonus Türü",
-    "bonusAmount": "Bonus Tutarı",
-    "wageringAmount": "Bahis İlerlemesi (Rollover)",
-    "remainingBonus": "Mevcut Bonus Bakiyesi",
-    "forfeitBonus": "Fesih Bonusu",
-    "active": "aktif",
-    "released": "piyasaya sürülmüş",
-    "expired": "günü geçmiş",
-    "forfeited": "kaybedilen",
-    "closed": "kapalı"
-  }
-}

package/stories/PlayerBonusCard.stories.js DELETED Viewed

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

package/tsconfig.json DELETED Viewed

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