npm - @everymatrix/player-kyc-verification - Versions diffs - 1.43.0 → 1.43.2 - Mend

@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

package/dist/cjs/player-kyc-verification.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-95fc1c57.js');
 const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['de', 'en', 'hr'];
 let TRANSLATIONS = {
   en: {
     loading: 'Loading, please wait ...',
@@ -33,7 +32,40 @@ let TRANSLATIONS = {
     SourceOfWealth: 'Source of Wealth',
     SocialMedia: 'Social Media',
     ProofOfPayment: 'Proof of Payment',
-    uploaded: 'Document already uploaded.'
+    uploaded: 'Document already uploaded.',
+    Unknown: 'Unknown',
+    Passport: 'Passport',
+    IdCardFront: 'ID Card (front side)',
+    IdCardBack: 'ID Card (back side)',
+    BirthCertificate: 'Birth Certificate',
+    DrivingLicenseFront: 'Driving License (front side)',
+    DrivingLicenseBack: 'Driving License (back side)',
+    ResidentialPermit: 'Residential Permit',
+    CreditDebitCardFront: 'Credit / Debit Card (front side)',
+    CreditDebitCardBack: 'Credit / Debit Card (back side)',
+    UtilityBill: 'Utility Bill',
+    TaxBill: 'Tax Bill',
+    CertifiedCopy: 'Certified Copy',
+    Selfie: 'Selfie',
+    BankStatement: 'Bank Statement',
+    RentAgreement: 'Rent Agreement',
+    InsuranceAgreement: 'Insurance Agreement',
+    Other: 'Other',
+    IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
+    SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
+    DividendsProfitsFromCompany: 'Dividends/Profits from company',
+    CompanySale: 'Company sale',
+    IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
+    SaleOfProperty: 'Sale of Property',
+    Inheritance: 'Inheritance',
+    MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
+    InsuranceClaims: 'Insurance Claims',
+    CompensationPayment: 'Compensation payment',
+    LotteryBettingCasinoWin: 'Lottery/betting/casino win',
+    Loan: 'Loan',
+    Gift: 'Gift',
+    Ewallet: 'eWallet',
+    Voucher: 'Voucher'
   },
   de: {
     loading: 'Loading, please wait ...',
@@ -61,7 +93,40 @@ let TRANSLATIONS = {
     SourceOfWealth: 'Source of Wealth',
     SocialMedia: 'Social Media',
     ProofOfPayment: 'Proof of Payment',
-    uploaded: 'Dokument bereits hochgeladen.'
+    uploaded: 'Dokument bereits hochgeladen.',
+    Unknown: 'Unbekannt',
+    Passport: 'Reisepass',
+    IdCardFront: 'Personalausweis (Vorderseite)',
+    IdCardBack: 'Personalausweis (Rückseite)',
+    BirthCertificate: 'Geburtsurkunde',
+    DrivingLicenseFront: 'Führerschein (Vorderseite)',
+    DrivingLicenseBack: 'Führerschein (Rückseite)',
+    ResidentialPermit: 'Wohnberechtigungsschein',
+    CreditDebitCardFront: 'Kredit-/Debitkarte (Vorderseite)',
+    CreditDebitCardBack: 'Kredit-/Debitkarte (Rückseite)',
+    UtilityBill: 'Nebenkostenabrechnung',
+    TaxBill: 'Steuerbescheid',
+    CertifiedCopy: 'Beglaubigte Kopie',
+    Selfie: 'Selfie',
+    BankStatement: 'Kontoauszug',
+    RentAgreement: 'Mietvertrag',
+    InsuranceAgreement: 'Versicherungsvertrag',
+    Other: 'Sonstige',
+    IncomeAndOrSavingsFromEmployment: 'Einkommen und/oder Ersparnisse aus Beschäftigung',
+    SaleOfSharesOrOtherInvestments: 'Verkauf von Aktien oder anderen Anlagen',
+    DividendsProfitsFromCompany: 'Dividenden/Gewinne aus dem Unternehmen',
+    CompanySale: 'Firmenverkauf',
+    IndividualOwnsPolicyCompanyPays: 'Einzelperson besitzt die Police/Unternehmen zahlt',
+    SaleOfProperty: 'Immobilienverkauf',
+    Inheritance: 'Erbschaft',
+    MaturityOrSurrenderOfLifeAssurance: 'Fälligkeit oder Rückkauf einer Lebensversicherung',
+    InsuranceClaims: 'Versicherungsansprüche',
+    CompensationPayment: 'Entschädigungszahlung',
+    LotteryBettingCasinoWin: 'Lotterie-/Wett-/Casinogewinn',
+    Loan: 'Darlehen',
+    Gift: 'Geschenk',
+    Ewallet: 'E-Wallet',
+    Voucher: 'Gutschein'
   },
   ro: {
     loading: 'Loading, please wait ...',
@@ -89,7 +154,40 @@ let TRANSLATIONS = {
     SourceOfWealth: 'Source of Wealth',
     SocialMedia: 'Social Media',
     ProofOfPayment: 'Proof of Payment',
-    uploaded: 'Document deja încărcat.'
+    uploaded: 'Document deja încărcat.',
+    Unknown: 'Unknown',
+    Passport: 'Passport',
+    IdCardFront: 'ID Card (front side)',
+    IdCardBack: 'ID Card (back side)',
+    BirthCertificate: 'Birth Certificate',
+    DrivingLicenseFront: 'Driving License (front side)',
+    DrivingLicenseBack: 'Driving License (back side)',
+    ResidentialPermit: 'Residential Permit',
+    CreditDebitCardFront: 'Credit / Debit Card (front side)',
+    CreditDebitCardBack: 'Credit / Debit Card (back side)',
+    UtilityBill: 'Utility Bill',
+    TaxBill: 'Tax Bill',
+    CertifiedCopy: 'Certified Copy',
+    Selfie: 'Selfie',
+    BankStatement: 'Bank Statement',
+    RentAgreement: 'Rent Agreement',
+    InsuranceAgreement: 'Insurance Agreement',
+    Other: 'Other',
+    IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
+    SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
+    DividendsProfitsFromCompany: 'Dividends/Profits from company',
+    CompanySale: 'Company sale',
+    IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
+    SaleOfProperty: 'Sale of Property',
+    Inheritance: 'Inheritance',
+    MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
+    InsuranceClaims: 'Insurance Claims',
+    CompensationPayment: 'Compensation payment',
+    LotteryBettingCasinoWin: 'Lottery/betting/casino win',
+    Loan: 'Loan',
+    Gift: 'Gift',
+    Ewallet: 'eWallet',
+    Voucher: 'Voucher'
   },
   fr: {
     loading: 'Loading, please wait ...',
@@ -117,7 +215,40 @@ let TRANSLATIONS = {
     SourceOfWealth: 'Source of Wealth',
     SocialMedia: 'Social Media',
     ProofOfPayment: 'Proof of Payment',
-    uploaded: 'Document déjà téléchargé.'
+    uploaded: 'Document déjà téléchargé.',
+    Unknown: 'Unknown',
+    Passport: 'Passport',
+    IdCardFront: 'ID Card (front side)',
+    IdCardBack: 'ID Card (back side)',
+    BirthCertificate: 'Birth Certificate',
+    DrivingLicenseFront: 'Driving License (front side)',
+    DrivingLicenseBack: 'Driving License (back side)',
+    ResidentialPermit: 'Residential Permit',
+    CreditDebitCardFront: 'Credit / Debit Card (front side)',
+    CreditDebitCardBack: 'Credit / Debit Card (back side)',
+    UtilityBill: 'Utility Bill',
+    TaxBill: 'Tax Bill',
+    CertifiedCopy: 'Certified Copy',
+    Selfie: 'Selfie',
+    BankStatement: 'Bank Statement',
+    RentAgreement: 'Rent Agreement',
+    InsuranceAgreement: 'Insurance Agreement',
+    Other: 'Other',
+    IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
+    SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
+    DividendsProfitsFromCompany: 'Dividends/Profits from company',
+    CompanySale: 'Company sale',
+    IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
+    SaleOfProperty: 'Sale of Property',
+    Inheritance: 'Inheritance',
+    MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
+    InsuranceClaims: 'Insurance Claims',
+    CompensationPayment: 'Compensation payment',
+    LotteryBettingCasinoWin: 'Lottery/betting/casino win',
+    Loan: 'Loan',
+    Gift: 'Gift',
+    Ewallet: 'eWallet',
+    Voucher: 'Voucher'
   },
   ar: {
     loading: 'Loading, please wait ...',
@@ -145,7 +276,40 @@ let TRANSLATIONS = {
     SourceOfWealth: 'Source of Wealth',
     SocialMedia: 'Social Media',
     ProofOfPayment: 'Proof of Payment',
-    uploaded: 'Document already uploaded.'
+    uploaded: 'Document already uploaded.',
+    Unknown: 'Unknown',
+    Passport: 'Passport',
+    IdCardFront: 'ID Card (front side)',
+    IdCardBack: 'ID Card (back side)',
+    BirthCertificate: 'Birth Certificate',
+    DrivingLicenseFront: 'Driving License (front side)',
+    DrivingLicenseBack: 'Driving License (back side)',
+    ResidentialPermit: 'Residential Permit',
+    CreditDebitCardFront: 'Credit / Debit Card (front side)',
+    CreditDebitCardBack: 'Credit / Debit Card (back side)',
+    UtilityBill: 'Utility Bill',
+    TaxBill: 'Tax Bill',
+    CertifiedCopy: 'Certified Copy',
+    Selfie: 'Selfie',
+    BankStatement: 'Bank Statement',
+    RentAgreement: 'Rent Agreement',
+    InsuranceAgreement: 'Insurance Agreement',
+    Other: 'Other',
+    IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
+    SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
+    DividendsProfitsFromCompany: 'Dividends/Profits from company',
+    CompanySale: 'Company sale',
+    IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
+    SaleOfProperty: 'Sale of Property',
+    Inheritance: 'Inheritance',
+    MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
+    InsuranceClaims: 'Insurance Claims',
+    CompensationPayment: 'Compensation payment',
+    LotteryBettingCasinoWin: 'Lottery/betting/casino win',
+    Loan: 'Loan',
+    Gift: 'Gift',
+    Ewallet: 'eWallet',
+    Voucher: 'Voucher'
   },
   hr: {
     loading: 'Učitavanje, molimo pričekajte ...',
@@ -173,7 +337,40 @@ let TRANSLATIONS = {
     SourceOfWealth: 'Izvor sredstava',
     SocialMedia: 'Društvene mreže',
     ProofOfPayment: 'Platna metoda',
-    uploaded: 'Dokument je već učitan.'
+    uploaded: 'Dokument je već učitan.',
+    Unknown: 'Nepoznato',
+    Passport: 'Putovnica',
+    IdCardFront: 'Prednja strana osobne iskaznice',
+    IdCardBack: 'Stražnja strana osobne iskaznice',
+    BirthCertificate: 'Rodni list',
+    DrivingLicenseFront: 'Vozačka dozvola (prednja strana)',
+    DrivingLicenseBack: 'Vozačka dozvola (stražnja strana)',
+    ResidentialPermit: 'Boravišna dozvola',
+    CreditDebitCardFront: 'Kreditna/debitna kartica (prednja strana)',
+    CreditDebitCardBack: 'Kreditna/debitna kartica (stražnja strana)',
+    UtilityBill: 'Račun za komunalne usluge',
+    TaxBill: 'Porezni račun',
+    CertifiedCopy: 'Ovjereni primjerak',
+    Selfie: 'Selfie',
+    BankStatement: 'Bankovni izvod',
+    RentAgreement: 'Ugovor o najmu',
+    InsuranceAgreement: 'Ugovor o osiguranju',
+    Other: 'Ostalo',
+    IncomeAndOrSavingsFromEmployment: 'Prihod/Ušteđevina ',
+    SaleOfSharesOrOtherInvestments: 'Prodaja dionica ili drugih investicija',
+    DividendsProfitsFromCompany: 'Dividende/dobit od tvrtke',
+    CompanySale: 'Prodaja tvrtke',
+    IndividualOwnsPolicyCompanyPays: 'Osoba posjeduje policu/tvrtka plaća',
+    SaleOfProperty: 'Prodaja nekretnine',
+    Inheritance: 'Nasljeđe',
+    MaturityOrSurrenderOfLifeAssurance: 'Dospijeće ili predaja životnog osiguranja',
+    InsuranceClaims: 'Zahtjevi za osiguranje',
+    CompensationPayment: 'Isplata odštete',
+    LotteryBettingCasinoWin: 'Dobitak na lutriji/kladionici/kasinu',
+    Loan: 'Zajam',
+    Gift: 'Poklon',
+    Ewallet: 'Elektronički novčanik',
+    Voucher: 'Vaučer'
   },
   'pt-br': {
     Age: 'Age',
@@ -199,7 +396,40 @@ let TRANSLATIONS = {
     SourceOfWealth: 'Source of Wealth',
     SocialMedia: 'Social Media',
     ProofOfPayment: 'Proof of Payment',
-    uploaded: 'Documento já carregado.'
+    uploaded: 'Documento já carregado.',
+    Unknown: 'Unknown',
+    Passport: 'Passport',
+    IdCardFront: 'ID Card (front side)',
+    IdCardBack: 'ID Card (back side)',
+    BirthCertificate: 'Birth Certificate',
+    DrivingLicenseFront: 'Driving License (front side)',
+    DrivingLicenseBack: 'Driving License (back side)',
+    ResidentialPermit: 'Residential Permit',
+    CreditDebitCardFront: 'Credit / Debit Card (front side)',
+    CreditDebitCardBack: 'Credit / Debit Card (back side)',
+    UtilityBill: 'Utility Bill',
+    TaxBill: 'Tax Bill',
+    CertifiedCopy: 'Certified Copy',
+    Selfie: 'Selfie',
+    BankStatement: 'Bank Statement',
+    RentAgreement: 'Rent Agreement',
+    InsuranceAgreement: 'Insurance Agreement',
+    Other: 'Other',
+    IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
+    SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
+    DividendsProfitsFromCompany: 'Dividends/Profits from company',
+    CompanySale: 'Company sale',
+    IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
+    SaleOfProperty: 'Sale of Property',
+    Inheritance: 'Inheritance',
+    MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
+    InsuranceClaims: 'Insurance Claims',
+    CompensationPayment: 'Compensation payment',
+    LotteryBettingCasinoWin: 'Lottery/betting/casino win',
+    Loan: 'Loan',
+    Gift: 'Gift',
+    Ewallet: 'eWallet',
+    Voucher: 'Voucher'
   },
   'es-mx': {
     Age: 'Age',
@@ -225,18 +455,53 @@ let TRANSLATIONS = {
     SourceOfWealth: 'Source of Wealth',
     SocialMedia: 'Social Media',
     ProofOfPayment: 'Proof of Payment',
-    uploaded: 'Documento ya subido.'
+    uploaded: 'Documento ya subido.',
+    Unknown: 'Unknown',
+    Passport: 'Passport',
+    IdCardFront: 'ID Card (front side)',
+    IdCardBack: 'ID Card (back side)',
+    BirthCertificate: 'Birth Certificate',
+    DrivingLicenseFront: 'Driving License (front side)',
+    DrivingLicenseBack: 'Driving License (back side)',
+    ResidentialPermit: 'Residential Permit',
+    CreditDebitCardFront: 'Credit / Debit Card (front side)',
+    CreditDebitCardBack: 'Credit / Debit Card (back side)',
+    UtilityBill: 'Utility Bill',
+    TaxBill: 'Tax Bill',
+    CertifiedCopy: 'Certified Copy',
+    Selfie: 'Selfie',
+    BankStatement: 'Bank Statement',
+    RentAgreement: 'Rent Agreement',
+    InsuranceAgreement: 'Insurance Agreement',
+    Other: 'Other',
+    IncomeAndOrSavingsFromEmployment: 'Income and/or savings from employment',
+    SaleOfSharesOrOtherInvestments: 'Sale of shares or other investments',
+    DividendsProfitsFromCompany: 'Dividends/Profits from company',
+    CompanySale: 'Company sale',
+    IndividualOwnsPolicyCompanyPays: 'Individual owns policy/company pays',
+    SaleOfProperty: 'Sale of Property',
+    Inheritance: 'Inheritance',
+    MaturityOrSurrenderOfLifeAssurance: 'Maturity or surrender of life assurance',
+    InsuranceClaims: 'Insurance Claims',
+    CompensationPayment: 'Compensation payment',
+    LotteryBettingCasinoWin: 'Lottery/betting/casino win',
+    Loan: 'Loan',
+    Gift: 'Gift',
+    Ewallet: 'eWallet',
+    Voucher: 'Voucher'
   }
 };
 const getTranslations = (url) => {
-  // fetch url, get the data, replace the TRANSLATIONS content
   return new Promise((resolve) => {
     fetch(url)
       .then((res) => res.json())
       .then((data) => {
-      Object.keys(data).forEach((item) => {
-        for (let key in data[item]) {
-          TRANSLATIONS[item][key] = data[item][key];
+      Object.keys(data).forEach((lang) => {
+        if (!TRANSLATIONS[lang]) {
+          TRANSLATIONS[lang] = {};
+        }
+        for (let key in data[lang]) {
+          TRANSLATIONS[lang][key] = data[lang][key];
         }
       });
       resolve(true);
@@ -245,7 +510,7 @@ const getTranslations = (url) => {
 };
 const translate = (key, customLang, values) => {
   const lang = customLang;
-  let translation = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+  let translation = TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
   if (values !== undefined) {
     for (const [key, value] of Object.entries(values.values)) {
       const regex = new RegExp(`{${key}}`, 'g');
@@ -268,7 +533,7 @@ const isMobile = (userAgent) => {
     userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
-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}";
+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}";
 const PlayerKycVerificationWidget = class {
   constructor(hostRef) {
@@ -569,7 +834,7 @@ const PlayerKycVerificationWidget = class {
       return (index.h("div", null, index.h("hr", { style: { margin: '5px' } }), index.h("iframe", { src: flowInfo.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: true, allow: "camera *;microphone *" })));
     }
     else {
-      return (index.h("div", { class: "box box-content" }, index.h(index.Fragment, null, isVerified ? (index.h("div", { class: "verification-status" }, translate('verificationComplete', this.language))) : isFailedOrExpired ? (index.h("div", { class: "verification-status" }, status === 'Failed' ? translate('verificationFailed', this.language) : translate('verificationExpired', this.language))) : documents.length > 0 ? (index.h("div", { class: "documents-dropdown" }, index.h("select", { class: "nice-select", onChange: (event) => this.handleOptionChange(event, verificationType.type) }, index.h("option", { value: "", selected: true, disabled: true, hidden: true }, translate('chooseDocument', this.language)), documents.map((doc) => (index.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)));
+      return (index.h("div", { class: "box box-content" }, index.h(index.Fragment, null, isVerified ? (index.h("div", { class: "verification-status" }, translate('verificationComplete', this.language))) : isFailedOrExpired ? (index.h("div", { class: "verification-status" }, status === 'Failed' ? translate('verificationFailed', this.language) : translate('verificationExpired', this.language))) : documents.length > 0 ? (index.h("div", { class: "documents-dropdown" }, index.h("select", { class: "nice-select", onChange: (event) => this.handleOptionChange(event, verificationType.type) }, index.h("option", { value: "", selected: true, disabled: true, hidden: true }, translate('chooseDocument', this.language)), documents.map((doc) => (index.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)));
     }
   }
   render() {

package/dist/collection/components/player-kyc-verification/player-kyc-verification.css CHANGED Viewed

@@ -71,7 +71,6 @@ button, select {
   height: 22px;
 }
 .player-kyc-verification-widget .verification-types .verification-box .box-content {
-  display: none;
   flex-grow: 1;
   border-top: 0.4px solid var(--emfe-w-color-gray-100, #E6E6E6);
   padding: 10px 0px;
@@ -125,14 +124,14 @@ button, select {
   margin-right: 10px;
 }
 .player-kyc-verification-widget .verification-types .verification-box.expanded {
-  border-color: var(--emfe-w-color-valid var(--emfe-w-color-green, #48952a));
+  border-color: var(--emfe-w-color-valid, var(--emfe-w-color-green, #48952a));
   min-height: 120px;
 }
 .player-kyc-verification-widget .verification-types .verification-box.failed {
-  border-color: var(--emfe-w-color-error var(--emfe-w-color-red, #FD2839));
+  border-color: var(--emfe-w-color-error, var(--emfe-w-color-red, #FD2839));
 }
 .player-kyc-verification-widget .verification-types .verification-box.success {
-  border-color: var(--emfe-w-color-valid var(--emfe-w-color-green, #48952a));
+  border-color: var(--emfe-w-color-valid, var(--emfe-w-color-green, #48952a));
 }
 .player-kyc-verification-widget .verification-types .verification-box.expanded .box-content {
   display: flex;
@@ -166,6 +165,14 @@ button, select {
     grid-gap: 16px;
   }
 }
+@container (max-width: 475px) {
+  .player-kyc-verification-widget .verification-types {
+    display: block;
+  }
+  .player-kyc-verification-widget .verification-types .verification-box {
+    margin-bottom: 20px;
+  }
+}
 @container (max-width: 1240px) and (min-width: 701px) {
   .player-kyc-verification-widget .verification-types {
     grid-template-columns: repeat(2, 1fr);

package/dist/collection/components/player-kyc-verification/player-kyc-verification.js CHANGED Viewed

@@ -336,7 +336,7 @@ export class PlayerKycVerificationWidget {
         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'))))),
+            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)));
     }
   }