@everymatrix/casino-challenge-details 0.10.28 → 0.10.29
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/dist/casino-challenge-details/casino-challenge-details-1496580b.js +7 -0
- package/dist/casino-challenge-details/casino-challenge-details_4.entry.js +1 -1
- package/dist/casino-challenge-details/index.esm.js +1 -1
- package/dist/cjs/{casino-challenge-details-0769d9f5.js → casino-challenge-details-c096ce9a.js} +3 -232
- package/dist/cjs/casino-challenge-details_4.cjs.entry.js +6 -6
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/collection/components/casino-challenge-details/casino-challenge-details.css +9 -3
- package/dist/collection/components/casino-challenge-details/casino-challenge-details.js +1 -1
- package/dist/collection/components/components/casino-challenge-expandable-paragraph.js +3 -3
- package/dist/collection/components/components/casino-challenge-level-progress-bar.js +1 -1
- package/dist/collection/components/components/casino-challenge-progress-bar.js +1 -1
- package/dist/collection/utils/locale.utils.js +1 -230
- package/dist/esm/{casino-challenge-details-a3f382a5.js → casino-challenge-details-1496580b.js} +3 -232
- package/dist/esm/casino-challenge-details_4.entry.js +7 -7
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
- package/dist/casino-challenge-details/casino-challenge-details-a3f382a5.js +0 -7
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
const DEFAULT_LANGUAGE = 'en';
|
|
2
|
-
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
3
2
|
const TRANSLATIONS = {
|
|
4
3
|
en: {
|
|
5
4
|
title: 'Challenges',
|
|
@@ -59,238 +58,10 @@ const TRANSLATIONS = {
|
|
|
59
58
|
totalOdds: 'Total Odds',
|
|
60
59
|
selections: 'Selections'
|
|
61
60
|
},
|
|
62
|
-
ro: {
|
|
63
|
-
title: 'Provocări',
|
|
64
|
-
totalLevels: 'Niveluri totale:',
|
|
65
|
-
endsIn: 'Se termină în',
|
|
66
|
-
expired: 'Expirat',
|
|
67
|
-
placeBetsOf: 'Plasează pariuri de',
|
|
68
|
-
place: 'Plasare',
|
|
69
|
-
bet: 'pariu',
|
|
70
|
-
bets: 'pariuri',
|
|
71
|
-
minBet: 'pariu minim',
|
|
72
|
-
forfeited: 'Pierdut',
|
|
73
|
-
finished: 'Terminat',
|
|
74
|
-
suspended: 'Suspendat',
|
|
75
|
-
start: 'Start',
|
|
76
|
-
unavailable: 'Indisponibil',
|
|
77
|
-
resume: 'Reia',
|
|
78
|
-
pause: 'Pauză',
|
|
79
|
-
join: 'Alătură-te pentru a începe',
|
|
80
|
-
congrats: 'Felicitări!',
|
|
81
|
-
forfeitNotification: 'Din păcate, progresul tău a fost abandonat și nu mai poți continua această provocare. Consultă celelalte provocări disponibile!',
|
|
82
|
-
completedNofitication: 'Ai finalizat cu succes această provocare! Explorează următoarea și continuă să joci pentru a câștiga mai multe recompense!',
|
|
83
|
-
expiredNotification: 'Din păcate, această provocare a expirat și nu mai este disponibilă pentru finalizare. Încearcă una care este încă activă!',
|
|
84
|
-
terms: 'Termeni și condiții',
|
|
85
|
-
contribution: 'contribuție',
|
|
86
|
-
endDate: 'Data de încheiere',
|
|
87
|
-
back: 'Înapoi',
|
|
88
|
-
all: 'Toate Provocările',
|
|
89
|
-
contributionType: 'Tip de contribuție',
|
|
90
|
-
contributionRule: 'Regulă de contribuție',
|
|
91
|
-
isContributeToOne: 'Pariurile contribuie doar la provocarea începută cel mai devreme (dacă există mai multe provocări începute)',
|
|
92
|
-
isNotContributeToOne: 'Pariurile contribuie la toate provocările începute',
|
|
93
|
-
bonusMoney: 'Bani bonus',
|
|
94
|
-
realMoney: 'Bani reali',
|
|
95
|
-
mixedMoney: 'Contribuție în bani reali și bonus',
|
|
96
|
-
defaultRule: 'Toate evenimentele - ',
|
|
97
|
-
fundsUsed: 'Funds Used',
|
|
98
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
99
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
100
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
101
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
102
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
103
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
104
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
105
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
106
|
-
single: 'Single',
|
|
107
|
-
multi: 'Multi/Combi',
|
|
108
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
109
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
110
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
111
|
-
system: 'System',
|
|
112
|
-
banker: 'Only Banker Bets',
|
|
113
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
114
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
115
|
-
oddsPerSection: 'Odds per Selection',
|
|
116
|
-
totalOdds: 'Total Odds',
|
|
117
|
-
selections: 'Selections'
|
|
118
|
-
},
|
|
119
|
-
fr: {
|
|
120
|
-
title: 'Défis',
|
|
121
|
-
totalLevels: 'Niveaux totaux :',
|
|
122
|
-
endsIn: 'Se termine dans',
|
|
123
|
-
expired: 'Expiré',
|
|
124
|
-
placeBetsOf: 'Placez des paris de',
|
|
125
|
-
place: 'Placer',
|
|
126
|
-
bet: 'pari',
|
|
127
|
-
bets: 'paris',
|
|
128
|
-
minBet: 'mise minimale',
|
|
129
|
-
forfeited: 'Forfait',
|
|
130
|
-
finished: 'Terminé',
|
|
131
|
-
suspended: 'Suspendu',
|
|
132
|
-
start: 'Démarrer',
|
|
133
|
-
unavailable: 'Indisponible',
|
|
134
|
-
resume: 'Reprendre',
|
|
135
|
-
pause: 'Pause',
|
|
136
|
-
join: 'Rejoindre pour commencer',
|
|
137
|
-
congrats: 'Félicitations !',
|
|
138
|
-
forfeitNotification: "Malheureusement, votre progression a été abandonnée et vous n'êtes plus éligible pour continuer ce défi. Découvrez les autres défis disponibles !",
|
|
139
|
-
completedNofitication: 'Vous avez réussi ce défi ! Découvrez le suivant et continuez à jouer pour gagner plus de récompenses !',
|
|
140
|
-
expiredNotification: 'Malheureusement, ce défi a expiré et n’est plus disponible à compléter. Essayez-en un autre qui est encore actif !',
|
|
141
|
-
terms: 'Termes et conditions',
|
|
142
|
-
contribution: 'contribution',
|
|
143
|
-
endDate: 'Date de fin',
|
|
144
|
-
back: 'Retour',
|
|
145
|
-
all: 'Tous les Défis',
|
|
146
|
-
contributionType: 'Type de contribution',
|
|
147
|
-
contributionRule: 'Règle de contribution',
|
|
148
|
-
isContributeToOne: "Les paris contribuent uniquement au premier défi commencé (s'il y a plusieurs défis commencés)",
|
|
149
|
-
isNotContributeToOne: 'Les paris contribuent à tous les défis commencés',
|
|
150
|
-
bonusMoney: 'Argent bonus',
|
|
151
|
-
realMoney: 'Argent réel',
|
|
152
|
-
mixedMoney: 'Contribution en argent réel et bonus',
|
|
153
|
-
defaultRule: 'Tous les événements - ',
|
|
154
|
-
fundsUsed: 'Funds Used',
|
|
155
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
156
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
157
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
158
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
159
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
160
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
161
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
162
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
163
|
-
single: 'Single',
|
|
164
|
-
multi: 'Multi/Combi',
|
|
165
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
166
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
167
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
168
|
-
system: 'System',
|
|
169
|
-
banker: 'Only Banker Bets',
|
|
170
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
171
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
172
|
-
oddsPerSection: 'Odds per Selection',
|
|
173
|
-
totalOdds: 'Total Odds',
|
|
174
|
-
selections: 'Selections'
|
|
175
|
-
},
|
|
176
|
-
ar: {
|
|
177
|
-
title: 'تحديات',
|
|
178
|
-
totalLevels: 'إجمالي المستويات:',
|
|
179
|
-
endsIn: 'ينتهي في',
|
|
180
|
-
expired: 'منتهي الصلاحية',
|
|
181
|
-
placeBetsOf: 'قم بوضع رهانات بقيمة',
|
|
182
|
-
place: 'ضع',
|
|
183
|
-
bet: 'رهان',
|
|
184
|
-
bets: 'رهانات',
|
|
185
|
-
minBet: 'الحد الأدنى للرهان',
|
|
186
|
-
forfeited: 'خاسر',
|
|
187
|
-
finished: 'منتهي',
|
|
188
|
-
suspended: 'معلق',
|
|
189
|
-
start: 'ابدأ',
|
|
190
|
-
unavailable: 'غير متاح',
|
|
191
|
-
resume: 'استئناف',
|
|
192
|
-
pause: 'إيقاف مؤقت',
|
|
193
|
-
join: 'انضم للبدء',
|
|
194
|
-
congrats: 'تهانينا!',
|
|
195
|
-
forfeitNotification: 'للأسف، تم التخلي عن تقدمك ولم تعد مؤهلاً لمتابعة هذا التحدي. تحقق من التحديات الأخرى المتاحة!',
|
|
196
|
-
completedNofitication: 'لقد أكملت هذا التحدي بنجاح! استكشف التحدي التالي واستمر في اللعب للحصول على مزيد من الجوائز!',
|
|
197
|
-
expiredNotification: 'للأسف، هذا التحدي انتهت صلاحيته ولم يعد متاحًا لإكماله. جرّب تحديًا آخر لا يزال نشطًا!',
|
|
198
|
-
terms: 'الشروط والأحكام',
|
|
199
|
-
contribution: 'مساهمة',
|
|
200
|
-
endDate: 'تاريخ الانتهاء',
|
|
201
|
-
back: 'عودة',
|
|
202
|
-
all: 'جميع التحديات',
|
|
203
|
-
contributionType: 'نوع المساهمة',
|
|
204
|
-
contributionRule: 'قاعدة المساهمة',
|
|
205
|
-
isContributeToOne: 'تُحتسب الرهانات فقط للتحدي الذي بدأ أولاً (إذا كان هناك عدة تحديات بدأت)',
|
|
206
|
-
isNotContributeToOne: 'تُحتسب الرهانات لجميع التحديات التي بدأت',
|
|
207
|
-
bonusMoney: 'أموال المكافأة',
|
|
208
|
-
realMoney: 'أموال حقيقية',
|
|
209
|
-
mixedMoney: 'مساهمة من الأموال الحقيقية وأموال المكافأة',
|
|
210
|
-
defaultRule: 'كل الأحداث - ',
|
|
211
|
-
fundsUsed: 'Funds Used',
|
|
212
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
213
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
214
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
215
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
216
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
217
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
218
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
219
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
220
|
-
single: 'Single',
|
|
221
|
-
multi: 'Multi/Combi',
|
|
222
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
223
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
224
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
225
|
-
system: 'System',
|
|
226
|
-
banker: 'Only Banker Bets',
|
|
227
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
228
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
229
|
-
oddsPerSection: 'Odds per Selection',
|
|
230
|
-
totalOdds: 'Total Odds',
|
|
231
|
-
selections: 'Selections'
|
|
232
|
-
},
|
|
233
|
-
hr: {
|
|
234
|
-
title: 'Izazovi',
|
|
235
|
-
totalLevels: 'Ukupno razina:',
|
|
236
|
-
endsIn: 'Završava za',
|
|
237
|
-
expired: 'Isteklo',
|
|
238
|
-
placeBetsOf: 'Postavite oklade od',
|
|
239
|
-
place: 'Postavi',
|
|
240
|
-
bet: 'kladnja',
|
|
241
|
-
bets: 'kladnje',
|
|
242
|
-
minBet: 'minimalna oklada',
|
|
243
|
-
forfeited: 'Oduzeto',
|
|
244
|
-
finished: 'Završeno',
|
|
245
|
-
suspended: 'Suspendirano',
|
|
246
|
-
start: 'Počni',
|
|
247
|
-
unavailable: 'nedostupan',
|
|
248
|
-
resume: 'Nastavi',
|
|
249
|
-
pause: 'Pauza',
|
|
250
|
-
join: 'Pridruži se za početak',
|
|
251
|
-
congrats: 'Čestitamo!',
|
|
252
|
-
forfeitNotification: 'Nažalost, tvoj napredak je izgubljen i više nisi podoban nastaviti ovaj izazov. Pogledaj ostale dostupne izazove!',
|
|
253
|
-
completedNofitication: 'Uspješno si završio ovaj izazov! Istraži sljedeći i nastavi igrati kako bi zaradio/la više nagrada!',
|
|
254
|
-
expiredNotification: 'Nažalost, ovaj izazov je istekao i više nije dostupan za dovršavanje. Probaj neki drugi koji je još aktivan!',
|
|
255
|
-
terms: 'Uvjeti i odredbe',
|
|
256
|
-
contribution: 'doprinos',
|
|
257
|
-
endDate: 'Datum završetka',
|
|
258
|
-
back: 'Nazad',
|
|
259
|
-
all: 'Svi Izazovi',
|
|
260
|
-
contributionType: 'Vrsta doprinosa',
|
|
261
|
-
contributionRule: 'Pravilo doprinosa',
|
|
262
|
-
isContributeToOne: 'Oklade se pridonose samo najranije započetom izazovu (ako postoji više započetih izazova)',
|
|
263
|
-
isNotContributeToOne: 'Oklade se pridonose svim započetim izazovima',
|
|
264
|
-
bonusMoney: 'Bonus novac',
|
|
265
|
-
realMoney: 'Stvarni novac',
|
|
266
|
-
mixedMoney: 'Doprinos stvarnog i bonus novca',
|
|
267
|
-
defaultRule: 'Svi događaji - ',
|
|
268
|
-
fundsUsed: 'Funds Used',
|
|
269
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
270
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
271
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
272
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
273
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
274
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
275
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
276
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
277
|
-
single: 'Single',
|
|
278
|
-
multi: 'Multi/Combi',
|
|
279
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
280
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
281
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
282
|
-
system: 'System',
|
|
283
|
-
banker: 'Only Banker Bets',
|
|
284
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
285
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
286
|
-
oddsPerSection: 'Odds per Selection',
|
|
287
|
-
totalOdds: 'Total Odds',
|
|
288
|
-
selections: 'Selections'
|
|
289
|
-
}
|
|
290
61
|
};
|
|
291
62
|
export const translate = (key, customLang) => {
|
|
292
63
|
const lang = customLang;
|
|
293
|
-
return TRANSLATIONS[lang !== undefined &&
|
|
64
|
+
return TRANSLATIONS[lang !== undefined && lang in TRANSLATIONS ? lang : DEFAULT_LANGUAGE][key];
|
|
294
65
|
};
|
|
295
66
|
export const getTranslations = (data) => {
|
|
296
67
|
Object.keys(data).forEach((item) => {
|
package/dist/esm/{casino-challenge-details-a3f382a5.js → casino-challenge-details-1496580b.js}
RENAMED
|
@@ -119,7 +119,6 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
|
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
const DEFAULT_LANGUAGE = 'en';
|
|
122
|
-
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
123
122
|
const TRANSLATIONS = {
|
|
124
123
|
en: {
|
|
125
124
|
title: 'Challenges',
|
|
@@ -179,238 +178,10 @@ const TRANSLATIONS = {
|
|
|
179
178
|
totalOdds: 'Total Odds',
|
|
180
179
|
selections: 'Selections'
|
|
181
180
|
},
|
|
182
|
-
ro: {
|
|
183
|
-
title: 'Provocări',
|
|
184
|
-
totalLevels: 'Niveluri totale:',
|
|
185
|
-
endsIn: 'Se termină în',
|
|
186
|
-
expired: 'Expirat',
|
|
187
|
-
placeBetsOf: 'Plasează pariuri de',
|
|
188
|
-
place: 'Plasare',
|
|
189
|
-
bet: 'pariu',
|
|
190
|
-
bets: 'pariuri',
|
|
191
|
-
minBet: 'pariu minim',
|
|
192
|
-
forfeited: 'Pierdut',
|
|
193
|
-
finished: 'Terminat',
|
|
194
|
-
suspended: 'Suspendat',
|
|
195
|
-
start: 'Start',
|
|
196
|
-
unavailable: 'Indisponibil',
|
|
197
|
-
resume: 'Reia',
|
|
198
|
-
pause: 'Pauză',
|
|
199
|
-
join: 'Alătură-te pentru a începe',
|
|
200
|
-
congrats: 'Felicitări!',
|
|
201
|
-
forfeitNotification: 'Din păcate, progresul tău a fost abandonat și nu mai poți continua această provocare. Consultă celelalte provocări disponibile!',
|
|
202
|
-
completedNofitication: 'Ai finalizat cu succes această provocare! Explorează următoarea și continuă să joci pentru a câștiga mai multe recompense!',
|
|
203
|
-
expiredNotification: 'Din păcate, această provocare a expirat și nu mai este disponibilă pentru finalizare. Încearcă una care este încă activă!',
|
|
204
|
-
terms: 'Termeni și condiții',
|
|
205
|
-
contribution: 'contribuție',
|
|
206
|
-
endDate: 'Data de încheiere',
|
|
207
|
-
back: 'Înapoi',
|
|
208
|
-
all: 'Toate Provocările',
|
|
209
|
-
contributionType: 'Tip de contribuție',
|
|
210
|
-
contributionRule: 'Regulă de contribuție',
|
|
211
|
-
isContributeToOne: 'Pariurile contribuie doar la provocarea începută cel mai devreme (dacă există mai multe provocări începute)',
|
|
212
|
-
isNotContributeToOne: 'Pariurile contribuie la toate provocările începute',
|
|
213
|
-
bonusMoney: 'Bani bonus',
|
|
214
|
-
realMoney: 'Bani reali',
|
|
215
|
-
mixedMoney: 'Contribuție în bani reali și bonus',
|
|
216
|
-
defaultRule: 'Toate evenimentele - ',
|
|
217
|
-
fundsUsed: 'Funds Used',
|
|
218
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
219
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
220
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
221
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
222
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
223
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
224
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
225
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
226
|
-
single: 'Single',
|
|
227
|
-
multi: 'Multi/Combi',
|
|
228
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
229
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
230
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
231
|
-
system: 'System',
|
|
232
|
-
banker: 'Only Banker Bets',
|
|
233
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
234
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
235
|
-
oddsPerSection: 'Odds per Selection',
|
|
236
|
-
totalOdds: 'Total Odds',
|
|
237
|
-
selections: 'Selections'
|
|
238
|
-
},
|
|
239
|
-
fr: {
|
|
240
|
-
title: 'Défis',
|
|
241
|
-
totalLevels: 'Niveaux totaux :',
|
|
242
|
-
endsIn: 'Se termine dans',
|
|
243
|
-
expired: 'Expiré',
|
|
244
|
-
placeBetsOf: 'Placez des paris de',
|
|
245
|
-
place: 'Placer',
|
|
246
|
-
bet: 'pari',
|
|
247
|
-
bets: 'paris',
|
|
248
|
-
minBet: 'mise minimale',
|
|
249
|
-
forfeited: 'Forfait',
|
|
250
|
-
finished: 'Terminé',
|
|
251
|
-
suspended: 'Suspendu',
|
|
252
|
-
start: 'Démarrer',
|
|
253
|
-
unavailable: 'Indisponible',
|
|
254
|
-
resume: 'Reprendre',
|
|
255
|
-
pause: 'Pause',
|
|
256
|
-
join: 'Rejoindre pour commencer',
|
|
257
|
-
congrats: 'Félicitations !',
|
|
258
|
-
forfeitNotification: "Malheureusement, votre progression a été abandonnée et vous n'êtes plus éligible pour continuer ce défi. Découvrez les autres défis disponibles !",
|
|
259
|
-
completedNofitication: 'Vous avez réussi ce défi ! Découvrez le suivant et continuez à jouer pour gagner plus de récompenses !',
|
|
260
|
-
expiredNotification: 'Malheureusement, ce défi a expiré et n’est plus disponible à compléter. Essayez-en un autre qui est encore actif !',
|
|
261
|
-
terms: 'Termes et conditions',
|
|
262
|
-
contribution: 'contribution',
|
|
263
|
-
endDate: 'Date de fin',
|
|
264
|
-
back: 'Retour',
|
|
265
|
-
all: 'Tous les Défis',
|
|
266
|
-
contributionType: 'Type de contribution',
|
|
267
|
-
contributionRule: 'Règle de contribution',
|
|
268
|
-
isContributeToOne: "Les paris contribuent uniquement au premier défi commencé (s'il y a plusieurs défis commencés)",
|
|
269
|
-
isNotContributeToOne: 'Les paris contribuent à tous les défis commencés',
|
|
270
|
-
bonusMoney: 'Argent bonus',
|
|
271
|
-
realMoney: 'Argent réel',
|
|
272
|
-
mixedMoney: 'Contribution en argent réel et bonus',
|
|
273
|
-
defaultRule: 'Tous les événements - ',
|
|
274
|
-
fundsUsed: 'Funds Used',
|
|
275
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
276
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
277
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
278
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
279
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
280
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
281
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
282
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
283
|
-
single: 'Single',
|
|
284
|
-
multi: 'Multi/Combi',
|
|
285
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
286
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
287
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
288
|
-
system: 'System',
|
|
289
|
-
banker: 'Only Banker Bets',
|
|
290
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
291
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
292
|
-
oddsPerSection: 'Odds per Selection',
|
|
293
|
-
totalOdds: 'Total Odds',
|
|
294
|
-
selections: 'Selections'
|
|
295
|
-
},
|
|
296
|
-
ar: {
|
|
297
|
-
title: 'تحديات',
|
|
298
|
-
totalLevels: 'إجمالي المستويات:',
|
|
299
|
-
endsIn: 'ينتهي في',
|
|
300
|
-
expired: 'منتهي الصلاحية',
|
|
301
|
-
placeBetsOf: 'قم بوضع رهانات بقيمة',
|
|
302
|
-
place: 'ضع',
|
|
303
|
-
bet: 'رهان',
|
|
304
|
-
bets: 'رهانات',
|
|
305
|
-
minBet: 'الحد الأدنى للرهان',
|
|
306
|
-
forfeited: 'خاسر',
|
|
307
|
-
finished: 'منتهي',
|
|
308
|
-
suspended: 'معلق',
|
|
309
|
-
start: 'ابدأ',
|
|
310
|
-
unavailable: 'غير متاح',
|
|
311
|
-
resume: 'استئناف',
|
|
312
|
-
pause: 'إيقاف مؤقت',
|
|
313
|
-
join: 'انضم للبدء',
|
|
314
|
-
congrats: 'تهانينا!',
|
|
315
|
-
forfeitNotification: 'للأسف، تم التخلي عن تقدمك ولم تعد مؤهلاً لمتابعة هذا التحدي. تحقق من التحديات الأخرى المتاحة!',
|
|
316
|
-
completedNofitication: 'لقد أكملت هذا التحدي بنجاح! استكشف التحدي التالي واستمر في اللعب للحصول على مزيد من الجوائز!',
|
|
317
|
-
expiredNotification: 'للأسف، هذا التحدي انتهت صلاحيته ولم يعد متاحًا لإكماله. جرّب تحديًا آخر لا يزال نشطًا!',
|
|
318
|
-
terms: 'الشروط والأحكام',
|
|
319
|
-
contribution: 'مساهمة',
|
|
320
|
-
endDate: 'تاريخ الانتهاء',
|
|
321
|
-
back: 'عودة',
|
|
322
|
-
all: 'جميع التحديات',
|
|
323
|
-
contributionType: 'نوع المساهمة',
|
|
324
|
-
contributionRule: 'قاعدة المساهمة',
|
|
325
|
-
isContributeToOne: 'تُحتسب الرهانات فقط للتحدي الذي بدأ أولاً (إذا كان هناك عدة تحديات بدأت)',
|
|
326
|
-
isNotContributeToOne: 'تُحتسب الرهانات لجميع التحديات التي بدأت',
|
|
327
|
-
bonusMoney: 'أموال المكافأة',
|
|
328
|
-
realMoney: 'أموال حقيقية',
|
|
329
|
-
mixedMoney: 'مساهمة من الأموال الحقيقية وأموال المكافأة',
|
|
330
|
-
defaultRule: 'كل الأحداث - ',
|
|
331
|
-
fundsUsed: 'Funds Used',
|
|
332
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
333
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
334
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
335
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
336
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
337
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
338
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
339
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
340
|
-
single: 'Single',
|
|
341
|
-
multi: 'Multi/Combi',
|
|
342
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
343
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
344
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
345
|
-
system: 'System',
|
|
346
|
-
banker: 'Only Banker Bets',
|
|
347
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
348
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
349
|
-
oddsPerSection: 'Odds per Selection',
|
|
350
|
-
totalOdds: 'Total Odds',
|
|
351
|
-
selections: 'Selections'
|
|
352
|
-
},
|
|
353
|
-
hr: {
|
|
354
|
-
title: 'Izazovi',
|
|
355
|
-
totalLevels: 'Ukupno razina:',
|
|
356
|
-
endsIn: 'Završava za',
|
|
357
|
-
expired: 'Isteklo',
|
|
358
|
-
placeBetsOf: 'Postavite oklade od',
|
|
359
|
-
place: 'Postavi',
|
|
360
|
-
bet: 'kladnja',
|
|
361
|
-
bets: 'kladnje',
|
|
362
|
-
minBet: 'minimalna oklada',
|
|
363
|
-
forfeited: 'Oduzeto',
|
|
364
|
-
finished: 'Završeno',
|
|
365
|
-
suspended: 'Suspendirano',
|
|
366
|
-
start: 'Počni',
|
|
367
|
-
unavailable: 'nedostupan',
|
|
368
|
-
resume: 'Nastavi',
|
|
369
|
-
pause: 'Pauza',
|
|
370
|
-
join: 'Pridruži se za početak',
|
|
371
|
-
congrats: 'Čestitamo!',
|
|
372
|
-
forfeitNotification: 'Nažalost, tvoj napredak je izgubljen i više nisi podoban nastaviti ovaj izazov. Pogledaj ostale dostupne izazove!',
|
|
373
|
-
completedNofitication: 'Uspješno si završio ovaj izazov! Istraži sljedeći i nastavi igrati kako bi zaradio/la više nagrada!',
|
|
374
|
-
expiredNotification: 'Nažalost, ovaj izazov je istekao i više nije dostupan za dovršavanje. Probaj neki drugi koji je još aktivan!',
|
|
375
|
-
terms: 'Uvjeti i odredbe',
|
|
376
|
-
contribution: 'doprinos',
|
|
377
|
-
endDate: 'Datum završetka',
|
|
378
|
-
back: 'Nazad',
|
|
379
|
-
all: 'Svi Izazovi',
|
|
380
|
-
contributionType: 'Vrsta doprinosa',
|
|
381
|
-
contributionRule: 'Pravilo doprinosa',
|
|
382
|
-
isContributeToOne: 'Oklade se pridonose samo najranije započetom izazovu (ako postoji više započetih izazova)',
|
|
383
|
-
isNotContributeToOne: 'Oklade se pridonose svim započetim izazovima',
|
|
384
|
-
bonusMoney: 'Bonus novac',
|
|
385
|
-
realMoney: 'Stvarni novac',
|
|
386
|
-
mixedMoney: 'Doprinos stvarnog i bonus novca',
|
|
387
|
-
defaultRule: 'Svi događaji - ',
|
|
388
|
-
fundsUsed: 'Funds Used',
|
|
389
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
390
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
391
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
392
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
393
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
394
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
395
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
396
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
397
|
-
single: 'Single',
|
|
398
|
-
multi: 'Multi/Combi',
|
|
399
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
400
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
401
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
402
|
-
system: 'System',
|
|
403
|
-
banker: 'Only Banker Bets',
|
|
404
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
405
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
406
|
-
oddsPerSection: 'Odds per Selection',
|
|
407
|
-
totalOdds: 'Total Odds',
|
|
408
|
-
selections: 'Selections'
|
|
409
|
-
}
|
|
410
181
|
};
|
|
411
182
|
const translate = (key, customLang) => {
|
|
412
183
|
const lang = customLang;
|
|
413
|
-
return TRANSLATIONS[lang !== undefined &&
|
|
184
|
+
return TRANSLATIONS[lang !== undefined && lang in TRANSLATIONS ? lang : DEFAULT_LANGUAGE][key];
|
|
414
185
|
};
|
|
415
186
|
const getTranslations = (data) => {
|
|
416
187
|
Object.keys(data).forEach((item) => {
|
|
@@ -3834,7 +3605,7 @@ var EDetailsTabs;
|
|
|
3834
3605
|
EDetailsTabs[EDetailsTabs["Rules"] = 2] = "Rules";
|
|
3835
3606
|
})(EDetailsTabs || (EDetailsTabs = {}));
|
|
3836
3607
|
|
|
3837
|
-
const casinoChallengeDetailsCss = ".container {\n font-family: var(--emw--font-family-secondary, \"Montserrat\", sans-serif);\n background: var(--emw--color-background, #000);\n min-height: 100vh;\n padding: 16px 12px;\n box-sizing: border-box;\n container-type: inline-size;\n container-name: challenges-details;\n min-width: 375px;\n width: 100%;\n margin: 0 auto;\n position: relative;\n}\n\n.challenges-header {\n display: none;\n}\n\n.back-button {\n display: flex;\n align-items: center;\n padding: 14px 0 14px 10px;\n outline: none;\n background: var(--emw--color-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n border: none;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n cursor: pointer;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.back-button__icon {\n margin: 0 4px;\n}\n.back-button__text {\n margin-left: 4px;\n}\n\n.details {\n min-width: 308px;\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 16px;\n min-width: 375px;\n width: 100%;\n}\n.details.grayed {\n opacity: 0.5;\n}\n.details__general-info {\n min-width: 344px;\n padding-bottom: 16px;\n width: 100%;\n}\n.details__general-info-image-container {\n position: relative;\n margin-bottom: 22px;\n}\n.details__general-info-image {\n display: block;\n min-width: 344px;\n height: 226px;\n border-radius: var(--emw--border-radius-medium, 16px);\n width: 100%;\n}\n.details__general-info-image.grayed {\n opacity: 0.5;\n}\n.details__general-info-timer-badge {\n position: absolute;\n background: var(--emw--color-white, #fff);\n top: 6px;\n right: 6px;\n border-radius: var(--emw--border-radius-large, 30px);\n padding: 2px 12px;\n line-height: 22px;\n font-weight: var(--emw--font-weight-medium, 500);\n font-size: var(--emw--font-size-x-small, 12px);\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n backdrop-filter: blur(20px);\n}\n.details__general-info-timer-badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292c29);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.completed {\n background: var(--emw--background-success-color, #c9f0d7);\n border: 1px solid var(--emw--border-success-color, #00b74f);\n color: var(--emw--color-gray-300, #083b17);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.forfeited {\n background: var(--emw--background-errored-color, #ffe1df);\n border: 1px solid var(--emw--border-errored-color, #d6421e);\n color: var(--emw--errored-color, #850606);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.paused {\n background: var(--emw--background-warning-color, #f8e4ad);\n border: 1px solid var(--emw--border-warning-color, #ea9018);\n color: var(--emw--warning-color, #6d460a);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-title {\n margin: 0 0 4px;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-large, 20px);\n font-weight: var(--emw--font-weight-bold, 700);\n display: flex;\n justify-content: space-between;\n}\n.details__general-info-title__icon--casino {\n width: 24px;\n height: 24px;\n}\n.details__general-info-title__icon--sportsbook {\n width: 22px;\n height: 22px;\n}\n.details__general-info-end-date_label {\n color: var(--emw--color-gray-150, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n margin: 0;\n}\n.details__general-info-end-date_value {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-action-button,\n.details .footer-action-button {\n width: 100%;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-medium, 16px);\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n text-align: center;\n text-transform: uppercase;\n font-weight: var(--emw--font-weight-bold, 700);\n height: 51px;\n padding: 16px 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n gap: 10px;\n}\n.details__general-info-action-button:hover,\n.details .footer-action-button:hover {\n border-color: var(--emw--color-secondary, #083b17);\n cursor: pointer;\n}\n.details__general-info-action-button.filled,\n.details .footer-action-button.filled {\n background-color: var(--emw--button-background-primary-color, #18ce51);\n color: var(--emw--color-white, #fff);\n border-color: var(--emw--color-gray-300, #083b17);\n}\n.details__general-info-action-button.filled:hover,\n.details .footer-action-button.filled:hover {\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.details__general-info-action-button.grayed,\n.details .footer-action-button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n background: var(--emw--color-black-150, #000000);\n border-color: var(--emw--button-disabled-border-color, #727672);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.details__general-info-action-button.grayed:hover,\n.details .footer-action-button.grayed:hover {\n color: var(--emw--color-white, #fff);\n}\n.details__general-info-action-button:disabled, .details__general-info-action-button:disabled:hover,\n.details .footer-action-button:disabled,\n.details .footer-action-button:disabled:hover {\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n border: 2px solid var(--emw--button-disabled-border-color, #727672);\n opacity: 0.7;\n}\n.details .footer-action-button {\n height: 44px;\n padding: 14px 20px;\n font-size: var(--emw--font-size-sm, 14px);\n}\n.details__general-info-action-button {\n display: none;\n margin-top: 32px;\n}\n.details__tabs-container {\n flex-grow: 1;\n max-width: 100%;\n}\n.details__tabs {\n position: relative;\n display: flex;\n justify-content: flex-start;\n border-bottom: 1px solid var(--emw--border-warning-color, #ea9018);\n}\n.details__tab {\n padding: 10px 20px;\n cursor: pointer;\n position: relative;\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-300, #555);\n display: flex;\n width: 33.3333333333%;\n padding: 12px 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n}\n.details__tab.active {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n background: var(--emw--active-tab, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.details__tab {\n color: var(--emw--color-gray-100, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n}\n.details__tab:nth-of-type(1).active ~ .active-tab-indicator {\n left: 0;\n width: 33.3333333333%;\n}\n.details__tab:nth-of-type(2).active ~ .active-tab-indicator {\n left: 33.3333333333%;\n width: 33.3333333333%;\n}\n.details__tab:nth-of-type(3).active ~ .active-tab-indicator {\n left: 66.6666666667%;\n width: 33.3333333333%;\n}\n.details .active-tab-indicator {\n position: absolute;\n bottom: -3px;\n height: 2px;\n background: var(--emw--active-tab-indicator, linear-gradient(180deg, rgba(234, 144, 24, 0.7) 0%, rgba(224, 168, 78, 0.7) 100%), #727672);\n transition: left 0.3s ease, width 0.3s ease;\n}\n.details .levels__tab {\n margin-top: 22px;\n display: flex;\n gap: 12px;\n flex-direction: column;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n}\n.details .level {\n display: flex;\n padding: 20px;\n flex-direction: column;\n align-items: flex-start;\n border-radius: var(--emw--border-radius-small, 12px);\n background-color: var(--emw--color-background, rgba(114, 118, 114, 0.2));\n}\n.details .level.grayed {\n background: rgba(114, 118, 114, 0.15);\n}\n.details .level.active {\n background: linear-gradient(90deg, rgba(30, 101, 79, 0.2) 0%, rgba(28, 141, 86, 0.2) 100%);\n border: 2px solid var(--Gradient-Blue, #003e5c);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.details .level.completed {\n background: linear-gradient(90deg, rgba(0, 62, 92, 0.3) 0.05%, rgba(17, 59, 33, 0.3) 87.69%);\n}\n.details .level__status {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n}\n.details .level__title {\n width: 100%;\n display: flex;\n justify-content: space-between;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n margin-bottom: 10px;\n}\n.details .level__title .completed, .details .level__title .in-progress {\n color: var(--emw--color-valid, #00b74f);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n text-align: right;\n line-height: 22px;\n}\n.details .level__title.grayed {\n color: var(--emw--disabled-color, #727672);\n}\n.details .level__progress {\n width: 100%;\n margin-bottom: 10px;\n}\n.details .level__icon {\n display: flex;\n margin: 5px 6px 5px 0;\n opacity: 1;\n}\n.details .level__icon img {\n display: block;\n width: 12px;\n height: 12px;\n}\n.details .level__icon img.grayed {\n opacity: 0.5;\n}\n.details .level__bonus, .details .level__target {\n display: flex;\n align-items: flex-start;\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n margin-bottom: 4px;\n}\n.details .level__value {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n width: 100%;\n}\n.details .level__value.grayed {\n opacity: 0.5;\n}\n.details .games__tab {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n padding: 22px 0;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n justify-content: center;\n}\n.details .games__tab .game {\n position: relative;\n width: 105px;\n height: 85px;\n cursor: pointer;\n}\n.details .games__tab .game img {\n width: 100%;\n height: 100%;\n border-radius: var(--emw--border-radius-medium, 16px);\n}\n.details .games__tab .game .contribution {\n position: absolute;\n top: 4px;\n right: 4px;\n color: var(--emw--color-white, #fff);\n border-radius: var(--emw--border-radius-small, 12px);\n border: 1px solid var(--Gradient-Blue, #003e5c);\n background: rgba(0, 0, 0, 0.5);\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n backdrop-filter: blur(5px);\n padding: 0 8px;\n font-size: var(--emw--font-size-2x-small, 8px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 22px;\n text-align: center;\n}\n.details .events__tab {\n display: flex;\n flex-direction: column;\n padding: 22px 0;\n gap: 24px;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n}\n.details .events__tab .event {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n margin: 0;\n}\n.details .events__tab .event span {\n text-transform: capitalize;\n}\n.details .rules__tab {\n display: flex;\n flex-direction: column;\n padding: 22px 0;\n gap: 22px;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n line-height: 24px;\n}\n.details .rules__tab .sportsbook-rules,\n.details .rules__tab .rule {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n}\n.details .rules__tab .sportsbook-rules .rule {\n margin: 0 0 22px;\n}\n.details .rules__tab .sportsbook-rules .rule__title {\n margin: 0;\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-white, #fff);\n font-weight: 700;\n}\n.details .rules__tab .sportsbook-rules .rule__title__value {\n display: inline-flex;\n align-items: center;\n height: 16px;\n}\n.details .rules__tab .sportsbook-rules .rule__title__value .infinity {\n font-size: 20px;\n font-weight: 500;\n margin-left: 4px;\n}\n.details .rules__tab .sportsbook-rules .rule__inners {\n gap: 22px;\n display: flex;\n flex-direction: column;\n}\n.details .rules__tab .link {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n background: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n padding: 0;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.details .rules__tab .contributionType {\n margin: 0 0 22px;\n}\n.details .rules__tab .contributionRule {\n margin: 0;\n}\n.details .rules__tab .contribution__label {\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-white, #fff);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n}\n.details .rules__tab .contribution__type__label {\n margin-right: 4px;\n}\n.details .rules__tab .contribution__value {\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-gray-200, #c8d6ce);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.details .rules__tab .contribution__rule__value {\n margin-bottom: 8px;\n}\n.details__button {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex: 1 0 0;\n height: 42px;\n padding: 14px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background-color: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n}\n\n.button__container {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: calc(100% - 32px);\n padding: 16px 16px 22px 16px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n border-top: 1px solid var(--emw--color-blue, #003e5c);\n background: var(--emw--color-background, #000);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n\n.lds-dual-ring {\n display: block;\n width: 80px;\n height: 80px;\n margin: 80px auto 0 auto;\n}\n\n.lds-dual-ring:after {\n content: \" \";\n display: block;\n width: 64px;\n height: 64px;\n margin: 8px;\n border-radius: 50%;\n border: 6px solid var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e));\n border-color: var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e)) transparent var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e));\n animation: lds-dual-ring 1.2s linear infinite;\n}\n\n@keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.notification {\n display: flex;\n align-items: flex-start;\n border-radius: var(--emw--border-radius-small, 12px);\n background: rgba(188, 252, 177, 0.1);\n display: flex;\n padding: 16px;\n align-items: flex-start;\n gap: 10px;\n margin: 16px 16px 22px 16px;\n}\n.notification__icon {\n margin-top: 2px;\n}\n.notification__message, .notification__title {\n color: var(--emw--color-gray-50, #e2e2e2);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n}\n.notification__title {\n background: var(--emw--color-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.notification__column {\n display: flex;\n flex-direction: column;\n}\n\n@container challenges-details (min-width: 768px) {\n .button__container {\n display: none;\n }\n .details {\n gap: 36px;\n flex-wrap: nowrap;\n }\n .details__general-info-action-button {\n display: flex;\n }\n .details__general-info-image {\n width: 380px;\n height: 248px;\n object-fit: cover;\n }\n .details__general-info {\n min-width: 380px;\n max-width: 380px;\n }\n .details__tabs__container {\n max-width: calc(100% - 380px);\n }\n .details .levels__tab {\n gap: 20px;\n height: 60vh;\n }\n .details .levels__tab .level__icon {\n width: 14px;\n height: 14px;\n margin: 4px 6px 4px 0px;\n }\n .details .levels__tab .level__icon img {\n width: 100%;\n height: 100%;\n }\n .details .levels__tab .level__title {\n font-size: var(--emw--font-size-medium, 16px);\n }\n .details .levels__tab .level__title .completed, .details .levels__tab .level__title .in-progress {\n font-size: var(--emw--font-size-sm, 14px);\n }\n .details .levels__tab .level__bonus, .details .levels__tab .level__target, .details .levels__tab .level__value {\n font-size: var(--emw--font-size-sm, 14px);\n }\n .details .games__tab, .details .events__tab, .details .rules__tab {\n height: 60vh;\n padding: 32px 0;\n }\n .details .games__tab {\n gap: 20px;\n min-width: 340px;\n justify-content: normal;\n }\n .details .games__tab .game {\n width: 160px;\n height: 110px;\n }\n .details .games__tab .game .contribution {\n top: 8px;\n right: 8px;\n padding: 4px 10px;\n font-size: var(--emw--font-size-2x-small, 10px);\n line-height: 18px;\n }\n .challenges-header {\n margin: 0 0 32px;\n display: flex;\n justify-content: space-between;\n }\n .challenges-title {\n margin: 0;\n display: flex;\n gap: 10px;\n align-items: center;\n font-size: var(--emw--font-size-x-large, 24px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #ffffff);\n }\n .challenges-tabs {\n display: flex;\n gap: 12px;\n border-radius: 48px;\n padding: 6px;\n color: var(--emw--color-gray-200, #c8d6ce);\n background-color: var(--emw--color-background-secondary, #272727);\n }\n .challenges-tab {\n padding: 10px 16px;\n border-radius: 40px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n cursor: pointer;\n text-align: center;\n width: 95px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n }\n .challenges-tab.active {\n color: var(--emw--color-white, #ffffff);\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n }\n .challenges-tab:last-child {\n width: inherit;\n padding: 10px 16px;\n }\n}";
|
|
3608
|
+
const casinoChallengeDetailsCss = ".container-wrapper {\n container-type: inline-size;\n container-name: challenges-details;\n}\n\n.container {\n font-family: var(--emw--font-family-secondary, \"Montserrat\", sans-serif);\n background: var(--emw--color-background, #000);\n min-height: 100vh;\n box-sizing: border-box;\n min-width: 375px;\n width: 100%;\n margin: 0 auto;\n position: relative;\n padding: 0;\n}\n\n.challenges-header {\n display: none;\n}\n\n.back-button {\n display: flex;\n align-items: center;\n padding: 14px 0 14px 10px;\n outline: none;\n background: var(--emw--color-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n border: none;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n cursor: pointer;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.back-button__icon {\n margin: 0 4px;\n}\n.back-button__text {\n margin-left: 4px;\n}\n\n.details {\n min-width: 308px;\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 16px;\n min-width: 375px;\n width: 100%;\n}\n.details.grayed {\n opacity: 0.5;\n}\n.details__general-info {\n min-width: 344px;\n padding-bottom: 16px;\n width: 100%;\n}\n.details__general-info-image-container {\n position: relative;\n margin-bottom: 22px;\n}\n.details__general-info-image {\n display: block;\n min-width: 344px;\n height: 226px;\n border-radius: var(--emw--border-radius-medium, 16px);\n width: 100%;\n}\n.details__general-info-image.grayed {\n opacity: 0.5;\n}\n.details__general-info-timer-badge {\n position: absolute;\n background: var(--emw--color-white, #fff);\n top: 6px;\n right: 6px;\n border-radius: var(--emw--border-radius-large, 30px);\n padding: 2px 12px;\n line-height: 22px;\n font-weight: var(--emw--font-weight-medium, 500);\n font-size: var(--emw--font-size-x-small, 12px);\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n backdrop-filter: blur(20px);\n}\n.details__general-info-timer-badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292c29);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.completed {\n background: var(--emw--background-success-color, #c9f0d7);\n border: 1px solid var(--emw--border-success-color, #00b74f);\n color: var(--emw--color-gray-300, #083b17);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.forfeited {\n background: var(--emw--background-errored-color, #ffe1df);\n border: 1px solid var(--emw--border-errored-color, #d6421e);\n color: var(--emw--errored-color, #850606);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.paused {\n background: var(--emw--background-warning-color, #f8e4ad);\n border: 1px solid var(--emw--border-warning-color, #ea9018);\n color: var(--emw--warning-color, #6d460a);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-title {\n margin: 0 0 4px;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-large, 20px);\n font-weight: var(--emw--font-weight-bold, 700);\n display: flex;\n justify-content: space-between;\n}\n.details__general-info-title__icon--casino {\n width: 24px;\n height: 24px;\n}\n.details__general-info-title__icon--sportsbook {\n width: 22px;\n height: 22px;\n}\n.details__general-info-end-date_label {\n color: var(--emw--color-gray-150, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n margin: 0;\n}\n.details__general-info-end-date_value {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-action-button,\n.details .footer-action-button {\n width: 100%;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-medium, 16px);\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n text-align: center;\n text-transform: uppercase;\n font-weight: var(--emw--font-weight-bold, 700);\n height: 51px;\n padding: 16px 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n gap: 10px;\n}\n.details__general-info-action-button:hover,\n.details .footer-action-button:hover {\n border-color: var(--emw--color-secondary, #083b17);\n cursor: pointer;\n}\n.details__general-info-action-button.filled,\n.details .footer-action-button.filled {\n background-color: var(--emw--button-background-primary-color, #18ce51);\n color: var(--emw--color-white, #fff);\n border-color: var(--emw--color-gray-300, #083b17);\n}\n.details__general-info-action-button.filled:hover,\n.details .footer-action-button.filled:hover {\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.details__general-info-action-button.grayed,\n.details .footer-action-button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n background: var(--emw--color-black-150, #000000);\n border-color: var(--emw--button-disabled-border-color, #727672);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.details__general-info-action-button.grayed:hover,\n.details .footer-action-button.grayed:hover {\n color: var(--emw--color-white, #fff);\n}\n.details__general-info-action-button:disabled, .details__general-info-action-button:disabled:hover,\n.details .footer-action-button:disabled,\n.details .footer-action-button:disabled:hover {\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n border: 2px solid var(--emw--button-disabled-border-color, #727672);\n opacity: 0.7;\n}\n.details .footer-action-button {\n height: 44px;\n padding: 14px 20px;\n font-size: var(--emw--font-size-sm, 14px);\n}\n.details__general-info-action-button {\n display: none;\n margin-top: 32px;\n}\n.details__tabs-container {\n flex-grow: 1;\n max-width: 100%;\n}\n.details__tabs {\n position: relative;\n display: flex;\n justify-content: flex-start;\n border-bottom: 1px solid var(--emw--border-warning-color, #ea9018);\n}\n.details__tab {\n padding: 10px 20px;\n cursor: pointer;\n position: relative;\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-300, #555);\n display: flex;\n width: 33.3333333333%;\n padding: 12px 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n}\n.details__tab.active {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n background: var(--emw--active-tab, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.details__tab {\n color: var(--emw--color-gray-100, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n}\n.details__tab:nth-of-type(1).active ~ .active-tab-indicator {\n left: 0;\n width: 33.3333333333%;\n}\n.details__tab:nth-of-type(2).active ~ .active-tab-indicator {\n left: 33.3333333333%;\n width: 33.3333333333%;\n}\n.details__tab:nth-of-type(3).active ~ .active-tab-indicator {\n left: 66.6666666667%;\n width: 33.3333333333%;\n}\n.details .active-tab-indicator {\n position: absolute;\n bottom: -3px;\n height: 2px;\n background: var(--emw--active-tab-indicator, linear-gradient(180deg, rgba(234, 144, 24, 0.7) 0%, rgba(224, 168, 78, 0.7) 100%), #727672);\n transition: left 0.3s ease, width 0.3s ease;\n}\n.details .levels__tab {\n margin-top: 22px;\n display: flex;\n gap: 12px;\n flex-direction: column;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n}\n.details .level {\n display: flex;\n padding: 20px;\n flex-direction: column;\n align-items: flex-start;\n border-radius: var(--emw--border-radius-small, 12px);\n background-color: var(--emw--color-background, rgba(114, 118, 114, 0.2));\n}\n.details .level.grayed {\n background: rgba(114, 118, 114, 0.15);\n}\n.details .level.active {\n background: linear-gradient(90deg, rgba(30, 101, 79, 0.2) 0%, rgba(28, 141, 86, 0.2) 100%);\n border: 2px solid var(--Gradient-Blue, #003e5c);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.details .level.completed {\n background: linear-gradient(90deg, rgba(0, 62, 92, 0.3) 0.05%, rgba(17, 59, 33, 0.3) 87.69%);\n}\n.details .level__status {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n}\n.details .level__title {\n width: 100%;\n display: flex;\n justify-content: space-between;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n margin-bottom: 10px;\n}\n.details .level__title .completed, .details .level__title .in-progress {\n color: var(--emw--color-valid, #00b74f);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n text-align: right;\n line-height: 22px;\n}\n.details .level__title.grayed {\n color: var(--emw--disabled-color, #727672);\n}\n.details .level__progress {\n width: 100%;\n margin-bottom: 10px;\n}\n.details .level__icon {\n display: flex;\n margin: 5px 6px 5px 0;\n opacity: 1;\n}\n.details .level__icon img {\n display: block;\n width: 12px;\n height: 12px;\n}\n.details .level__icon img.grayed {\n opacity: 0.5;\n}\n.details .level__bonus, .details .level__target {\n display: flex;\n align-items: flex-start;\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n margin-bottom: 4px;\n}\n.details .level__value {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n width: 100%;\n}\n.details .level__value.grayed {\n opacity: 0.5;\n}\n.details .games__tab {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n padding: 22px 0;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n justify-content: center;\n}\n.details .games__tab .game {\n position: relative;\n width: 105px;\n height: 85px;\n cursor: pointer;\n}\n.details .games__tab .game img {\n width: 100%;\n height: 100%;\n border-radius: var(--emw--border-radius-medium, 16px);\n}\n.details .games__tab .game .contribution {\n position: absolute;\n top: 4px;\n right: 4px;\n color: var(--emw--color-white, #fff);\n border-radius: var(--emw--border-radius-small, 12px);\n border: 1px solid var(--Gradient-Blue, #003e5c);\n background: rgba(0, 0, 0, 0.5);\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n backdrop-filter: blur(5px);\n padding: 0 8px;\n font-size: var(--emw--font-size-2x-small, 8px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 22px;\n text-align: center;\n}\n.details .events__tab {\n display: flex;\n flex-direction: column;\n padding: 22px 0;\n gap: 24px;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n}\n.details .events__tab .event {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n margin: 0;\n}\n.details .events__tab .event span {\n text-transform: capitalize;\n}\n.details .rules__tab {\n display: flex;\n flex-direction: column;\n padding: 22px 0;\n gap: 22px;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n line-height: 24px;\n}\n.details .rules__tab .sportsbook-rules,\n.details .rules__tab .rule {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n}\n.details .rules__tab .sportsbook-rules .rule {\n margin: 0 0 22px;\n}\n.details .rules__tab .sportsbook-rules .rule__title {\n margin: 0;\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-white, #fff);\n font-weight: 700;\n}\n.details .rules__tab .sportsbook-rules .rule__title__value {\n display: inline-flex;\n align-items: center;\n height: 16px;\n}\n.details .rules__tab .sportsbook-rules .rule__title__value .infinity {\n font-size: 20px;\n font-weight: 500;\n margin-left: 4px;\n}\n.details .rules__tab .sportsbook-rules .rule__inners {\n gap: 22px;\n display: flex;\n flex-direction: column;\n}\n.details .rules__tab .link {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n background: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n padding: 0;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.details .rules__tab .contributionType {\n margin: 0 0 22px;\n}\n.details .rules__tab .contributionRule {\n margin: 0;\n}\n.details .rules__tab .contribution__label {\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-white, #fff);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n}\n.details .rules__tab .contribution__type__label {\n margin-right: 4px;\n}\n.details .rules__tab .contribution__value {\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-gray-200, #c8d6ce);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.details .rules__tab .contribution__rule__value {\n margin-bottom: 8px;\n}\n.details__button {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex: 1 0 0;\n height: 42px;\n padding: 14px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background-color: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n}\n\n.button__container {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: calc(100% - 32px);\n padding: 16px 16px 22px 16px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n border-top: 1px solid var(--emw--color-blue, #003e5c);\n background: var(--emw--color-background, #000);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n\n.lds-dual-ring {\n display: block;\n width: 80px;\n height: 80px;\n margin: 80px auto 0 auto;\n}\n\n.lds-dual-ring:after {\n content: \" \";\n display: block;\n width: 64px;\n height: 64px;\n margin: 8px;\n border-radius: 50%;\n border: 6px solid var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e));\n border-color: var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e)) transparent var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e));\n animation: lds-dual-ring 1.2s linear infinite;\n}\n\n@keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.notification {\n display: flex;\n align-items: flex-start;\n border-radius: var(--emw--border-radius-small, 12px);\n background: rgba(188, 252, 177, 0.1);\n display: flex;\n padding: 16px;\n align-items: flex-start;\n gap: 10px;\n margin: 16px 16px 22px 16px;\n}\n.notification__icon {\n margin-top: 2px;\n}\n.notification__message, .notification__title {\n color: var(--emw--color-gray-50, #e2e2e2);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n}\n.notification__title {\n background: var(--emw--color-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.notification__column {\n display: flex;\n flex-direction: column;\n}\n\n@container challenges-details (min-width: 768px) {\n .container {\n padding: 16px 12px;\n }\n .button__container {\n display: none;\n }\n .details {\n gap: 36px;\n flex-wrap: nowrap;\n }\n .details__general-info-action-button {\n display: flex;\n }\n .details__general-info-image {\n width: 380px;\n height: 248px;\n object-fit: cover;\n }\n .details__general-info {\n min-width: 380px;\n max-width: 380px;\n }\n .details__tabs__container {\n max-width: calc(100% - 380px);\n }\n .details .levels__tab {\n gap: 20px;\n height: 60vh;\n }\n .details .levels__tab .level__icon {\n width: 14px;\n height: 14px;\n margin: 4px 6px 4px 0px;\n }\n .details .levels__tab .level__icon img {\n width: 100%;\n height: 100%;\n }\n .details .levels__tab .level__title {\n font-size: var(--emw--font-size-medium, 16px);\n }\n .details .levels__tab .level__title .completed, .details .levels__tab .level__title .in-progress {\n font-size: var(--emw--font-size-sm, 14px);\n }\n .details .levels__tab .level__bonus, .details .levels__tab .level__target, .details .levels__tab .level__value {\n font-size: var(--emw--font-size-sm, 14px);\n }\n .details .games__tab, .details .events__tab, .details .rules__tab {\n height: 60vh;\n padding: 32px 0;\n }\n .details .games__tab {\n gap: 20px;\n min-width: 340px;\n justify-content: normal;\n }\n .details .games__tab .game {\n width: 160px;\n height: 110px;\n }\n .details .games__tab .game .contribution {\n top: 8px;\n right: 8px;\n padding: 4px 10px;\n font-size: var(--emw--font-size-2x-small, 10px);\n line-height: 18px;\n }\n .challenges-header {\n margin: 0 0 32px;\n display: flex;\n justify-content: space-between;\n }\n .challenges-title {\n margin: 0;\n display: flex;\n gap: 10px;\n align-items: center;\n font-size: var(--emw--font-size-x-large, 24px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #ffffff);\n }\n .challenges-tabs {\n display: flex;\n gap: 12px;\n border-radius: 48px;\n padding: 6px;\n color: var(--emw--color-gray-200, #c8d6ce);\n background-color: var(--emw--color-background-secondary, #272727);\n }\n .challenges-tab {\n padding: 10px 16px;\n border-radius: 40px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n cursor: pointer;\n text-align: center;\n width: 95px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n }\n .challenges-tab.active {\n color: var(--emw--color-white, #ffffff);\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n }\n .challenges-tab:last-child {\n width: inherit;\n padding: 10px 16px;\n }\n}";
|
|
3838
3609
|
const CasinoChallengeDetailsStyle0 = casinoChallengeDetailsCss;
|
|
3839
3610
|
|
|
3840
3611
|
const CasinoChallengeDetails = class {
|
|
@@ -4587,7 +4358,7 @@ const CasinoChallengeDetails = class {
|
|
|
4587
4358
|
}
|
|
4588
4359
|
}
|
|
4589
4360
|
render() {
|
|
4590
|
-
return (h("div", { key: '
|
|
4361
|
+
return (h("div", { key: '3bc15f9e862c15c4922d1e09bcadc33b68d60750', ref: (el) => (this.stylingContainer = el), class: "container-wrapper" }, h("div", { key: '8f8337f476a8cf3deab3a71f260a9346dc1c99a9', class: "container" }, this.pageHeader(), this.loading ? (h("div", { class: "lds-dual-ring" })) : (h("div", null, h("button", { class: "back-button", onClick: this.goBack }, h("img", { class: "back-button__icon", src: backArrowSvg }), this.getBackButtonText()), this.forfeitedNofitication(), this.completedNotification(), this.expiredNotification(), h("div", { class: "details" }, this.cardGeneralInfo(), h("div", { class: "details__tabs-container" }, this.challengeTabs(), this.challengeTabContent()), this.footer()))))));
|
|
4591
4362
|
}
|
|
4592
4363
|
static get watchers() { return {
|
|
4593
4364
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { E as EChallengeProgressLevelStatus, a as EChallengeStatus, b as EChallengeProgressStatus, t as translate } from './casino-challenge-details-
|
|
2
|
-
export { C as casino_challenge_details } from './casino-challenge-details-
|
|
1
|
+
import { E as EChallengeProgressLevelStatus, a as EChallengeStatus, b as EChallengeProgressStatus, t as translate } from './casino-challenge-details-1496580b.js';
|
|
2
|
+
export { C as casino_challenge_details } from './casino-challenge-details-1496580b.js';
|
|
3
3
|
import { r as registerInstance, h, g as getElement, H as Host } from './index-30adf0cb.js';
|
|
4
4
|
|
|
5
5
|
const activeChevronSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40MTA4MjYgMC45MTEwN0MwLjczNjI2MyAwLjU4NTYzMyAxLjI2MzkgMC41ODU2MzMgMS41ODkzNCAwLjkxMTA3TDYuMDAwMDggNS4zMjE4MUwxMC40MTA4IDAuOTExMDdDMTAuNzM2MyAwLjU4NTYzMyAxMS4yNjM5IDAuNTg1NjMzIDExLjU4OTMgMC45MTEwN0MxMS45MTQ4IDEuMjM2NTEgMTEuOTE0OCAxLjc2NDE0IDExLjU4OTMgMi4wODk1OEw2LjU4OTM0IDcuMDg5NThDNi4yNjM5IDcuNDE1MDIgNS43MzYyNiA3LjQxNTAyIDUuNDEwODMgNy4wODk1OEwwLjQxMDgyNiAyLjA4OTU4QzAuMDg1Mzg4OCAxLjc2NDE0IDAuMDg1Mzg4OCAxLjIzNjUxIDAuNDEwODI2IDAuOTExMDdaIiBmaWxsPSIjMDBCNzRGIi8+Cjwvc3ZnPgo=';
|
|
@@ -48,14 +48,14 @@ const CasinoChallengeExpandableParagraph = class {
|
|
|
48
48
|
}
|
|
49
49
|
render() {
|
|
50
50
|
const shouldClamp = this.isSmallScreen && this.needsTruncation && !this.expanded;
|
|
51
|
-
return (h("div", { key: '
|
|
51
|
+
return (h("div", { key: '43c1dd4b387af0c7cc77ec7a532f8a7a0aa3bb42', class: "container" }, h("div", { key: '0a1bc324a24ca42241f8c4f165bd0e5dc374f246', ref: (el) => (this.contentEl = el), class: {
|
|
52
52
|
paragraph: true,
|
|
53
53
|
truncated: shouldClamp,
|
|
54
54
|
expanded: this.expanded
|
|
55
|
-
}, style: shouldClamp ? { maxHeight: `${this.maxHeight}px` } : {} }, h("slot", { key: '
|
|
55
|
+
}, style: shouldClamp ? { maxHeight: `${this.maxHeight}px` } : {} }, h("slot", { key: '4b6a3e5c1481a2ea804ed36ccd76d1a6e94a559f' }), this.isSmallScreen && this.needsTruncation && (h("div", { key: '4fdb1067e80bcd56ad85c4c8518b6ad854117e28', class: "expand-overlay" }, h("div", { key: '91e2890f89880589c91c5aba57177f91733b5c61', class: {
|
|
56
56
|
'collapse-container': true,
|
|
57
57
|
'is-expanded': this.expanded
|
|
58
|
-
} }, h("img", { key: '
|
|
58
|
+
} }, h("img", { key: '9bb11e8bbf7b23600872f7d115bb55cf70daaf24', class: "control-link", src: this.active ? activeChevronSvg : inactiveChevronSvg, onClick: this.expanded ? this.toggleCollapse : this.toggleExpand, style: {
|
|
59
59
|
position: 'absolute',
|
|
60
60
|
bottom: this.expanded ? '-15px' : '-5px',
|
|
61
61
|
transform: this.expanded ? 'rotate(180deg)' : '',
|
|
@@ -77,7 +77,7 @@ const CasinoChallengeLevelProgressBar = class {
|
|
|
77
77
|
this.value = 0;
|
|
78
78
|
}
|
|
79
79
|
render() {
|
|
80
|
-
return (h(Host, { key: '
|
|
80
|
+
return (h(Host, { key: 'f4a7129f5a92f37d1f1c9a23b3afc637637c75a7' }, h("div", { key: 'd5b8f52563093bd7d2b4ec990dce4110b559ca19', class: "bar-wrapper" }, h("div", { key: '43885e03e40b97f82efa2abc93f9bb001fc84e7e', class: { 'bar-container': true, active: this.active }, style: { height: this.height } }, h("div", { key: '10d02b89da4378c561798c60f5197adc2d904111', class: { 'bar-fill': true, active: this.active }, style: { width: `${this.value}%` } })))));
|
|
81
81
|
}
|
|
82
82
|
};
|
|
83
83
|
CasinoChallengeLevelProgressBar.style = CasinoChallengeLevelProgressBarStyle0;
|
|
@@ -128,7 +128,7 @@ const CasinoChallengeProgressBar = class {
|
|
|
128
128
|
} }, secondImgSrc ? h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
|
|
129
129
|
}
|
|
130
130
|
render() {
|
|
131
|
-
return h(Host, { key: '
|
|
131
|
+
return h(Host, { key: '74a44794a79e2d8f4bf0b459be6e61db7315df20' }, this.challengeProgress);
|
|
132
132
|
}
|
|
133
133
|
};
|
|
134
134
|
CasinoChallengeProgressBar.style = CasinoChallengeProgressBarStyle0;
|