@everymatrix/player-bonus-card 1.13.15 → 1.13.16

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 (5) hide show
  1. package/dist/player-bonus-card.js +1 -1
  2. package/dist/player-bonus-card.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/PlayerBonusCard.svelte +29 -30
  5. package/src/translations.js +39 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/player-bonus-card",
3
- "version": "1.13.15",
3
+ "version": "1.13.16",
4
4
  "main": "dist/player-bonus-card",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "64d94eb05d1cff11bf0cfd2bb8079bec43797d28"
38
+ "gitHead": "586fd8038cd1f675aab3c6a81922c36e5d8faa34"
39
39
  }
package/src/PlayerBonusCard.svelte CHANGED
@@ -89,42 +89,41 @@
89
89
  $: translationurl && setTranslationUrl();
90
90
  </script>
91
91
 
92
- <div class="BonusCard" part="BonusCard" bind:this={customStylingContainer}>
93
- <div class="BonusCardInfo" part="BonusCardInfo">
94
- <div class="BonusCardRow" part="BonusCardRow">
95
- <p class="BonusCardRowTitle" part="BonusCardRowTitle">{$_('date')} <span>{moment(bonusdate).format('DD/MM/YYYY h:mm A')}</span></p>
96
- <p class="BonusCardRowText BonusCardStatus TextCapitalize {bonusstatus === 'active' || bonusstatus === 'released' ? 'StatusActive' : ''} {bonusstatus === 'expired' ? 'StatusExpired' : ''} {bonusstatus === 'forfeited' ? 'StatusForfeited' : ''}"
97
- part="BonusCardRowText BonusCardStatus TextCapitalize {bonusstatus === 'active' || bonusstatus === 'released' ? 'StatusActive' : ''} {bonusstatus === 'expired' ? 'StatusExpired' : ''} {bonusstatus === 'forfeited' ? 'StatusForfeited' : ''}">{bonusstatus}</p>
92
+ <div class="BonusCard" bind:this={customStylingContainer}>
93
+ <div class="BonusCardInfo">
94
+ <div class="BonusCardRow">
95
+ <p class="BonusCardRowTitle">{$_('date')} <span>{moment(bonusdate).format('DD/MM/YYYY h:mm A')}</span></p>
96
+ <p class="BonusCardRowText BonusCardStatus TextCapitalize {bonusstatus === 'active' || bonusstatus === 'released' ? 'StatusActive' : ''} {bonusstatus === 'expired' ? 'StatusExpired' : ''} {bonusstatus === 'forfeited' ? 'StatusForfeited' : ''}">{$_(`${bonusstatus}`)}</p>
98
97
  </div>
99
- <div class="BonusCardRow" part="BonusCardRow">
100
- <p class="BonusCardRowTitle" part="BonusCardRowTitle">{$_('bonusName')}</p>
101
- <p class="BonusCardRowText" part="BonusCardRowText">{bonusname}</p>
98
+ <div class="BonusCardRow">
99
+ <p class="BonusCardRowTitle">{$_('bonusName')}</p>
100
+ <p class="BonusCardRowText">{bonusname}</p>
102
101
  </div>
103
- <div class="BonusCardRow" part="BonusCardRow">
104
- <p class="BonusCardRowTitle" part="BonusCardRowTitle">{$_('bonusType')}</p>
105
- <p class="BonusCardRowText TextCapitalize" part="BonusCardRowText TextCapitalize">{bonusTypeText}</p>
102
+ <div class="BonusCardRow">
103
+ <p class="BonusCardRowTitle">{$_('bonusType')}</p>
104
+ <p class="BonusCardRowText TextCapitalize">{bonusTypeText}</p>
106
105
  </div>
107
106
  {#if bonusamount}
108
- <div class="BonusCardRow" part="BonusCardRow">
109
- <p class="BonusCardRowTitle" part="BonusCardRowTitle">{$_('bonusAmount')}</p>
110
- <p class="BonusCardRowText" part="BonusCardRowText">{bonusamount} {bonuscurrency}</p>
107
+ <div class="BonusCardRow">
108
+ <p class="BonusCardRowTitle">{$_('bonusAmount')}</p>
109
+ <p class="BonusCardRowText">{bonusamount} {bonuscurrency}</p>
111
110
  </div>
112
111
  {/if}
113
112
  {#if bonuswageringamount}
114
- <div class="BonusCardRow" part="BonusCardRow">
115
- <p class="BonusCardRowTitle" part="BonusCardRowTitle">{$_('wageringAmount')}</p>
116
- <p class="BonusCardRowText" part="BonusCardRowText">{bonuswageringamount} {bonuscurrency}</p>
113
+ <div class="BonusCardRow">
114
+ <p class="BonusCardRowTitle">{$_('wageringAmount')}</p>
115
+ <p class="BonusCardRowText">{bonuswageringamount} {bonuscurrency}</p>
117
116
  </div>
118
117
  {/if}
119
118
  {#if bonusremainingamount}
120
- <div class="BonusCardRow" part="BonusCardRow">
121
- <p class="BonusCardRowTitle" part="BonusCardRowTitle">{$_('remainingBonus')}</p>
122
- <p class="BonusCardRowText" part="BonusCardRowText">{bonusremainingamount} {bonuscurrency}</p>
119
+ <div class="BonusCardRow">
120
+ <p class="BonusCardRowTitle">{$_('remainingBonus')}</p>
121
+ <p class="BonusCardRowText">{bonusremainingamount} {bonuscurrency}</p>
123
122
  </div>
124
123
  {/if}
125
124
  </div>
126
125
  {#if bonusstatus === 'active'}
127
- <button class="DeleteBonus {isMobile ? 'DeleteBonusMobile' : ''}" part="DeleteBonus {isMobile ? 'DeleteBonusMobile' : ''}" on:click={deleteBonus}>{$_('forfeitBonus')}</button>
126
+ <button class="DeleteBonus {isMobile ? 'DeleteBonusMobile' : ''}" on:click={deleteBonus}>{$_('forfeitBonus')}</button>
128
127
  {/if}
129
128
  </div>
130
129
 
@@ -146,7 +145,7 @@
146
145
  padding: 2px 10px;
147
146
  font-size: 14px;
148
147
  .BonusCardRowTitle {
149
- color: var(--emfe-w-color-black, #000000);
148
+ color: var(--emfe-w-pam-typography, var(--emfe-w-color-dunkel, #07072A));
150
149
  font-weight: 700;
151
150
  span {
152
151
  font-weight: 400;
@@ -157,13 +156,13 @@
157
156
  color: var(--emfe-w-color-gray-300, #58586B);
158
157
  &.BonusCardStatus {
159
158
  font-weight: 700;
160
- color: var(--emfe-w-color-black, #000000);
159
+ color: var(--emfe-w-pam-typography, var(--emfe-w-color-dunkel, #07072A));
161
160
  }
162
161
  &.StatusActive {
163
- color: #0AA543;
162
+ color: var(--emfe-w-color-valid, var(--emfe-w-color-green, #48952a));
164
163
  }
165
164
  &.StatusExpired {
166
- color: #FD2839;
165
+ color: var(--emfe-w-color-error, var(--emfe-w-color-red, #FD2839));
167
166
  }
168
167
  &.StatusForfeited {
169
168
  color: #fd8c2d;
@@ -179,9 +178,9 @@
179
178
  }
180
179
 
181
180
  .DeleteBonus {
182
- background: var(--emfe-w-color-primary, #D0046C);
183
- border: 1px solid var(--emfe-w-color-primary, #D0046C);
184
- color: var(--emfe-w-color-white, #FFFFFF);
181
+ background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
182
+ border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
183
+ color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
185
184
  cursor: pointer;
186
185
  border-radius: 5px;
187
186
  width: 50%;
@@ -197,7 +196,7 @@
197
196
  width: 100%;
198
197
  }
199
198
  &:active {
200
- background: var(--emfe-w-color-primary-600, #99034F);
199
+ background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
201
200
  }
202
201
  }
203
202
  </style>
package/src/translations.js CHANGED
@@ -4,53 +4,77 @@ export const TRANSLATIONS = {
4
4
  "bonusName": "Bonus Name",
5
5
  "bonusType": "Bonus Type",
6
6
  "bonusAmount": "Bonus Amount",
7
- "wageringAmount": "Wagering Amount",
8
- "remainingBonus": "Remaining Bonus Amount",
9
- "forfeitBonus": "Forfeit Bonus"
7
+ "wageringAmount": "Wagering Progress (Rollover)",
8
+ "remainingBonus": "Current Bonus Balance",
9
+ "forfeitBonus": "Forfeit Bonus",
10
+ "active": "active",
11
+ "released": "released",
12
+ "expired": "expired",
13
+ "forfeited": "forfeited",
10
14
  },
11
15
  "zh-hk": {
12
16
  "date": "授予日期：",
13
17
  "bonusName": "獎金名稱",
14
18
  "bonusType": "獎金類型",
15
19
  "bonusAmount": "獎金金額",
16
- "wageringAmount": "投注金額",
20
+ "wageringAmount": "投注進展",
17
21
  "remainingBonus": "剩餘紅利金額",
18
- "forfeitBonus": "沒收獎金"
22
+ "forfeitBonus": "沒收獎金",
23
+ "active": "active",
24
+ "released": "released",
25
+ "expired": "expired",
26
+ "forfeited": "forfeited",
19
27
  },
20
28
  "fr": {
21
29
  "date": "Date d'attribution:",
22
30
  "bonusName": "Nom du bonus",
23
31
  "bonusType": "Type de bonus",
24
32
  "bonusAmount": "Montant du bonus",
25
- "wageringAmount": "Montant de la mise",
33
+ "wageringAmount": "Changer les progrès",
26
34
  "remainingBonus": "Montant du bonus restant",
27
- "forfeitBonus": "Supprimer le bonus"
35
+ "forfeitBonus": "Supprimer le bonus",
36
+ "active": "active",
37
+ "released": "released",
38
+ "expired": "expired",
39
+ "forfeited": "forfeited",
28
40
  },
29
41
  "ro": {
30
42
  "date": "Dată Alocare:",
31
43
  "bonusName": "Nume bonus",
32
44
  "bonusType": "Tip de bonus",
33
45
  "bonusAmount": "Sumă",
34
- "wageringAmount": "Sumă de pariat",
46
+ "wageringAmount": "Progresul de pariere",
35
47
  "remainingBonus": "Bonus rămas",
36
- "forfeitBonus": "Anulează bonusul"
48
+ "forfeitBonus": "Anulează bonusul",
49
+ "active": "active",
50
+ "released": "released",
51
+ "expired": "expired",
52
+ "forfeited": "forfeited",
37
53
  },
38
54
  "es": {
39
- "date": "Fecha de envío:",
55
+ "date": "Fecha de Canje",
40
56
  "bonusName": "Nombre de Bono",
41
57
  "bonusType": "Tipo de Bono",
42
58
  "bonusAmount": "Monto de Bono",
43
- "wageringAmount": "Monto apostado",
44
- "remainingBonus": "Monto restante de Bono",
45
- "forfeitBonus": "Perder Bono"
59
+ "wageringAmount": "Progreso ( Rollover)",
60
+ "remainingBonus": "Saldo Actual de Bono",
61
+ "forfeitBonus": "cancelar bono",
62
+ "active": "Activo",
63
+ "released": "released",
64
+ "expired": "expired",
65
+ "forfeited": "forfeited",
46
66
  },
47
67
  "pt": {
48
68
  "date": "Data de atribuição do bônus:",
49
69
  "bonusName": "Nome do bônus",
50
70
  "bonusType": "Tipo de bônus",
51
71
  "bonusAmount": "Valor do bônus",
52
- "wageringAmount": "Valor da aposta",
72
+ "wageringAmount": "Progresso de apostas",
53
73
  "remainingBonus": "Valor do bônus restante",
54
- "forfeitBonus": "Bônus de Perda"
74
+ "forfeitBonus": "Bônus de Perda",
75
+ "active": "active",
76
+ "released": "released",
77
+ "expired": "expired",
78
+ "forfeited": "forfeited",
55
79
  }
56
80
  }