@everymatrix/player-kyc-verification 1.43.0 → 1.43.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/player-kyc-verification.cjs.entry.js +281 -16
  2. package/dist/collection/components/player-kyc-verification/player-kyc-verification.css +11 -4
  3. package/dist/collection/components/player-kyc-verification/player-kyc-verification.js +1 -1
  4. package/dist/collection/utils/locale.utils.js +279 -14
  5. package/dist/components/player-kyc-verification.js +281 -16
  6. package/dist/esm/player-kyc-verification.entry.js +281 -16
  7. package/dist/player-kyc-verification/p-e48f90ad.entry.js +1 -0
  8. package/dist/player-kyc-verification/player-kyc-verification.esm.js +1 -1
  9. package/package.json +1 -1
  10. package/dist/player-kyc-verification/p-a58fa58e.entry.js +0 -1
  11. /package/dist/types/Users/{sebastian.strulea/Documents/work → adrian.pripon/Documents/Work}/widgets-stencil/packages/player-kyc-verification/.stencil/packages/player-kyc-verification/stencil.config.d.ts +0 -0
package/dist/components/player-kyc-verification.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
2
2
 
3
3
  const DEFAULT_LANGUAGE = 'en';
4
- const SUPPORTED_LANGUAGES = ['de', 'en', 'hr'];
5
4
  let TRANSLATIONS = {
6
5
  en: {
7
6
  loading: 'Loading, please wait ...',
@@ -29,7 +28,40 @@ let TRANSLATIONS = {
29
28
  SourceOfWealth: 'Source of Wealth',
30
29
  SocialMedia: 'Social Media',
31
30
  ProofOfPayment: 'Proof of Payment',
32
- uploaded: 'Document already uploaded.'
31
+ uploaded: 'Document already uploaded.',
32
+ Unknown: 'Unknown',
33
+ Passport: 'Passport',
34
+ IdCardFront: 'ID Card (front side)',
35
+ IdCardBack: 'ID Card (back side)',
36
+ BirthCertificate: 'Birth Certificate',
37
+ DrivingLicenseFront: 'Driving License (front side)',
38
+ DrivingLicenseBack: 'Driving License (back side)',
39
+ ResidentialPermit: 'Residential Permit',
40
+ CreditDebitCardFront: 'Credit / Debit Card (front side)',
41
+ CreditDebitCardBack: 'Credit / Debit Card (back side)',
42
+ UtilityBill: 'Utility Bill',
43
+ TaxBill: 'Tax Bill',
44
+ CertifiedCopy: 'Certified Copy',
45
+ Selfie: 'Selfie',
46
+ BankStatement: 'Bank Statement',
47
+ RentAgreement: 'Rent Agreement',
48
+ InsuranceAgreement: 'Insurance Agreement',
49
+ Other: 'Other',
50
+ IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
51
+ SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
52
+ DividendsProfitsFromCompany: 'Dividends/Profits from company',
53
+ CompanySale: 'Company sale',
54
+ IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
55
+ SaleOfProperty: 'Sale of Property',
56
+ Inheritance: 'Inheritance',
57
+ MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
58
+ InsuranceClaims: 'Insurance Claims',
59
+ CompensationPayment: 'Compensation payment',
60
+ LotteryBettingCasinoWin: 'Lottery/betting/casino win',
61
+ Loan: 'Loan',
62
+ Gift: 'Gift',
63
+ Ewallet: 'eWallet',
64
+ Voucher: 'Voucher'
33
65
  },
34
66
  de: {
35
67
  loading: 'Loading, please wait ...',
@@ -57,7 +89,40 @@ let TRANSLATIONS = {
57
89
  SourceOfWealth: 'Source of Wealth',
58
90
  SocialMedia: 'Social Media',
59
91
  ProofOfPayment: 'Proof of Payment',
60
- uploaded: 'Dokument bereits hochgeladen.'
92
+ uploaded: 'Dokument bereits hochgeladen.',
93
+ Unknown: 'Unbekannt',
94
+ Passport: 'Reisepass',
95
+ IdCardFront: 'Personalausweis (Vorderseite)',
96
+ IdCardBack: 'Personalausweis (Rückseite)',
97
+ BirthCertificate: 'Geburtsurkunde',
98
+ DrivingLicenseFront: 'Führerschein (Vorderseite)',
99
+ DrivingLicenseBack: 'Führerschein (Rückseite)',
100
+ ResidentialPermit: 'Wohnberechtigungsschein',
101
+ CreditDebitCardFront: 'Kredit-/Debitkarte (Vorderseite)',
102
+ CreditDebitCardBack: 'Kredit-/Debitkarte (Rückseite)',
103
+ UtilityBill: 'Nebenkostenabrechnung',
104
+ TaxBill: 'Steuerbescheid',
105
+ CertifiedCopy: 'Beglaubigte Kopie',
106
+ Selfie: 'Selfie',
107
+ BankStatement: 'Kontoauszug',
108
+ RentAgreement: 'Mietvertrag',
109
+ InsuranceAgreement: 'Versicherungsvertrag',
110
+ Other: 'Sonstige',
111
+ IncomeAndOrSavingsFromEmployment: 'Einkommen und/oder Ersparnisse aus Beschäftigung',
112
+ SaleOfSharesOrOtherInvestments: 'Verkauf von Aktien oder anderen Anlagen',
113
+ DividendsProfitsFromCompany: 'Dividenden/Gewinne aus dem Unternehmen',
114
+ CompanySale: 'Firmenverkauf',
115
+ IndividualOwnsPolicyCompanyPays: 'Einzelperson besitzt die Police/Unternehmen zahlt',
116
+ SaleOfProperty: 'Immobilienverkauf',
117
+ Inheritance: 'Erbschaft',
118
+ MaturityOrSurrenderOfLifeAssurance: 'Fälligkeit oder Rückkauf einer Lebensversicherung',
119
+ InsuranceClaims: 'Versicherungsansprüche',
120
+ CompensationPayment: 'Entschädigungszahlung',
121
+ LotteryBettingCasinoWin: 'Lotterie-/Wett-/Casinogewinn',
122
+ Loan: 'Darlehen',
123
+ Gift: 'Geschenk',
124
+ Ewallet: 'E-Wallet',
125
+ Voucher: 'Gutschein'
61
126
  },
62
127
  ro: {
63
128
  loading: 'Loading, please wait ...',
@@ -85,7 +150,40 @@ let TRANSLATIONS = {
85
150
  SourceOfWealth: 'Source of Wealth',
86
151
  SocialMedia: 'Social Media',
87
152
  ProofOfPayment: 'Proof of Payment',
88
- uploaded: 'Document deja încărcat.'
153
+ uploaded: 'Document deja încărcat.',
154
+ Unknown: 'Unknown',
155
+ Passport: 'Passport',
156
+ IdCardFront: 'ID Card (front side)',
157
+ IdCardBack: 'ID Card (back side)',
158
+ BirthCertificate: 'Birth Certificate',
159
+ DrivingLicenseFront: 'Driving License (front side)',
160
+ DrivingLicenseBack: 'Driving License (back side)',
161
+ ResidentialPermit: 'Residential Permit',
162
+ CreditDebitCardFront: 'Credit / Debit Card (front side)',
163
+ CreditDebitCardBack: 'Credit / Debit Card (back side)',
164
+ UtilityBill: 'Utility Bill',
165
+ TaxBill: 'Tax Bill',
166
+ CertifiedCopy: 'Certified Copy',
167
+ Selfie: 'Selfie',
168
+ BankStatement: 'Bank Statement',
169
+ RentAgreement: 'Rent Agreement',
170
+ InsuranceAgreement: 'Insurance Agreement',
171
+ Other: 'Other',
172
+ IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
173
+ SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
174
+ DividendsProfitsFromCompany: 'Dividends/Profits from company',
175
+ CompanySale: 'Company sale',
176
+ IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
177
+ SaleOfProperty: 'Sale of Property',
178
+ Inheritance: 'Inheritance',
179
+ MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
180
+ InsuranceClaims: 'Insurance Claims',
181
+ CompensationPayment: 'Compensation payment',
182
+ LotteryBettingCasinoWin: 'Lottery/betting/casino win',
183
+ Loan: 'Loan',
184
+ Gift: 'Gift',
185
+ Ewallet: 'eWallet',
186
+ Voucher: 'Voucher'
89
187
  },
90
188
  fr: {
91
189
  loading: 'Loading, please wait ...',
@@ -113,7 +211,40 @@ let TRANSLATIONS = {
113
211
  SourceOfWealth: 'Source of Wealth',
114
212
  SocialMedia: 'Social Media',
115
213
  ProofOfPayment: 'Proof of Payment',
116
- uploaded: 'Document déjà téléchargé.'
214
+ uploaded: 'Document déjà téléchargé.',
215
+ Unknown: 'Unknown',
216
+ Passport: 'Passport',
217
+ IdCardFront: 'ID Card (front side)',
218
+ IdCardBack: 'ID Card (back side)',
219
+ BirthCertificate: 'Birth Certificate',
220
+ DrivingLicenseFront: 'Driving License (front side)',
221
+ DrivingLicenseBack: 'Driving License (back side)',
222
+ ResidentialPermit: 'Residential Permit',
223
+ CreditDebitCardFront: 'Credit / Debit Card (front side)',
224
+ CreditDebitCardBack: 'Credit / Debit Card (back side)',
225
+ UtilityBill: 'Utility Bill',
226
+ TaxBill: 'Tax Bill',
227
+ CertifiedCopy: 'Certified Copy',
228
+ Selfie: 'Selfie',
229
+ BankStatement: 'Bank Statement',
230
+ RentAgreement: 'Rent Agreement',
231
+ InsuranceAgreement: 'Insurance Agreement',
232
+ Other: 'Other',
233
+ IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
234
+ SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
235
+ DividendsProfitsFromCompany: 'Dividends/Profits from company',
236
+ CompanySale: 'Company sale',
237
+ IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
238
+ SaleOfProperty: 'Sale of Property',
239
+ Inheritance: 'Inheritance',
240
+ MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
241
+ InsuranceClaims: 'Insurance Claims',
242
+ CompensationPayment: 'Compensation payment',
243
+ LotteryBettingCasinoWin: 'Lottery/betting/casino win',
244
+ Loan: 'Loan',
245
+ Gift: 'Gift',
246
+ Ewallet: 'eWallet',
247
+ Voucher: 'Voucher'
117
248
  },
118
249
  ar: {
119
250
  loading: 'Loading, please wait ...',
@@ -141,7 +272,40 @@ let TRANSLATIONS = {
141
272
  SourceOfWealth: 'Source of Wealth',
142
273
  SocialMedia: 'Social Media',
143
274
  ProofOfPayment: 'Proof of Payment',
144
- uploaded: 'Document already uploaded.'
275
+ uploaded: 'Document already uploaded.',
276
+ Unknown: 'Unknown',
277
+ Passport: 'Passport',
278
+ IdCardFront: 'ID Card (front side)',
279
+ IdCardBack: 'ID Card (back side)',
280
+ BirthCertificate: 'Birth Certificate',
281
+ DrivingLicenseFront: 'Driving License (front side)',
282
+ DrivingLicenseBack: 'Driving License (back side)',
283
+ ResidentialPermit: 'Residential Permit',
284
+ CreditDebitCardFront: 'Credit / Debit Card (front side)',
285
+ CreditDebitCardBack: 'Credit / Debit Card (back side)',
286
+ UtilityBill: 'Utility Bill',
287
+ TaxBill: 'Tax Bill',
288
+ CertifiedCopy: 'Certified Copy',
289
+ Selfie: 'Selfie',
290
+ BankStatement: 'Bank Statement',
291
+ RentAgreement: 'Rent Agreement',
292
+ InsuranceAgreement: 'Insurance Agreement',
293
+ Other: 'Other',
294
+ IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
295
+ SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
296
+ DividendsProfitsFromCompany: 'Dividends/Profits from company',
297
+ CompanySale: 'Company sale',
298
+ IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
299
+ SaleOfProperty: 'Sale of Property',
300
+ Inheritance: 'Inheritance',
301
+ MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
302
+ InsuranceClaims: 'Insurance Claims',
303
+ CompensationPayment: 'Compensation payment',
304
+ LotteryBettingCasinoWin: 'Lottery/betting/casino win',
305
+ Loan: 'Loan',
306
+ Gift: 'Gift',
307
+ Ewallet: 'eWallet',
308
+ Voucher: 'Voucher'
145
309
  },
146
310
  hr: {
147
311
  loading: 'Učitavanje, molimo pričekajte ...',
@@ -169,7 +333,40 @@ let TRANSLATIONS = {
169
333
  SourceOfWealth: 'Izvor sredstava',
170
334
  SocialMedia: 'Društvene mreže',
171
335
  ProofOfPayment: 'Platna metoda',
172
- uploaded: 'Dokument je već učitan.'
336
+ uploaded: 'Dokument je već učitan.',
337
+ Unknown: 'Nepoznato',
338
+ Passport: 'Putovnica',
339
+ IdCardFront: 'Prednja strana osobne iskaznice',
340
+ IdCardBack: 'Stražnja strana osobne iskaznice',
341
+ BirthCertificate: 'Rodni list',
342
+ DrivingLicenseFront: 'Vozačka dozvola (prednja strana)',
343
+ DrivingLicenseBack: 'Vozačka dozvola (stražnja strana)',
344
+ ResidentialPermit: 'Boravišna dozvola',
345
+ CreditDebitCardFront: 'Kreditna/debitna kartica (prednja strana)',
346
+ CreditDebitCardBack: 'Kreditna/debitna kartica (stražnja strana)',
347
+ UtilityBill: 'Račun za komunalne usluge',
348
+ TaxBill: 'Porezni račun',
349
+ CertifiedCopy: 'Ovjereni primjerak',
350
+ Selfie: 'Selfie',
351
+ BankStatement: 'Bankovni izvod',
352
+ RentAgreement: 'Ugovor o najmu',
353
+ InsuranceAgreement: 'Ugovor o osiguranju',
354
+ Other: 'Ostalo',
355
+ IncomeAndOrSavingsFromEmployment: 'Prihod/Ušteđevina ',
356
+ SaleOfSharesOrOtherInvestments: 'Prodaja dionica ili drugih investicija',
357
+ DividendsProfitsFromCompany: 'Dividende/dobit od tvrtke',
358
+ CompanySale: 'Prodaja tvrtke',
359
+ IndividualOwnsPolicyCompanyPays: 'Osoba posjeduje policu/tvrtka plaća',
360
+ SaleOfProperty: 'Prodaja nekretnine',
361
+ Inheritance: 'Nasljeđe',
362
+ MaturityOrSurrenderOfLifeAssurance: 'Dospijeće ili predaja životnog osiguranja',
363
+ InsuranceClaims: 'Zahtjevi za osiguranje',
364
+ CompensationPayment: 'Isplata odštete',
365
+ LotteryBettingCasinoWin: 'Dobitak na lutriji/kladionici/kasinu',
366
+ Loan: 'Zajam',
367
+ Gift: 'Poklon',
368
+ Ewallet: 'Elektronički novčanik',
369
+ Voucher: 'Vaučer'
173
370
  },
174
371
  'pt-br': {
175
372
  Age: 'Age',
@@ -195,7 +392,40 @@ let TRANSLATIONS = {
195
392
  SourceOfWealth: 'Source of Wealth',
196
393
  SocialMedia: 'Social Media',
197
394
  ProofOfPayment: 'Proof of Payment',
198
- uploaded: 'Documento já carregado.'
395
+ uploaded: 'Documento já carregado.',
396
+ Unknown: 'Unknown',
397
+ Passport: 'Passport',
398
+ IdCardFront: 'ID Card (front side)',
399
+ IdCardBack: 'ID Card (back side)',
400
+ BirthCertificate: 'Birth Certificate',
401
+ DrivingLicenseFront: 'Driving License (front side)',
402
+ DrivingLicenseBack: 'Driving License (back side)',
403
+ ResidentialPermit: 'Residential Permit',
404
+ CreditDebitCardFront: 'Credit / Debit Card (front side)',
405
+ CreditDebitCardBack: 'Credit / Debit Card (back side)',
406
+ UtilityBill: 'Utility Bill',
407
+ TaxBill: 'Tax Bill',
408
+ CertifiedCopy: 'Certified Copy',
409
+ Selfie: 'Selfie',
410
+ BankStatement: 'Bank Statement',
411
+ RentAgreement: 'Rent Agreement',
412
+ InsuranceAgreement: 'Insurance Agreement',
413
+ Other: 'Other',
414
+ IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
415
+ SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
416
+ DividendsProfitsFromCompany: 'Dividends/Profits from company',
417
+ CompanySale: 'Company sale',
418
+ IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
419
+ SaleOfProperty: 'Sale of Property',
420
+ Inheritance: 'Inheritance',
421
+ MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
422
+ InsuranceClaims: 'Insurance Claims',
423
+ CompensationPayment: 'Compensation payment',
424
+ LotteryBettingCasinoWin: 'Lottery/betting/casino win',
425
+ Loan: 'Loan',
426
+ Gift: 'Gift',
427
+ Ewallet: 'eWallet',
428
+ Voucher: 'Voucher'
199
429
  },
200
430
  'es-mx': {
201
431
  Age: 'Age',
@@ -221,18 +451,53 @@ let TRANSLATIONS = {
221
451
  SourceOfWealth: 'Source of Wealth',
222
452
  SocialMedia: 'Social Media',
223
453
  ProofOfPayment: 'Proof of Payment',
224
- uploaded: 'Documento ya subido.'
454
+ uploaded: 'Documento ya subido.',
455
+ Unknown: 'Unknown',
456
+ Passport: 'Passport',
457
+ IdCardFront: 'ID Card (front side)',
458
+ IdCardBack: 'ID Card (back side)',
459
+ BirthCertificate: 'Birth Certificate',
460
+ DrivingLicenseFront: 'Driving License (front side)',
461
+ DrivingLicenseBack: 'Driving License (back side)',
462
+ ResidentialPermit: 'Residential Permit',
463
+ CreditDebitCardFront: 'Credit / Debit Card (front side)',
464
+ CreditDebitCardBack: 'Credit / Debit Card (back side)',
465
+ UtilityBill: 'Utility Bill',
466
+ TaxBill: 'Tax Bill',
467
+ CertifiedCopy: 'Certified Copy',
468
+ Selfie: 'Selfie',
469
+ BankStatement: 'Bank Statement',
470
+ RentAgreement: 'Rent Agreement',
471
+ InsuranceAgreement: 'Insurance Agreement',
472
+ Other: 'Other',
473
+ IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
474
+ SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
475
+ DividendsProfitsFromCompany: 'Dividends/Profits from company',
476
+ CompanySale: 'Company sale',
477
+ IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
478
+ SaleOfProperty: 'Sale of Property',
479
+ Inheritance: 'Inheritance',
480
+ MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
481
+ InsuranceClaims: 'Insurance Claims',
482
+ CompensationPayment: 'Compensation payment',
483
+ LotteryBettingCasinoWin: 'Lottery/betting/casino win',
484
+ Loan: 'Loan',
485
+ Gift: 'Gift',
486
+ Ewallet: 'eWallet',
487
+ Voucher: 'Voucher'
225
488
  }
226
489
  };
227
490
  const getTranslations = (url) => {
228
- // fetch url, get the data, replace the TRANSLATIONS content
229
491
  return new Promise((resolve) => {
230
492
  fetch(url)
231
493
  .then((res) => res.json())
232
494
  .then((data) => {
233
- Object.keys(data).forEach((item) => {
234
- for (let key in data[item]) {
235
- TRANSLATIONS[item][key] = data[item][key];
495
+ Object.keys(data).forEach((lang) => {
496
+ if (!TRANSLATIONS[lang]) {
497
+ TRANSLATIONS[lang] = {};
498
+ }
499
+ for (let key in data[lang]) {
500
+ TRANSLATIONS[lang][key] = data[lang][key];
236
501
  }
237
502
  });
238
503
  resolve(true);
@@ -241,7 +506,7 @@ const getTranslations = (url) => {
241
506
  };
242
507
  const translate = (key, customLang, values) => {
243
508
  const lang = customLang;
244
- let translation = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
509
+ let translation = TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
245
510
  if (values !== undefined) {
246
511
  for (const [key, value] of Object.entries(values.values)) {
247
512
  const regex = new RegExp(`{${key}}`, 'g');
@@ -264,7 +529,7 @@ const isMobile = (userAgent) => {
264
529
  userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
265
530
  };
266
531
 
267
- const playerKycVerificationCss = ":host {\n font-family: inherit;\n}\n\nbutton, select {\n font-family: inherit;\n}\n\n.ModalContainer {\n container-type: inline-size;\n}\n\n.player-kyc-verification-widget {\n padding: 20px;\n align-items: center;\n}\n.player-kyc-verification-widget h2 {\n margin: 15px;\n}\n.player-kyc-verification-widget .widget-description {\n margin: 24px 0px;\n}\n.player-kyc-verification-widget .verification-types {\n width: 100%;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 34px;\n}\n.player-kyc-verification-widget .verification-types .verification-box {\n transition: height 0.3s, border-color 0.3s;\n border: solid 1px var(--emfe-w-color-gray-100, #E6E6E6);\n border-radius: 2px;\n display: flex;\n flex-direction: column;\n padding: 0px 14px;\n border-width: 2px 2px 8px 2px;\n align-self: start;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box {\n flex-shrink: 0;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header {\n display: flex;\n padding: 14px 0px;\n justify-content: space-between;\n cursor: pointer;\n align-items: center;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .box-icon {\n flex-grow: 1;\n display: flex;\n justify-content: center;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .box-icon svg {\n height: 24px;\n width: 24px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .box-title {\n flex-grow: 1;\n font-size: 18px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .chevron-icon {\n flex-grow: 10;\n width: 14px;\n height: 14px;\n display: flex;\n justify-content: flex-end;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .chevron-icon svg {\n width: 20px;\n height: 22px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content {\n display: none;\n flex-grow: 1;\n border-top: 0.4px solid var(--emfe-w-color-gray-100, #E6E6E6);\n padding: 10px 0px;\n flex-grow: 1;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .upload-status {\n text-align: center;\n padding: 20px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown {\n display: flex;\n flex-direction: column;\n width: 100%;\n align-items: center;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown svg {\n margin: 16px;\n cursor: pointer;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown .nice-select {\n cursor: pointer;\n width: 100%;\n height: 30px;\n padding: 4px 14px;\n font-size: 14px;\n border: 1px solid var(--emfe-w-color-gray-150, #828282);\n border-radius: 2px;\n background-color: var(--emfe-w-color-white, #FFFFFF);\n color: #333;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding-right: 30px;\n background-repeat: no-repeat;\n background-position: right 10px center;\n background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill=\"%23333\" d=\"M10 18.4l-6.5-6.5h13z\"/><path fill=\"%23333\" d=\"M10 1.6l6.5 6.5H3.5z\"/></svg>');\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown .sample-file .download-button {\n font-family: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--emfe-w-color-white, #FFFFFF);\n color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n border: none;\n font-size: 16px;\n padding: 10px 0px 0px 0px;\n cursor: pointer;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown .sample-file .download-button svg {\n margin-right: 10px;\n}\n.player-kyc-verification-widget .verification-types .verification-box.expanded {\n border-color: var(--emfe-w-color-valid var(--emfe-w-color-green, #48952a));\n min-height: 120px;\n}\n.player-kyc-verification-widget .verification-types .verification-box.failed {\n border-color: var(--emfe-w-color-error var(--emfe-w-color-red, #FD2839));\n}\n.player-kyc-verification-widget .verification-types .verification-box.success {\n border-color: var(--emfe-w-color-valid var(--emfe-w-color-green, #48952a));\n}\n.player-kyc-verification-widget .verification-types .verification-box.expanded .box-content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n.player-kyc-verification-widget .verification-types .verification-box.expanded .box-content .verification-status {\n margin: 12px 0px 16px;\n font-size: 18px;\n text-align: center;\n color: var(--emfe-w-color-gray-150, #828282);\n}\n\n.MenuReturnButton {\n display: flex;\n align-items: center;\n}\n\n@container (min-width: 700px) {\n .player-kyc-verification-widget {\n padding: 100px 60px;\n }\n}\n@container (max-width: 700px) {\n .player-kyc-verification-widget h2 {\n margin: 15px;\n text-align: center;\n }\n .player-kyc-verification-widget .verification-types {\n grid-template-columns: 1fr;\n grid-gap: 16px;\n }\n}\n@container (max-width: 1240px) and (min-width: 701px) {\n .player-kyc-verification-widget .verification-types {\n grid-template-columns: repeat(2, 1fr);\n }\n}";
532
+ const playerKycVerificationCss = ":host {\n font-family: inherit;\n}\n\nbutton, select {\n font-family: inherit;\n}\n\n.ModalContainer {\n container-type: inline-size;\n}\n\n.player-kyc-verification-widget {\n padding: 20px;\n align-items: center;\n}\n.player-kyc-verification-widget h2 {\n margin: 15px;\n}\n.player-kyc-verification-widget .widget-description {\n margin: 24px 0px;\n}\n.player-kyc-verification-widget .verification-types {\n width: 100%;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 34px;\n}\n.player-kyc-verification-widget .verification-types .verification-box {\n transition: height 0.3s, border-color 0.3s;\n border: solid 1px var(--emfe-w-color-gray-100, #E6E6E6);\n border-radius: 2px;\n display: flex;\n flex-direction: column;\n padding: 0px 14px;\n border-width: 2px 2px 8px 2px;\n align-self: start;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box {\n flex-shrink: 0;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header {\n display: flex;\n padding: 14px 0px;\n justify-content: space-between;\n cursor: pointer;\n align-items: center;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .box-icon {\n flex-grow: 1;\n display: flex;\n justify-content: center;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .box-icon svg {\n height: 24px;\n width: 24px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .box-title {\n flex-grow: 1;\n font-size: 18px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .chevron-icon {\n flex-grow: 10;\n width: 14px;\n height: 14px;\n display: flex;\n justify-content: flex-end;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .chevron-icon svg {\n width: 20px;\n height: 22px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content {\n flex-grow: 1;\n border-top: 0.4px solid var(--emfe-w-color-gray-100, #E6E6E6);\n padding: 10px 0px;\n flex-grow: 1;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .upload-status {\n text-align: center;\n padding: 20px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown {\n display: flex;\n flex-direction: column;\n width: 100%;\n align-items: center;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown svg {\n margin: 16px;\n cursor: pointer;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown .nice-select {\n cursor: pointer;\n width: 100%;\n height: 30px;\n padding: 4px 14px;\n font-size: 14px;\n border: 1px solid var(--emfe-w-color-gray-150, #828282);\n border-radius: 2px;\n background-color: var(--emfe-w-color-white, #FFFFFF);\n color: #333;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding-right: 30px;\n background-repeat: no-repeat;\n background-position: right 10px center;\n background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill=\"%23333\" d=\"M10 18.4l-6.5-6.5h13z\"/><path fill=\"%23333\" d=\"M10 1.6l6.5 6.5H3.5z\"/></svg>');\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown .sample-file .download-button {\n font-family: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--emfe-w-color-white, #FFFFFF);\n color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n border: none;\n font-size: 16px;\n padding: 10px 0px 0px 0px;\n cursor: pointer;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown .sample-file .download-button svg {\n margin-right: 10px;\n}\n.player-kyc-verification-widget .verification-types .verification-box.expanded {\n border-color: var(--emfe-w-color-valid, var(--emfe-w-color-green, #48952a));\n min-height: 120px;\n}\n.player-kyc-verification-widget .verification-types .verification-box.failed {\n border-color: var(--emfe-w-color-error, var(--emfe-w-color-red, #FD2839));\n}\n.player-kyc-verification-widget .verification-types .verification-box.success {\n border-color: var(--emfe-w-color-valid, var(--emfe-w-color-green, #48952a));\n}\n.player-kyc-verification-widget .verification-types .verification-box.expanded .box-content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n.player-kyc-verification-widget .verification-types .verification-box.expanded .box-content .verification-status {\n margin: 12px 0px 16px;\n font-size: 18px;\n text-align: center;\n color: var(--emfe-w-color-gray-150, #828282);\n}\n\n.MenuReturnButton {\n display: flex;\n align-items: center;\n}\n\n@container (min-width: 700px) {\n .player-kyc-verification-widget {\n padding: 100px 60px;\n }\n}\n@container (max-width: 700px) {\n .player-kyc-verification-widget h2 {\n margin: 15px;\n text-align: center;\n }\n .player-kyc-verification-widget .verification-types {\n grid-template-columns: 1fr;\n grid-gap: 16px;\n }\n}\n@container (max-width: 475px) {\n .player-kyc-verification-widget .verification-types {\n display: block;\n }\n .player-kyc-verification-widget .verification-types .verification-box {\n margin-bottom: 20px;\n }\n}\n@container (max-width: 1240px) and (min-width: 701px) {\n .player-kyc-verification-widget .verification-types {\n grid-template-columns: repeat(2, 1fr);\n }\n}";
268
533
 
269
534
  const PlayerKycVerificationWidget = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
270
535
  constructor() {
@@ -567,7 +832,7 @@ const PlayerKycVerificationWidget = /*@__PURE__*/ proxyCustomElement(class exten
567
832
  return (h("div", null, h("hr", { style: { margin: '5px' } }), h("iframe", { src: flowInfo.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: true, allow: "camera *;microphone *" })));
568
833
  }
569
834
  else {
570
- return (h("div", { class: "box box-content" }, h(Fragment, null, isVerified ? (h("div", { class: "verification-status" }, translate('verificationComplete', this.language))) : isFailedOrExpired ? (h("div", { class: "verification-status" }, status === 'Failed' ? translate('verificationFailed', this.language) : translate('verificationExpired', this.language))) : documents.length > 0 ? (h("div", { class: "documents-dropdown" }, h("select", { class: "nice-select", onChange: (event) => this.handleOptionChange(event, verificationType.type) }, h("option", { value: "", selected: true, disabled: true, hidden: true }, translate('chooseDocument', this.language)), documents.map((doc) => (h("option", { selected: optionChosen == doc.code ? true : false, value: doc.code }, doc.type.replace(/([A-Z])/g, ' $1'))))), this.renderDocumentsActions(documents.find((e) => e.code === optionChosen), optionChosen, verificationType))) : null)));
835
+ return (h("div", { class: "box box-content" }, h(Fragment, null, isVerified ? (h("div", { class: "verification-status" }, translate('verificationComplete', this.language))) : isFailedOrExpired ? (h("div", { class: "verification-status" }, status === 'Failed' ? translate('verificationFailed', this.language) : translate('verificationExpired', this.language))) : documents.length > 0 ? (h("div", { class: "documents-dropdown" }, h("select", { class: "nice-select", onChange: (event) => this.handleOptionChange(event, verificationType.type) }, h("option", { value: "", selected: true, disabled: true, hidden: true }, translate('chooseDocument', this.language)), documents.map((doc) => (h("option", { selected: optionChosen == doc.code ? true : false, value: doc.code }, translate(doc.type, this.language))))), this.renderDocumentsActions(documents.find((e) => e.code === optionChosen), optionChosen, verificationType))) : null)));
571
836
  }
572
837
  }
573
838
  render() {