npm - @everymatrix/player-account-gaming-limits - Versions diffs - 1.44.0 → 1.45.2 - Mend

@everymatrix/player-account-gaming-limits 1.44.0 → 1.45.2

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 (29) hide show

package/components/PlayerAccountGamingLimits-BhZh042a.js +5251 -0
package/components/PlayerAccountGamingLimits-viRNSgkd.cjs +8 -0
package/components/PlayerAccountGamingLimitsConfirmationModal-Bb1_bXSm.cjs +1 -0
package/components/PlayerAccountGamingLimitsConfirmationModal-DoJuz29x.js +306 -0
package/components/PlayerAccountGamingLimitsGroupEdit-9nPccBBm.js +4148 -0
package/components/PlayerAccountGamingLimitsGroupEdit-BlFJYk5p.cjs +10 -0
package/components/PlayerAccountGamingLimitsInfoCard-Bgg-oksy.cjs +1 -0
package/components/PlayerAccountGamingLimitsInfoCard-C6mt1_vl.js +1488 -0
package/components/PlayerAccountGamingLimitsPopup-BnvMrqy8.cjs +1 -0
package/components/PlayerAccountGamingLimitsPopup-Dd_w3Jrl.js +339 -0
package/components/PlayerAccountModal-C0S3GOGp.js +198 -0
package/components/PlayerAccountModal-CJumHBfB.cjs +1 -0
package/es2015/player-account-gaming-limits.cjs +1 -0
package/es2015/player-account-gaming-limits.js +16 -0
package/package.json +17 -32
package/README.md +0 -30
package/dist/player-account-gaming-limits.js +0 -4
package/dist/player-account-gaming-limits.js.map +0 -1
package/index.html +0 -37
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/PlayerAccountGamingLimits.svelte +0 -308
package/src/i18n.js +0 -27
package/src/index.ts +0 -4
package/src/translations.js +0 -82
package/stories/PlayerAccountGamingLimits.stories.js +0 -13
package/tsconfig.json +0 -6

package/index.html DELETED Viewed

@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
-	<title>
-    player-account-gaming-limits
-  </title>
-  <link rel="stylesheet" href="public/reset.css">
-	<script src='dist/player-account-gaming-limits.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> player-account-gaming-limits
-    </h1>
-  </header>
-  <div class="webcomponent">
-    <player-account-gaming-limits></player-account-gaming-limits>
-  </div>
-</body>
-</html>

package/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import './dist/player-account-gaming-limits.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-account-gaming-limits.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/PlayerAccountGamingLimits.svelte DELETED Viewed

@@ -1,308 +0,0 @@
-<svelte:options tag={null} />
-<script lang="ts">
-  import { getDevice } from 'rvhelper';
-  import { onMount, tick } from "svelte";
-  import { _, addNewMessages, setLocale } from './i18n';
-  import { TRANSLATIONS } from './translations';
-  import '@everymatrix/player-account-gaming-limits-info-card';
-  export let depositlimit:any;
-  export let wageringlimit:any;
-  export let losslimit:any;
-  export let timelimit:any;
-  export let showdeletenotification:boolean = false;
-  export let showsuccessnotification:boolean = false;
-  export let lang:string = 'en';
-  export let playercurrency:string = '';
-  export let separatelimits:string = 'true';
-  export let clientstyling:string = '';
-  export let clientstylingurl:string = '';
-  export let translationurl: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) => {
-    addNewMessages(item, TRANSLATIONS[item]);
-  });
-  let customStylingContainer:HTMLElement;
-  let isLoading:boolean = true;
-  let userAgent:String = window.navigator.userAgent;
-  let isMobile = (getDevice(userAgent) === 'PC') ? false : true;
-  let editLimitData:any;
-  let editLimitName:string = '';
-  let limitsGroupView:boolean = true;
-  let depositLimitName = 'Deposit Limit';
-  let wageringLimitName = 'Wagering Limit';
-  let lossLimitName = 'Loss Limit';
-  let timeLimitName = 'Time Limit';
-  const mediaQuery = window.matchMedia('(min-width: 768px)');
-  const toggleScreen = () => {
-    window.postMessage({type: 'PlayerAccountMenuActive', isMobile}, window.location.href);
-  }
-  const setActiveLanguage = () => {
-    setLocale(lang);
-  }
-  const getLimitdata = (limitData) => {
-    window.postMessage({type: 'GetLimitData', limit: limitData}, window.location.href);
-  }
-  const messageHandler = (e:any) => {
-    if (e.data) {
-      switch(e.data.type) {
-        case 'PlayerLimitsData':
-          lang = e.data.limits.lang;
-          depositlimit = e.data.limits.depositlimit;
-          wageringlimit = e.data.limits.wageringlimit;
-          losslimit = e.data.limits.losslimit;
-          timelimit = e.data.limits.timelimit;
-          isLoading = false;
-          break;
-        case 'EditPlayerAccountGamingLimits':
-          editLimitData = e.data.edit;
-          editLimitName = e.data.name;
-          limitsGroupView = false;
-          window.postMessage({ type: 'EditPlayerLimit', name: editLimitName }, window.location.href);
-          window.postMessage({ type: 'ScrollToTop'}, window.location.href);
-          break;
-        case 'PlayerAccountBackToLimitsView':
-          limitsGroupView = true;
-          break;
-        case 'ProfileDetailsData':
-          let profileDetails:any = e.data.profileDetails;
-          playercurrency = profileDetails.currency;
-          break;
-      }
-    }
-  }
-  const setClientStyling = ():void => {
-    let sheet = 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);
-      });
-  }
-  onMount(() => {
-    window.addEventListener('message', messageHandler, false);
-    return () => {
-      window.removeEventListener('message', messageHandler);
-    }
-  });
-  $: lang && setActiveLanguage();
-  $: clientstyling && customStylingContainer && setClientStyling();
-  $: clientstylingurl && customStylingContainer && setClientStylingURL();
-  $: translationurl && setTranslationUrl();
-</script>
-<div bind:this={customStylingContainer}>
-  {#if isLoading}
-    <div class="ModalLoader"></div>
-  {:else}
-    {#if limitsGroupView}
-      <div class="PlayerAccountGamingLimitsWrapper {isMobile ? 'PlayerAccountMobileGamingLimitsWrapper' : ''} {mediaQuery.matches && isMobile ? 'PlayerAccountTabletGamingLimitsWrapper' : ''}">
-        {#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(--emfe-w-pam-color-primary, 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="PlayerGamingLimitsTitleMobile">{$_('gamingLimitsText')}</h2>
-          </div>
-        {/if}
-        <h2 class="PlayerGamingLimitsTitle {isMobile ? 'PlayerGamingLimitsTitleNone' : ''}">{$_('gamingLimitsText')}</h2>
-        <div class="PlayerAccountGamingLimitsContainer">
-          <player-account-gaming-limits-info-card
-            limitsdata={depositlimit}
-            limitname={depositLimitName}
-            {playercurrency}
-            {lang}
-            {clientstyling}
-            {clientstylingurl}
-          ></player-account-gaming-limits-info-card>
-          <player-account-gaming-limits-info-card
-            limitsdata={wageringlimit}
-            limitname={wageringLimitName}
-            {playercurrency}
-            {lang}
-            {clientstyling}
-            {clientstylingurl}
-          ></player-account-gaming-limits-info-card>
-          <player-account-gaming-limits-info-card
-            limitsdata={losslimit}
-            limitname={lossLimitName}
-            {playercurrency}
-            {lang}
-            {clientstyling}
-            {clientstylingurl}
-          ></player-account-gaming-limits-info-card>
-          <player-account-gaming-limits-info-card
-            limitsdata={timelimit}
-            limitname={timeLimitName}
-            {playercurrency}
-            {lang}
-            {clientstyling}
-            {clientstylingurl}
-          ></player-account-gaming-limits-info-card>
-        </div>
-      </div>
-    {:else}
-      <player-account-gaming-limits-group-edit
-        limitsdata={editLimitData}
-        limitname={editLimitName}
-        {showsuccessnotification}
-        {showdeletenotification}
-        {playercurrency}
-        {lang}
-        {separatelimits}
-        {clientstyling}
-        {clientstylingurl}
-      ></player-account-gaming-limits-group-edit>
-    {/if}
-  {/if}
-</div>
-<style lang="scss">
-  .PlayerAccountGamingLimitsWrapper {
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
-    padding: 50px;
-    max-width: 760px;
-    .PlayerAccountGamingLimitsHeader {
-      h3 {
-        font-size: 24px;
-        font-weight: 400;
-        text-transform: capitalize;
-      }
-      .PlayerAccountGamingLimitsMobileTitle {
-        font-size: 16px;
-        font-weight: 400;
-      }
-    }
-  }
-  .PlayerGamingLimitsTitle {
-    font-size: 26px;
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
-    font-weight: 400;
-  }
-  .PlayerGamingLimitsTitleMobile {
-    font-size: 16px;
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
-  }
-  .PlayerGamingLimitsTitleNone {
-    display: none;
-  }
-  .MenuReturnButton{
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
-    display: inline-flex;
-    align-items: center;
-    column-gap: 10px;
-    margin-bottom: 10px;
-    & svg {
-      fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
-    }
-  }
-  .PlayerAccountMobileGamingLimitsWrapper {
-    padding: 20px 15px;
-    background: var(--emfe-w-color-white, #FFFFFF);
-    max-width: unset;
-  }
-  .PlayerAccountTabletGamingLimitsWrapper {
-    padding: 40px 25% 40px 25%;
-  }
-  .PlayerAccountGamingLimitsContainer {
-    width: 100%;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-    row-gap: 30px;
-    column-gap: 30px;
-  }
-  .PlayerAccountSuccessfulRemoveContainer {
-    background: var(--emfe-w-color-primary-50, #FBECF4);
-    border: 1px solid var(--emfe-w-color-primary-100, #F1BED9);
-    font-size: 16px;
-    font-weight: 300;
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
-    border-radius: 5px;
-    padding: 10px;
-    margin-bottom: 20px;
-    p {
-      margin: 0;
-    }
-  }
-  .ModalLoader {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 50%;
-    width: 300px;
-    height: 300px;
-    margin: 0 auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .ModalLoader:after {
-    content: " ";
-    display: block;
-    width: 64px;
-    height: 64px;
-    margin: 8px;
-    border-radius: 50%;
-    border: 5px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
-    border-color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C)) transparent var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C)) transparent;
-    animation: Loader 1.2s linear infinite;
-  }
-  @keyframes Loader {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-</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 PlayerAccountGamingLimits from './PlayerAccountGamingLimits.svelte';
-!customElements.get('player-account-gaming-limits') && customElements.define('player-account-gaming-limits', PlayerAccountGamingLimits);
-export default PlayerAccountGamingLimits;

package/src/translations.js DELETED Viewed

@@ -1,82 +0,0 @@
-export const TRANSLATIONS = {
-  "en": {
-    "returnToMenu": "Return to menu",
-    "gamingLimitsText": "Gaming limits",
-    "depositLimit": "Deposit Limit",
-    "timeLimit": "Time Limit",
-    "wageringLimit": "Wagering Limit",
-    "lossLimit": "Loss Limit"
-  },
-  "zh-hk": {
-    "returnToMenu": "返回菜單",
-    "gamingLimitsText": "遊戲限制",
-    "depositLimit": "存款限額",
-    "timeLimit": "時限t",
-    "wageringLimit": "投注限額",
-    "lossLimit": "損失限額"
-  },
-  "fr": {
-    "returnToMenu": "Retour au menu",
-    "gamingLimitsText": "Limites de jeu",
-    "depositLimit": "Limite de dépôt",
-    "timeLimit": "Limite de temps",
-    "wageringLimit": "Limite de mise",
-    "lossLimit": "Limite de perte"
-  },
-  "ro": {
-    "returnToMenu": "Înapoi la meniu",
-    "gamingLimitsText": "Limite de joc",
-    "depositLimit": "Limită de depunere",
-    "timeLimit": "Limită de timp",
-    "wageringLimit": "Limită de pariere",
-    "lossLimit": "Limită de pierdere"
-  },
-  "es": {
-    "returnToMenu": "Regresar al menu",
-    "gamingLimitsText": "Límites de juego",
-    "depositLimit": "Límite de depósito",
-    "timeLimit": "Límite de tiempo",
-    "wageringLimit": "Límite de apuestas",
-    "lossLimit": "Límite de pérdida"
-  },
-  "pt": {
-    "returnToMenu": "Voltar ao Menu",
-    "gamingLimitsText": "Limites de jogos",
-    "depositLimit": "Limite de Depósito",
-    "timeLimit": "Limite de tempo",
-    "wageringLimit": "Limite de apostas",
-    "lossLimit": "Limite de Perda"
-  },
-  "hr": {
-    "returnToMenu": "Povratak na izbornik",
-    "gamingLimitsText": "Ograničenja igranja",
-    "depositLimit": "Ograničenje uplate",
-    "timeLimit": "Vremensko ograničenje",
-    "wageringLimit": "Ograničenje igranja",
-    "lossLimit": "Ograničenje gubitka"
-  },
-  "pt-br": {
-    "returnToMenu": "Voltar ao cardápio",
-    "gamingLimitsText": "Limites do jogo",
-    "depositLimit": "Limites de depósito",
-    "timeLimit": "Limite de tempo",
-    "wageringLimit": "Limite de aposta",
-    "lossLimit": "Limite de perda"
-  },
-  "es-mx": {
-    "returnToMenu": "Regresar al menú",
-    "gamingLimitsText": "Límites de juego",
-    "depositLimit": "Límites de depósito",
-    "timeLimit": "Límite de tiempo",
-    "wageringLimit": "Límite de apuesta",
-    "lossLimit": "Límite de pérdidas"
-  },
-  "tr": {
-    "returnToMenu": "Menüye dön",
-    "gamingLimitsText": "Oyun sınırları",
-    "depositLimit": "Para Yatırma Limiti",
-    "timeLimit": "Zaman sınırı",
-    "wageringLimit": "Bahis Limiti",
-    "lossLimit": "Kayıp Limiti"
-  }
-}

package/stories/PlayerAccountGamingLimits.stories.js DELETED Viewed

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

package/tsconfig.json DELETED Viewed

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