@everymatrix/player-account-gaming-limits-wrapper-2 1.44.0 → 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.
- package/components/PlayerAccountGamingLimitsHistory2-BZJIzRes.cjs +5 -0
- package/components/PlayerAccountGamingLimitsHistory2-D27aKXo9.js +5009 -0
- package/components/PlayerAccountGamingLimitsPage2Gm16-9taH2tfT.js +2794 -0
- package/components/PlayerAccountGamingLimitsPage2Gm16-BBclNse5.cjs +21 -0
- package/components/PlayerAccountGamingLimitsWrapper2-C0CHa5rX.cjs +1 -0
- package/components/PlayerAccountGamingLimitsWrapper2-FA5ZPeJQ.js +844 -0
- package/es2015/player-account-gaming-limits-wrapper-2.cjs +1 -0
- package/es2015/player-account-gaming-limits-wrapper-2.js +19 -0
- package/package.json +18 -32
- package/CHANGELOG.md +0 -6
- package/README.md +0 -30
- package/dist/player-account-gaming-limits-wrapper-2.js +0 -2
- package/dist/player-account-gaming-limits-wrapper-2.js.map +0 -1
- package/documentation.md +0 -61
- package/index.html +0 -48
- package/index.js +0 -1
- package/public/favicon.png +0 -0
- package/public/reset.css +0 -48
- package/rollup.config.js +0 -58
- package/src/PlayerAccountGamingLimitsWrapper_2.svelte +0 -299
- package/src/i18n.js +0 -27
- package/src/index.ts +0 -4
- package/src/translations.js +0 -32
- package/stories/PlayerAccountGamingLimitsWrapper_2.stories.js +0 -13
- package/tsconfig.json +0 -5
package/documentation.md
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
# Installation
|
|
2
|
-
|
|
3
|
-
## Installing via NPM
|
|
4
|
-
|
|
5
|
-
Installing the gaming limits wrapper widget via NPM is the recommended way of adding it to your project, if you want to use it in a bundle. Since the widgets are versioned, you can load a specific version - or the latest version - based on your needs, from the `package.json file`, simply by adding it as a dependency and then installing the packages by running `npm install`:
|
|
6
|
-
```json
|
|
7
|
-
"dependencies": {
|
|
8
|
-
"@everymatrix/player-account-gaming-limits-wrapper-2": "^0.0.xxx"
|
|
9
|
-
},
|
|
10
|
-
```
|
|
11
|
-
### Displaying the widget
|
|
12
|
-
|
|
13
|
-
After the widget is imported inside your project either the NPM way or via CND, in order to display the widget you simply need to place the `<player-account-gaming-limits-wrapper-2></player-account-gaming-limits-wrapper-2>` tag (along with the appropriate attributes) on the page or in the specific container you would like to have it displayed. Please see the example below:
|
|
14
|
-
|
|
15
|
-
*note that the values below are hardcoded for the purposes of clarifying what type of data we expect*
|
|
16
|
-
```html
|
|
17
|
-
<player-account-gaming-limits-wrapper-2
|
|
18
|
-
userid="4227961"
|
|
19
|
-
session="07df389b-eaf9-4981-9694-375c391e70ad"
|
|
20
|
-
endpoint="https://betathome-com-stage-api.stage.norway.everymatrix.com"
|
|
21
|
-
currency = 'EUR'
|
|
22
|
-
lang="en"
|
|
23
|
-
|
|
24
|
-
includedlimits = "deposit, wager loss, wager loss deposit"
|
|
25
|
-
tablabels = 'Deposit, Wager, All'
|
|
26
|
-
historyenabled = "true"
|
|
27
|
-
|
|
28
|
-
clientstyling = ''
|
|
29
|
-
clientstylingurl = ''
|
|
30
|
-
>
|
|
31
|
-
</player-account-gaming-limits-wrapper-2>
|
|
32
|
-
```
|
|
33
|
-
|
|
34
|
-
## Parameters of the widget
|
|
35
|
-
___
|
|
36
|
-
| parameter | mandatory | description |
|
|
37
|
-
|---|:---:|---|
|
|
38
|
-
| userid | yes | id of the logged in user |
|
|
39
|
-
| session | yes | session id |
|
|
40
|
-
| endpoint | yes | gm core endpoint |
|
|
41
|
-
| currency | yes | user currency (ex. "EUR") |
|
|
42
|
-
| lang | yes | language code (ex. "en") |
|
|
43
|
-
| includedlimits | yes | Which limits to include in how many tabs. A string with limit codes. Separating limit codes by spaces yields a single page with multiple limits. Separating them by commas yields multiple pages with their respective limits. These can be combined to customize which limits exist on which pages. Valid limit codes: "deposit", "loss", "wager". Example of valid string: "deposit, wager loss, wager loss deposit". This will yield three pages (selectable through tabs). The first page will render a single deposit limit. The second page will render the wager limit and the loss limit. The third page will render all three. If you don't include commas, there will be a single page, and no tabs will be rendered. You can create any number of tabs, but more than 4 generally looks bad on mobile.|
|
|
44
|
-
| tablabels | no | A string with labels separated by commas for the rendered tabs in order to give a different name to each tab. These should be translated during *integration for each language supported by the operator*|
|
|
45
|
-
| historyenabled | no | "true" to enable limit history |
|
|
46
|
-
| clientstyling | no | inline styling string. Ex.:".class{property: value}" |
|
|
47
|
-
| clientstylingurl | no | external css file. Ex.: "/media/examples/link-element-example.css" |
|
|
48
|
-
|
|
49
|
-
## Widget Events
|
|
50
|
-
___
|
|
51
|
-
The widget can send Javascript events to the template website through postMessage(). This one doesn't.
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
package/index.html
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset='utf-8'>
|
|
5
|
-
<meta name='viewport' content='width=device-width,initial-scale=1'>
|
|
6
|
-
|
|
7
|
-
<title>
|
|
8
|
-
player-account-gaming-limits-wrapper-2
|
|
9
|
-
</title>
|
|
10
|
-
<link rel="stylesheet" href="public/reset.css">
|
|
11
|
-
<style>
|
|
12
|
-
body {
|
|
13
|
-
background: #E8E9EB;
|
|
14
|
-
}
|
|
15
|
-
</style>
|
|
16
|
-
<script src='dist/player-account-gaming-limits-wrapper-2.js'></script>
|
|
17
|
-
</head>
|
|
18
|
-
|
|
19
|
-
<body>
|
|
20
|
-
<style>
|
|
21
|
-
html,body { margin: 0; padding: 0; height: 100%; font-family: "Helvetica Neue", "Helvetica", sans-serif; }
|
|
22
|
-
.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); }
|
|
23
|
-
.header__logo svg { height: 50px; width: 50px; margin-right: 5px; }
|
|
24
|
-
.header__name { color: #fff; }
|
|
25
|
-
.header__name span { margin-right: 10px; font-weight: bold; }
|
|
26
|
-
.webcomponent { padding: 10px 20px; }
|
|
27
|
-
</style>
|
|
28
|
-
|
|
29
|
-
<div class="webcomponent">
|
|
30
|
-
<player-account-gaming-limits-wrapper-2
|
|
31
|
-
endpoint="https://tippmixpro-hu-api.stage.norway.everymatrix.com"
|
|
32
|
-
session="c89741ae-9165-4424-8f17-8eae7678d832"
|
|
33
|
-
userid="6207480"
|
|
34
|
-
currency="HUF"
|
|
35
|
-
lang="hu"
|
|
36
|
-
limitsamount="Sports(wager): 10-99999999, Sports(loss): 10-99999999 | Casino(wager): 10-99999999, Casino(loss): 10-99999999 | All(deposit):10-99999999"
|
|
37
|
-
limitsperiods="Sports(wager): D-W-M, Sports(loss): D-W-M | Casino(wager): D-W-M, Casino(loss): D-W-M | All(deposit): D-W-M"
|
|
38
|
-
tablabels="Sportfogadás, Virtuális sportok, Befizetési limit"
|
|
39
|
-
historyenabled="false"
|
|
40
|
-
apiversion="gm16"
|
|
41
|
-
clientstylingurl="https://storage.googleapis.com/css-upload/Tippmixpro-gaming-limits-widget-4.css"
|
|
42
|
-
translationurl="https://gist.githubusercontent.com/actal7/f3080e84b413feed7d762c677e728f51/raw/c8e6620622bfedce42732b82ccc061390a1f2659/gistfile1.txt"
|
|
43
|
-
customcurrencysymbols="EUR: €, HUF: Ft"
|
|
44
|
-
deletelimit="deposit,wager,loss"></player-account-gaming-limits-wrapper-2>
|
|
45
|
-
</div>
|
|
46
|
-
|
|
47
|
-
</body>
|
|
48
|
-
</html>
|
package/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './dist/player-account-gaming-limits-wrapper-2.js';
|
package/public/favicon.png
DELETED
|
Binary file
|
package/public/reset.css
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/* http://meyerweb.com/eric/tools/css/reset/
|
|
2
|
-
v2.0 | 20110126
|
|
3
|
-
License: none (public domain)
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
html, body, div, span, applet, object, iframe,
|
|
7
|
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
8
|
-
a, abbr, acronym, address, big, cite, code,
|
|
9
|
-
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
10
|
-
small, strike, strong, sub, sup, tt, var,
|
|
11
|
-
b, u, i, center,
|
|
12
|
-
dl, dt, dd, ol, ul, li,
|
|
13
|
-
fieldset, form, label, legend,
|
|
14
|
-
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
15
|
-
article, aside, canvas, details, embed,
|
|
16
|
-
figure, figcaption, footer, header, hgroup,
|
|
17
|
-
menu, nav, output, ruby, section, summary,
|
|
18
|
-
time, mark, audio, video {
|
|
19
|
-
margin: 0;
|
|
20
|
-
padding: 0;
|
|
21
|
-
border: 0;
|
|
22
|
-
font-size: 100%;
|
|
23
|
-
font: inherit;
|
|
24
|
-
vertical-align: baseline;
|
|
25
|
-
}
|
|
26
|
-
/* HTML5 display-role reset for older browsers */
|
|
27
|
-
article, aside, details, figcaption, figure,
|
|
28
|
-
footer, header, hgroup, menu, nav, section {
|
|
29
|
-
display: block;
|
|
30
|
-
}
|
|
31
|
-
body {
|
|
32
|
-
line-height: 1;
|
|
33
|
-
}
|
|
34
|
-
ol, ul {
|
|
35
|
-
list-style: none;
|
|
36
|
-
}
|
|
37
|
-
blockquote, q {
|
|
38
|
-
quotes: none;
|
|
39
|
-
}
|
|
40
|
-
blockquote:before, blockquote:after,
|
|
41
|
-
q:before, q:after {
|
|
42
|
-
content: '';
|
|
43
|
-
content: none;
|
|
44
|
-
}
|
|
45
|
-
table {
|
|
46
|
-
border-collapse: collapse;
|
|
47
|
-
border-spacing: 0;
|
|
48
|
-
}
|
package/rollup.config.js
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import svelte from 'rollup-plugin-svelte';
|
|
2
|
-
import commonjs from '@rollup/plugin-commonjs';
|
|
3
|
-
import resolve from '@rollup/plugin-node-resolve';
|
|
4
|
-
import serve from 'rollup-plugin-dev-server';
|
|
5
|
-
import livereload from 'rollup-plugin-livereload';
|
|
6
|
-
import { terser } from 'rollup-plugin-terser';
|
|
7
|
-
import sveltePreprocess from 'svelte-preprocess';
|
|
8
|
-
import typescript from '@rollup/plugin-typescript';
|
|
9
|
-
const production = process.env.NODE_ENV === 'production';
|
|
10
|
-
const dev = process.env.NODE_ENV === 'development';
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
input: 'src/index.ts',
|
|
14
|
-
output: {
|
|
15
|
-
sourcemap: true,
|
|
16
|
-
format: 'umd',
|
|
17
|
-
name: 'app',
|
|
18
|
-
file: 'dist/player-account-gaming-limits-wrapper-2.js'
|
|
19
|
-
},
|
|
20
|
-
plugins: [
|
|
21
|
-
svelte({
|
|
22
|
-
preprocess: sveltePreprocess(),
|
|
23
|
-
compilerOptions: {
|
|
24
|
-
// enable run-time checks when not in production
|
|
25
|
-
customElement: true,
|
|
26
|
-
dev: !production
|
|
27
|
-
}
|
|
28
|
-
}),
|
|
29
|
-
commonjs(),
|
|
30
|
-
resolve({
|
|
31
|
-
browser: true,
|
|
32
|
-
dedupe: ['svelte']
|
|
33
|
-
}),
|
|
34
|
-
dev && serve({
|
|
35
|
-
open: true,
|
|
36
|
-
verbose: true,
|
|
37
|
-
allowCrossOrigin: true,
|
|
38
|
-
historyApiFallback: false,
|
|
39
|
-
host: 'localhost',
|
|
40
|
-
port: 5050,
|
|
41
|
-
}),
|
|
42
|
-
dev && livereload({ watch: ['', 'dist'] }),
|
|
43
|
-
typescript({
|
|
44
|
-
sourceMap: !production,
|
|
45
|
-
inlineSources: !production,
|
|
46
|
-
}),
|
|
47
|
-
// If we're building for production (npm run build
|
|
48
|
-
// instead of npm run dev), minify
|
|
49
|
-
terser({
|
|
50
|
-
output: {
|
|
51
|
-
comments: false
|
|
52
|
-
},
|
|
53
|
-
})
|
|
54
|
-
],
|
|
55
|
-
watch: {
|
|
56
|
-
clearScreen: false
|
|
57
|
-
}
|
|
58
|
-
};
|
|
@@ -1,299 +0,0 @@
|
|
|
1
|
-
<svelte:options tag={null} />
|
|
2
|
-
|
|
3
|
-
<script lang="ts">
|
|
4
|
-
import { onMount } from 'svelte';
|
|
5
|
-
import { getDevice } from 'rvhelper';
|
|
6
|
-
import { _, addNewMessages, setupI18n } from './i18n';
|
|
7
|
-
import { TRANSLATIONS } from './translations';
|
|
8
|
-
|
|
9
|
-
import '@everymatrix/player-account-gaming-limits-page-2-gm16';
|
|
10
|
-
import '@everymatrix/player-account-gaming-limits-history-2';
|
|
11
|
-
|
|
12
|
-
export let lang:string = '';
|
|
13
|
-
export let userid:string = '';
|
|
14
|
-
export let session:string = '';
|
|
15
|
-
export let endpoint:string = '';
|
|
16
|
-
export let currency:string = '';
|
|
17
|
-
export let apiversion:string = '';
|
|
18
|
-
|
|
19
|
-
export let tablabels:string = '';
|
|
20
|
-
export let historyenabled:string = "true";
|
|
21
|
-
export let enablecompliancetext:string = 'false';
|
|
22
|
-
|
|
23
|
-
export let deletelimit:string = '';
|
|
24
|
-
export let limitsamount:string = '';
|
|
25
|
-
export let limitsperiods:string = '';
|
|
26
|
-
export let numberofentries:string = '';
|
|
27
|
-
export let customcurrencysymbols:string = '';
|
|
28
|
-
|
|
29
|
-
export let clientstyling:string = '';
|
|
30
|
-
export let clientstylingurl:string = '';
|
|
31
|
-
export let translationurl:string = '';
|
|
32
|
-
|
|
33
|
-
setupI18n({ withLocale: 'en', translations: {}});
|
|
34
|
-
|
|
35
|
-
let isLoading:boolean = true;
|
|
36
|
-
let customStylingContainer:HTMLElement;
|
|
37
|
-
let limitTabs:Array<any> = [];
|
|
38
|
-
|
|
39
|
-
let tabLabelArray:Array<string>;
|
|
40
|
-
let mainContainer:HTMLElement | undefined = undefined;
|
|
41
|
-
let tabsContainer:HTMLElement | undefined = undefined;
|
|
42
|
-
|
|
43
|
-
let amountsArray:Array<string>;
|
|
44
|
-
let periodsArray:Array<string>;
|
|
45
|
-
|
|
46
|
-
let userAgent:string = window.navigator.userAgent;
|
|
47
|
-
let isMobile:boolean = (getDevice(userAgent) === 'PC') ? false : true;
|
|
48
|
-
|
|
49
|
-
const setTranslationUrl = ():void => {
|
|
50
|
-
let url:string = translationurl;
|
|
51
|
-
|
|
52
|
-
fetch(url).then((res:any) => res.json())
|
|
53
|
-
.then((res) => {
|
|
54
|
-
Object.keys(res).forEach((item:any):void => {
|
|
55
|
-
addNewMessages(item, res[item]);
|
|
56
|
-
});
|
|
57
|
-
}).catch((err:any) => {
|
|
58
|
-
console.log(err);
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
Object.keys(TRANSLATIONS).forEach((item:any) => {
|
|
63
|
-
addNewMessages(item, TRANSLATIONS[item]);
|
|
64
|
-
});
|
|
65
|
-
|
|
66
|
-
const unwrapLimitsConfig = (amounts:string, periods:string):void=> {
|
|
67
|
-
amountsArray = amounts.replace(/\s/g, '').split('|');
|
|
68
|
-
periodsArray = periods.replace(/\s/g, '').split('|');
|
|
69
|
-
|
|
70
|
-
if (amountsArray.length === 0) { throw new Error('Please provide a full limits configuration.') }
|
|
71
|
-
else if (amountsArray.length !== periodsArray.length) { throw new Error('Please make sure that the limit configuration parameters specify the same number of tabs.')};
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
const determineTabs = ():void => {
|
|
75
|
-
unwrapLimitsConfig(limitsamount, limitsperiods);
|
|
76
|
-
let limits = limitsamount.split('|');
|
|
77
|
-
limits.forEach(element => {
|
|
78
|
-
if (limitTabs.includes(element)) return;
|
|
79
|
-
limitTabs.push(element);
|
|
80
|
-
});
|
|
81
|
-
|
|
82
|
-
tabLabelArray = tablabels.split(',').map(word => word.trim());
|
|
83
|
-
isLoading = false;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
const selectTab = (index:number):void => {
|
|
87
|
-
if (mainContainer.children.length > 0) {
|
|
88
|
-
for (let i:number = 0; i < mainContainer.children.length; i++) {
|
|
89
|
-
if (index === i) {
|
|
90
|
-
mainContainer.children[i].classList.remove('hidden');
|
|
91
|
-
tabsContainer?.children[i].classList.add('selected');
|
|
92
|
-
} else {
|
|
93
|
-
mainContainer.children[i].classList.add('hidden');
|
|
94
|
-
tabsContainer?.children[i].classList.remove('selected');
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
const toggleScreen = ():void => {
|
|
101
|
-
window.postMessage({type: 'PlayerAccountMenuActive', isMobile}, window.location.href);
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
const setClientStyling = ():void => {
|
|
105
|
-
let sheet:HTMLElement = document.createElement('style');
|
|
106
|
-
sheet.innerHTML = clientstyling;
|
|
107
|
-
customStylingContainer.appendChild(sheet);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
const setClientStylingURL = ():void => {
|
|
111
|
-
let url:URL = new URL(clientstylingurl);
|
|
112
|
-
let cssFile:HTMLElement = document.createElement('style');
|
|
113
|
-
|
|
114
|
-
fetch(url.href)
|
|
115
|
-
.then((res:any) => res.text())
|
|
116
|
-
.then((data:any) => {
|
|
117
|
-
cssFile.innerHTML = data
|
|
118
|
-
|
|
119
|
-
setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
onMount(() => {
|
|
124
|
-
return () => {
|
|
125
|
-
mainContainer = null;
|
|
126
|
-
tabsContainer = null;
|
|
127
|
-
}
|
|
128
|
-
});
|
|
129
|
-
|
|
130
|
-
$: userid && session && endpoint && tablabels && lang && apiversion && determineTabs();
|
|
131
|
-
$: mainContainer && !isLoading && selectTab(0);
|
|
132
|
-
$: clientstylingurl && customStylingContainer && setClientStylingURL();
|
|
133
|
-
$: clientstyling && customStylingContainer && setClientStyling();
|
|
134
|
-
</script>
|
|
135
|
-
|
|
136
|
-
<svelte:head>
|
|
137
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
138
|
-
</svelte:head>
|
|
139
|
-
|
|
140
|
-
<div bind:this={customStylingContainer}>
|
|
141
|
-
<div class="GamingLimitsWrapper {isMobile ? 'GamingLimitsWrapperMobile' : ''}">
|
|
142
|
-
<div class="TitleSection">
|
|
143
|
-
{#if isMobile}
|
|
144
|
-
<div class="MenuReturnButton" part="MenuReturnButton" on:click={() => toggleScreen()}>
|
|
145
|
-
<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-pink-500, #D0046C));}</style></defs><g transform="translate(-20 -158)">
|
|
146
|
-
<g transform="translate(20 158)">
|
|
147
|
-
<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)"/>
|
|
148
|
-
</g></g>
|
|
149
|
-
</svg>
|
|
150
|
-
<h2 class="GamingLimitsTitleMobile">{$_('title')}</h2>
|
|
151
|
-
</div>
|
|
152
|
-
{/if}
|
|
153
|
-
<h2 class="GamingLimitsTitle {isMobile ? 'GamingLimitsTitleNone' : ''}">{$_('title')}</h2>
|
|
154
|
-
</div>
|
|
155
|
-
{#if isLoading}
|
|
156
|
-
<!-- Just show nothing, this is loading exposed attributes, not making a fetch. It takes an instant, but prevents nested widgets from rendering with empty attributes -->
|
|
157
|
-
{:else}
|
|
158
|
-
{#if limitTabs.length > 1}
|
|
159
|
-
<div class="TabsContainer" bind:this={tabsContainer}>
|
|
160
|
-
{#each limitTabs as limit,i}
|
|
161
|
-
<div class="LimitsTab" on:click={() => selectTab(i)}>{tabLabelArray[i] ?? limit}</div>
|
|
162
|
-
{/each}
|
|
163
|
-
</div>
|
|
164
|
-
{/if}
|
|
165
|
-
<div class="PlayerAccountGamingLmitsWrapper2" bind:this={mainContainer}>
|
|
166
|
-
{#each limitTabs as _, i}
|
|
167
|
-
<player-account-gaming-limits-page-2-gm16 class="hidden selected"
|
|
168
|
-
{lang}
|
|
169
|
-
{currency}
|
|
170
|
-
amountsconfig = {amountsArray[i]}
|
|
171
|
-
periodsconfig = {periodsArray[i]}
|
|
172
|
-
limittabindex = {i + 1}
|
|
173
|
-
{userid}
|
|
174
|
-
{deletelimit}
|
|
175
|
-
{enablecompliancetext}
|
|
176
|
-
{session}
|
|
177
|
-
{endpoint}
|
|
178
|
-
{apiversion}
|
|
179
|
-
{clientstyling}
|
|
180
|
-
{clientstylingurl}
|
|
181
|
-
{translationurl}
|
|
182
|
-
{customcurrencysymbols}
|
|
183
|
-
></player-account-gaming-limits-page-2-gm16>
|
|
184
|
-
{/each}
|
|
185
|
-
</div>
|
|
186
|
-
{#if historyenabled === 'true'}
|
|
187
|
-
<player-account-gaming-limits-history-2
|
|
188
|
-
{lang}
|
|
189
|
-
{userid}
|
|
190
|
-
{session}
|
|
191
|
-
{endpoint}
|
|
192
|
-
{apiversion}
|
|
193
|
-
{numberofentries}
|
|
194
|
-
{clientstyling}
|
|
195
|
-
{clientstylingurl}
|
|
196
|
-
{translationurl}
|
|
197
|
-
{customcurrencysymbols}
|
|
198
|
-
></player-account-gaming-limits-history-2>
|
|
199
|
-
{/if}
|
|
200
|
-
{/if}
|
|
201
|
-
</div>
|
|
202
|
-
</div>
|
|
203
|
-
<style lang="scss">
|
|
204
|
-
:host {
|
|
205
|
-
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
206
|
-
color: #666;
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
*,
|
|
210
|
-
*::before,
|
|
211
|
-
*::after {
|
|
212
|
-
margin: 0;
|
|
213
|
-
padding: 0;
|
|
214
|
-
list-style: none;
|
|
215
|
-
text-decoration: none;
|
|
216
|
-
outline: none;
|
|
217
|
-
box-sizing: border-box;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
.GamingLimitsWrapper{
|
|
221
|
-
padding: 50px 50px 30px 50px;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
.GamingLimitsWrapper.GamingLimitsWrapperMobile{
|
|
225
|
-
padding: 20px 15px;
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
.LimitsWrapper {
|
|
229
|
-
display: flex;
|
|
230
|
-
flex-direction: column;
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
.TabsContainer {
|
|
234
|
-
height: 50px;
|
|
235
|
-
display: flex;
|
|
236
|
-
margin-bottom: 12px;
|
|
237
|
-
cursor: pointer;
|
|
238
|
-
border-bottom: 1px solid var(--emfe-w-color-gray-300, #58586B);
|
|
239
|
-
justify-content: center;
|
|
240
|
-
background: var(--emfe-w-color-white, #FFFFFF);
|
|
241
|
-
box-shadow: 0 0.15rem 0.2rem 0 rgba(0, 0, 0, 0.12);
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
.LimitsTab {
|
|
245
|
-
font-size: 1.3rem;
|
|
246
|
-
line-height: 1.4rem;
|
|
247
|
-
margin-bottom: 3px;
|
|
248
|
-
|
|
249
|
-
display: flex;
|
|
250
|
-
justify-content: center;
|
|
251
|
-
align-items: center;
|
|
252
|
-
padding: 0 1rem;
|
|
253
|
-
|
|
254
|
-
box-sizing: content-box;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
.hidden {
|
|
258
|
-
display: none;
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
h2{
|
|
262
|
-
margin: 20px 0px;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
.PlayerAccountGamingLmitsWrapper2{
|
|
266
|
-
margin-bottom: 20px;
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
.MenuReturnButton{
|
|
270
|
-
color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
271
|
-
display: inline-flex;
|
|
272
|
-
align-items: center;
|
|
273
|
-
column-gap: 10px;
|
|
274
|
-
margin-bottom: 10px;
|
|
275
|
-
& svg {
|
|
276
|
-
fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
|
|
280
|
-
.GamingLimitsTitle{
|
|
281
|
-
font-size: 26px;
|
|
282
|
-
color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
283
|
-
font-weight: 400;
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
.GamingLimitsTitleMobile {
|
|
287
|
-
font-size: 16px;
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
.GamingLimitsTitleNone {
|
|
291
|
-
display: none;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
.selected {
|
|
295
|
-
border-bottom: 0.2rem solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
296
|
-
color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
297
|
-
margin: 0;
|
|
298
|
-
}
|
|
299
|
-
</style>
|
package/src/i18n.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
dictionary,
|
|
3
|
-
locale,
|
|
4
|
-
addMessages,
|
|
5
|
-
_
|
|
6
|
-
} from 'svelte-i18n';
|
|
7
|
-
|
|
8
|
-
function setupI18n({ withLocale: _locale, translations }) {
|
|
9
|
-
locale.subscribe((data) => {
|
|
10
|
-
if (data == null) {
|
|
11
|
-
dictionary.set(translations);
|
|
12
|
-
locale.set(_locale);
|
|
13
|
-
}
|
|
14
|
-
}); // maybe we will need this to make sure that the i18n is set up only once
|
|
15
|
-
/*dictionary.set(translations);
|
|
16
|
-
locale.set(_locale);*/
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
function addNewMessages(lang, dict) {
|
|
20
|
-
addMessages(lang, dict);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
function setLocale(_locale) {
|
|
24
|
-
locale.set(_locale);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export { _, setupI18n, addNewMessages, setLocale };
|
package/src/index.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import PlayerAccountGamingLimitsWrapper_2 from './PlayerAccountGamingLimitsWrapper_2.svelte';
|
|
2
|
-
|
|
3
|
-
!customElements.get('player-account-gaming-limits-wrapper-2') && customElements.define('player-account-gaming-limits-wrapper-2', PlayerAccountGamingLimitsWrapper_2);
|
|
4
|
-
export default PlayerAccountGamingLimitsWrapper_2;
|
package/src/translations.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
export const TRANSLATIONS = {
|
|
2
|
-
"en": {
|
|
3
|
-
"title": "Limits"
|
|
4
|
-
},
|
|
5
|
-
"zh-hk": {
|
|
6
|
-
"title": "Limits"
|
|
7
|
-
},
|
|
8
|
-
"fr": {
|
|
9
|
-
"title": "Limits"
|
|
10
|
-
},
|
|
11
|
-
"ro": {
|
|
12
|
-
"title": "Limits"
|
|
13
|
-
},
|
|
14
|
-
"es": {
|
|
15
|
-
"title": "Limits"
|
|
16
|
-
},
|
|
17
|
-
"pt": {
|
|
18
|
-
"title": "Limits"
|
|
19
|
-
},
|
|
20
|
-
"hr": {
|
|
21
|
-
"title": "Ograničenja"
|
|
22
|
-
},
|
|
23
|
-
"pt-br": {
|
|
24
|
-
"title": "Limites"
|
|
25
|
-
},
|
|
26
|
-
"es-mx": {
|
|
27
|
-
"title": "Límites"
|
|
28
|
-
},
|
|
29
|
-
"tr": {
|
|
30
|
-
"title": "Sınırlar"
|
|
31
|
-
}
|
|
32
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { html } from 'lit-element';
|
|
2
|
-
|
|
3
|
-
import PlayerAccountGamingLimitsWrapper_2 from '../src/PlayerAccountGamingLimitsWrapper_2';
|
|
4
|
-
|
|
5
|
-
// This default export determines where your story goes in the story list
|
|
6
|
-
export default {
|
|
7
|
-
title: 'PlayerAccountGamingLimitsWrapper_2',
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
// 👇 We create a “template” of how args map to rendering
|
|
11
|
-
const PlayerAccountGamingLimitsWrapper_2 = ({ aProperty }) => html`<player-account-gaming-limits-wrapper-2></player-account-gaming-limits-wrapper-2>`;
|
|
12
|
-
|
|
13
|
-
export const FirstStory = PlayerAccountGamingLimitsWrapper_2.bind({});
|