@everymatrix/casino-tournament-banner 1.19.2 → 1.19.3

package/dist/esm/{casino-tournament-banner_2.entry.js → casino-tournament-banner.entry.js}

@@ -1,8 +1,9 @@
 import { r as registerInstance, h } from './index-c76b1548.js';
+import '@everymatrix/casino-tournament-buttons';
 
-const DEFAULT_LANGUAGE$1 = 'en';
-const SUPPORTED_LANGUAGES$1 = ['ro', 'en', 'zh-hk', 'fr', 'hu', 'tr', 'el', 'es', 'pt'];
-const TRANSLATIONS$1 = {
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'zh-hk', 'fr', 'hu', 'tr', 'el', 'es', 'pt'];
+const TRANSLATIONS = {
   en: {
     joined: 'Joined',
     join: 'Join',
@@ -311,9 +312,9 @@ const TRANSLATIONS$1 = {
     joinerror: 'Hiba történt a versenyre való regisztráció során, kérjük próbálja újra.',
   }
 };
-const translate$1 = (key, customLang) => {
+const translate = (key, customLang) => {
   const lang = customLang;
-  return TRANSLATIONS$1[lang !== undefined && SUPPORTED_LANGUAGES$1.includes(lang) ? lang : DEFAULT_LANGUAGE$1][key];
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
 };
 
 //! moment.js
@@ -6022,14 +6023,14 @@ const CasinoTournamentBanner = class {
       let currentDate = new Date(this.startTime);
       const setTranslation = () => {
         return (this.state === 'Running' || this.state == 'Closing' || this.state == 'Closed') ?
-          translate$1('startedAt', this.language) :
-          translate$1('startingAt', this.language);
+          translate('startedAt', this.language) :
+          translate('startingAt', this.language);
       };
       if (this.shortStart) {
         let startTimeAsString = hooks(currentDate).format(this.shortstartformat);
         this.startdate = (this.state === 'Running' || this.state == 'Closing' || this.state == 'Closed') ?
-          translate$1('startedAtWithTime', this.language) + startTimeAsString :
-          translate$1('startingAtWithTime', this.language) + startTimeAsString;
+          translate('startedAtWithTime', this.language) + startTimeAsString :
+          translate('startingAtWithTime', this.language) + startTimeAsString;
       }
       else {
         let currentMonthKey = new Intl.DateTimeFormat('en', dateOptions).format(currentDate);
@@ -6037,7 +6038,7 @@ const CasinoTournamentBanner = class {
         let currentHour = currentDate.toLocaleString('en-GB', { hour: 'numeric', minute: 'numeric', hour12: false });
         this.startdate =
           `${currentDay}` + ' ' +
-            translate$1(`${currentMonthKey}`, this.language) + ', ' +
+            translate(`${currentMonthKey}`, this.language) + ', ' +
             setTranslation() +
             ` ${currentHour}`;
       }
@@ -6060,16 +6061,16 @@ const CasinoTournamentBanner = class {
     let text = '';
     switch (state) {
       case 'Upcoming':
-        text = translate$1('scheduled', this.language);
+        text = translate('scheduled', this.language);
         break;
       case 'Unstarted':
-        text = translate$1('scheduled', this.language);
+        text = translate('scheduled', this.language);
         break;
       case 'Running':
-        text = translate$1('ongoing', this.language);
+        text = translate('ongoing', this.language);
         break;
       default:
-        text = translate$1('finished', this.language);
+        text = translate('finished', this.language);
         break;
     }
     return text;
@@ -6100,499 +6101,15 @@ const CasinoTournamentBanner = class {
         h("span", { class: "Tag Date" }, this.showCalendar &&
           h("svg", { class: "CalendarIcon", width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.1 1.4H7.65V0.5H6.75V1.4H2.25V0.5H1.35V1.4H0.9C0.405 1.4 0 1.805 0 2.3V9.5C0 9.995 0.405 10.4 0.9 10.4H8.1C8.595 10.4 9 9.995 9 9.5V2.3C9 1.805 8.595 1.4 8.1 1.4ZM8.10003 9.5H0.900027V4.55H8.10003V9.5ZM0.900027 3.65005H8.10003V2.30005H0.900027V3.65005Z", fill: "#1E1616" })), this.startdate)), h("div", { class: "BannerInfo", part: "BannerInfo" }, this.enrolled &&
         h("span", { class: "Tag Enroll" }, this.showCheck &&
-          h("svg", { class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { d: "M4.50008 8.08492L2.41508 5.99992L1.70508 6.70492L4.50008 9.49992L10.5001 3.49992L9.79508 2.79492L4.50008 8.08492Z", fill: "white" })), translate$1('enrolled', this.language)))), this.cardMode && h("div", { class: "TournamentBannerThumb", part: "TournamentBannerThumb" }, h("div", { class: "ThumbTitle", part: "ThumbTitle" }, translate$1('tournament', this.language)), h("div", { class: "ThumbName", part: "ThumbName" }, this.nameOrTitle), h("div", { class: "ThumbState" }, this.enrolled ?
-      h("span", { class: "Tag Join" }, h("svg", { class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { d: "M4.50008 8.08492L2.41508 5.99992L1.70508 6.70492L4.50008 9.49992L10.5001 3.49992L9.79508 2.79492L4.50008 8.08492Z", fill: "white" })), translate$1('joined', this.language))
+          h("svg", { class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { d: "M4.50008 8.08492L2.41508 5.99992L1.70508 6.70492L4.50008 9.49992L10.5001 3.49992L9.79508 2.79492L4.50008 8.08492Z", fill: "white" })), translate('enrolled', this.language)))), this.cardMode && h("div", { class: "TournamentBannerThumb", part: "TournamentBannerThumb" }, h("div", { class: "ThumbTitle", part: "ThumbTitle" }, translate('tournament', this.language)), h("div", { class: "ThumbName", part: "ThumbName" }, this.nameOrTitle), h("div", { class: "ThumbState" }, this.enrolled ?
+      h("span", { class: "Tag Join" }, h("svg", { class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { d: "M4.50008 8.08492L2.41508 5.99992L1.70508 6.70492L4.50008 9.49992L10.5001 3.49992L9.79508 2.79492L4.50008 8.08492Z", fill: "white" })), translate('joined', this.language))
       :
         this.state != 'Closed' &&
-          h("span", { class: "Tag Join" }, h("svg", { class: "JoinPlus", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "13", viewBox: "0 0 12 13", fill: "none" }, h("path", { d: "M9.5 6.8335H6.5V9.8335H5.5V6.8335H2.5V5.8335H5.5V2.8335H6.5V5.8335H9.5V6.8335Z", fill: "white" })), translate$1('join', this.language)), this.state == 'Running' && h("span", { class: `Tag State ${this.state}` }, this.stateText), (this.state == 'Unstarted' || this.state == 'Upcoming' || this.state == 'Closed') &&
+          h("span", { class: "Tag Join" }, h("svg", { class: "JoinPlus", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "13", viewBox: "0 0 12 13", fill: "none" }, h("path", { d: "M9.5 6.8335H6.5V9.8335H5.5V6.8335H2.5V5.8335H5.5V2.8335H6.5V5.8335H9.5V6.8335Z", fill: "white" })), translate('join', this.language)), this.state == 'Running' && h("span", { class: `Tag State ${this.state}` }, this.stateText), (this.state == 'Unstarted' || this.state == 'Upcoming' || this.state == 'Closed') &&
       h("span", { class: `Tag Date ${this.state}` }, this.showCalendar &&
-        h("svg", { class: "CalendarIcon", width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.1 1.4H7.65V0.5H6.75V1.4H2.25V0.5H1.35V1.4H0.9C0.405 1.4 0 1.805 0 2.3V9.5C0 9.995 0.405 10.4 0.9 10.4H8.1C8.595 10.4 9 9.995 9 9.5V2.3C9 1.805 8.595 1.4 8.1 1.4ZM8.10003 9.5H0.900027V4.55H8.10003V9.5ZM0.900027 3.65005H8.10003V2.30005H0.900027V3.65005Z", fill: "#1E1616" })), this.startdate)), h("div", { class: "ThumbButtons" }, h("casino-tournament-buttons", { enrolled: this.enrolled, session: this.session, endpoint: this.endpoint, language: this.language, "tournament-id": this.tournamentId, "login-event": this.loginEvent, "login-url": this.loginUrl, "register-event": this.registerEvent, "register-url": this.registerUrl, currency: this.currency, "bonus-code": this.bonusCode, "show-read-more": this.showReadMore })), h("div", { class: "ThumbTC" }, h("span", { onClick: this.termsClick.bind(this, this.tournamentId) }, translate$1('terms', this.language))))));
+        h("svg", { class: "CalendarIcon", width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.1 1.4H7.65V0.5H6.75V1.4H2.25V0.5H1.35V1.4H0.9C0.405 1.4 0 1.805 0 2.3V9.5C0 9.995 0.405 10.4 0.9 10.4H8.1C8.595 10.4 9 9.995 9 9.5V2.3C9 1.805 8.595 1.4 8.1 1.4ZM8.10003 9.5H0.900027V4.55H8.10003V9.5ZM0.900027 3.65005H8.10003V2.30005H0.900027V3.65005Z", fill: "#1E1616" })), this.startdate)), h("div", { class: "ThumbButtons" }, h("casino-tournament-buttons", { enrolled: this.enrolled, session: this.session, endpoint: this.endpoint, language: this.language, "tournament-id": this.tournamentId, "login-event": this.loginEvent, "login-url": this.loginUrl, "register-event": this.registerEvent, "register-url": this.registerUrl, currency: this.currency, "bonus-code": this.bonusCode, "show-read-more": this.showReadMore })), h("div", { class: "ThumbTC" }, h("span", { onClick: this.termsClick.bind(this, this.tournamentId) }, translate('terms', this.language))))));
   }
 };
 CasinoTournamentBanner.style = casinoTournamentBannerCss;
 
-const getDevice = () => {
-  let userAgent = window.navigator.userAgent;
-  if (userAgent.toLowerCase().match(/android/i)) {
-    return 'Android';
-  }
-  if (userAgent.toLowerCase().match(/iphone/i)) {
-    return 'iPhone';
-  }
-  if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
-    return 'iPad';
-  }
-  return 'PC';
-};
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'zh-hk', 'fr', 'hu', 'tr', 'el', 'es', 'pt'];
-const TRANSLATIONS = {
-  en: {
-    joined: 'Joined',
-    join: 'Join',
-    enrolled: 'Enrolled',
-    scoreCriteria: 'Score Criteria',
-    minbet: 'min bet count',
-    seegames: 'You can see the games',
-    here: 'here',
-    scheduled: 'Scheduled',
-    ongoing: 'Ongoing',
-    finished: 'Finished',
-    startingAt: 'Starting at:',
-    startedAt: 'Started at:',
-    startingAtWithTime: `Starts `,
-    startedAtWithTime: `Started `,
-    mostRounds: 'Most Rounds',
-    betCount: 'Number of Bets',
-    maxWinStakeRatio: 'Max Win per Stake',
-    winStakeRatio: 'Total Win per Stake',
-    January: 'January',
-    February: 'February',
-    March: 'March',
-    April: 'April',
-    May: 'May',
-    June: 'June',
-    July: 'July',
-    August: 'August',
-    September: 'September',
-    October: 'October',
-    November: 'November',
-    December: 'December',
-    login: 'Log in',
-    register: 'Register',
-    details: 'Details',
-    joinerror: 'An error occurred while registering in the tournament, please try again.'
-  },
-  'zh-hk': {
-    enrolled: '已註冊',
-    scoreCriteria: '評分標準',
-    minbet: '最小投注數：',
-    seegames: '你可以看比賽',
-    here: '這裡',
-    scheduled: '預定的',
-    ongoing: '進行中',
-    finished: '完成的',
-    startingAt: '開始於',
-    startedAt: '大多數回合',
-    mostRounds: '投注數',
-    betCount: '投注计数',
-    maxWinStakeRatio: '最大勝率',
-    winStakeRatio: '勝率',
-    January: '一月',
-    February: '二月',
-    March: '行进',
-    April: '四月',
-    May: '可能',
-    June: '六月',
-    July: '七月',
-    August: '八月',
-    September: '九月',
-    October: '十月',
-    November: '十一月',
-    December: '十二月',
-    login: '登錄',
-    register: '登記',
-    details: '細節',
-    join: '加入',
-    joinerror: '加入錦標賽時出錯，請重試'
-  },
-  fr: {
-    enrolled: 'Inscrits',
-    scoreCriteria: 'Critères de notation',
-    minbet: 'nombre de paris minimum',
-    seegames: 'Vous pouvez voir les jeux',
-    here: 'ici',
-    scheduled: 'Programmé',
-    ongoing: 'En cours',
-    finished: 'Fini',
-    startingAt: 'À partir de:',
-    startedAt: 'Commencé à:',
-    mostRounds: 'Le plus grand nombre de tours',
-    betCount: 'Nombre de paris',
-    maxWinStakeRatio: 'Indice maximum du gain d\'une mise',
-    winStakeRatio: 'Indice du gain d\'une mise',
-    January: 'January',
-    February: 'February',
-    March: 'March',
-    April: 'April',
-    May: 'May',
-    June: 'June',
-    July: 'July',
-    August: 'August',
-    September: 'September',
-    October: 'October',
-    November: 'November',
-    December: 'December',
-    login: 'Connexion',
-    register: 'Enregistre',
-    details: 'Détails',
-    join: 'Rejoignez',
-    joinerror: 'Une erreur s\'est produite lors de l\'inscription au tournoi - '
-  },
-  ro: {
-    enrolled: 'Înscris',
-    scoreCriteria: 'Criterii de punctaj',
-    minbet: 'număr minim de pariuri',
-    seegames: 'Vezi jocurile',
-    here: 'aici',
-    scheduled: 'Programat',
-    ongoing: 'În desfășurare',
-    finished: 'Finalizat',
-    startingAt: 'Începând de la',
-    startedAt: 'A inceput la:',
-    startingAtWithTime: 'Începând de',
-    startedAtWithTime: 'A inceput:',
-    mostRounds: 'Cele mai multe runde',
-    betCount: 'Număr de pariuri',
-    maxWinStakeRatio: 'Pondere maximă a mizei din câștig',
-    winStakeRatio: 'Câștig Total per Miză',
-    January: 'Ianuarie',
-    February: 'Februarie',
-    March: 'Martie',
-    April: 'Aprilie',
-    May: 'Mai',
-    June: 'Iunie',
-    July: 'Iulie',
-    August: 'August',
-    September: 'Septembrie',
-    October: 'Octombrie',
-    November: 'Noiembrie',
-    December: 'Decembrie',
-    login: 'Autentificare',
-    register: 'Înregistrare',
-    details: 'Detalii',
-    join: 'Participă',
-    joinerror: 'A apărut o eroare la înregistrarea în turneu, te rugăm să încerci din nou.'
-  },
-  tr: {
-    enrolled: 'Katıldın',
-    scoreCriteria: 'Skor kriteri',
-    minbet: 'en düşük bahis sayısı',
-    seegames: 'Turnuvadaki oyunları görmek için',
-    here: 'tıklayın',
-    scheduled: 'Planlanmış',
-    ongoing: 'Devam Eden',
-    finished: 'Sona Ermiş',
-    startingAt: 'Başlangıç saati:',
-    startedAt: 'Başlangıç saati:',
-    mostRounds: 'ÇoğuRounds',
-    betCount: 'Oynanan Tur Sayısı',
-    maxWinStakeRatio: 'Maksimum Kazanç / Bahis Oranı',
-    winStakeRatio: 'Kazanç / Bahis Oranı',
-    January: 'Ocak',
-    February: 'Şubat',
-    March: 'Mart',
-    April: 'Nisan',
-    May: 'Mayıs',
-    June: 'Haziran',
-    July: 'Temmuz',
-    August: 'Ağustos',
-    September: 'Eylül',
-    October: 'Ekim',
-    November: 'Kasım',
-    December: 'Aralık',
-    login: 'Giriş',
-    register: 'Kayıt Ol',
-    details: 'Detaylar',
-    join: 'Katıl',
-    joinerror: 'Turnuvaya katılım ile ilgili bir hata oluştu - '
-  },
-  el: {
-    enrolled: 'Εγγεγραμμένος',
-    scoreCriteria: 'Κριτήρια Σκορ',
-    minbet: 'Ελάχιστος αριθμός πονταρισμάτων',
-    seegames: 'Μπορείς να δεις τα παιχνίδια',
-    here: 'εδώ',
-    all: 'Όλα',
-    scheduled: 'Προγραμματισμένα',
-    ongoing: 'Τρέχοντα',
-    finished: 'Ολοκληρωμένα',
-    startingAt: 'Αρχίζει στις:',
-    startedAt: 'Άρχισε στις:',
-    startingAtWithTime: `Αρχίζει στις `,
-    startedAtWithTime: `Άρχισε στις `,
-    mostRounds: 'Οι περισσότεροι γύροι',
-    betCount: 'Οι περισσότεροι γύροι',
-    maxWinStakeRatio: 'Μεγαλύτερο Κέρδος άνα Ποντάρισμα',
-    winStakeRatio: 'Συνολική Αναλογία Κερδών άνα Ποντάρισμα',
-    January: 'Ιανουαρίου',
-    February: 'Φεβρουαρίου',
-    March: 'Μαρτίου',
-    April: 'Απριλίου',
-    May: 'Μαΐου',
-    June: 'Ιουνίου',
-    July: 'Ιουλίου',
-    August: 'Αυγούστου',
-    September: 'Σεπτεμβρίου',
-    October: 'Οκτωβρίου',
-    November: 'Νοεμβρίου',
-    December: 'Δεκεμβρίου',
-    login: 'Είσοδος',
-    register: 'Εγγραφή',
-    details: 'Λεπτομέρειες',
-    join: 'Συμμετοχή',
-    joinerror: 'Παρουσιάστηκε σφάλμα κατά τη διαδικασία εγγραφής στο τουρνουά, παρακαλούμε δοκιμάστε ξανά.'
-  },
-  es: {
-    enrolled: 'Inscrito',
-    scoreCriteria: 'Criterios de puntuación',
-    minbet: 'la apuesta mínima cuenta',
-    seegames: 'Puedes ver los juegos',
-    here: 'aquí',
-    scheduled: 'Programado',
-    ongoing: 'En marcha',
-    finished: 'Terminado',
-    startingAt: 'Desde',
-    startedAt: 'Empezó el:',
-    mostRounds: 'LaMayoríaDeLasRondas',
-    betCount: 'Recuento De Apuestas',
-    maxWinStakeRatio: 'Ratio De Ganancia Máxima',
-    winStakeRatio: 'Ratio De Ganancia',
-    January: 'de enero',
-    February: 'de febrero',
-    March: 'de marzo',
-    April: 'de abril',
-    May: 'de mayo',
-    June: 'de junio',
-    July: 'de julio',
-    August: 'de agosto',
-    September: 'de septiembre',
-    October: 'de octubre',
-    November: 'de noviembre',
-    December: 'de diciembre',
-    login: 'Iniciar sesión',
-    register: 'Regístrate',
-    details: 'Detalles',
-    join: 'Unirse',
-    joinerror: 'Ha ocurrido un error mientras se registra en el Torneo',
-  },
-  pt: {
-    enrolled: 'Inscrito',
-    scoreCriteria: 'Critérios de pontuação',
-    minbet: 'Contagens de aposta mínima',
-    seegames: 'Você pode ver os jogos',
-    here: 'Aqui',
-    scheduled: 'Agendado',
-    ongoing: 'Em progresso',
-    finished: 'Finalizado',
-    startingAt: 'Começando às:',
-    startedAt: 'Começou às:',
-    mostRounds: 'Mais rodadas',
-    betCount: 'Contagem de Apostas',
-    maxWinStakeRatio: 'Rácio máximo de vitórias',
-    winStakeRatio: 'Rácio de Vitórias',
-    January: 'January',
-    February: 'February',
-    March: 'March',
-    April: 'April',
-    May: 'May',
-    June: 'June',
-    July: 'July',
-    August: 'August',
-    September: 'September',
-    October: 'October',
-    November: 'November',
-    December: 'December',
-    login: 'Entrar',
-    register: 'Registro',
-    details: 'Detalhes',
-    join: 'Junte-se',
-    joinerror: 'Ocorreu um erro ao entrar no torneio -'
-  },
-  hu: {
-    enrolled: 'Feliratkozott',
-    scoreCriteria: 'Pontozási kritériumok',
-    minbet: 'Minimális tét',
-    seegames: 'Játékok megnézése',
-    here: 'itt',
-    scheduled: 'Ütemezés',
-    ongoing: 'Folyamatban lévő',
-    finished: 'Befejezett',
-    startingAt: 'Kezdődik',
-    startedAt: 'Started at:',
-    mostRounds: 'Legtöbb kör',
-    betCount: 'Számított tét',
-    maxWinStakeRatio: 'Maximális nyeremény tétenként',
-    winStakeRatio: 'Összes nyeremény tétenként',
-    January: 'January',
-    February: 'February',
-    March: 'March',
-    April: 'April',
-    May: 'May',
-    June: 'June',
-    July: 'July',
-    August: 'August',
-    September: 'September',
-    October: 'October',
-    November: 'November',
-    December: 'December',
-    login: 'Bejelentkezés',
-    register: 'Regisztráció',
-    details: 'Adatok',
-    join: 'Csatlakozás',
-    joinerror: 'Hiba történt a versenyre való regisztráció során, kérjük próbálja újra.',
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-const casinoTournamentButtonsCss = ":host{display:block}.ButtonGroup{display:flex;gap:4px}.Button{padding:6px 8px;border-radius:2px;border:1px solid #fff;color:#fff;background:none;position:relative;cursor:pointer}.Button.NoBorder{border:0;padding:7px 8px}.Button::after{content:\"\";display:block;position:absolute;border-radius:2px;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 0.5s;box-shadow:0 0 10px 10px white}.Button:active::after{box-shadow:0 0 0 0 white;position:absolute;border-radius:2px;left:0;top:0;opacity:1;transition:0s}.Button:active{top:1px}";
-
-const CasinoTournamentButtons = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.enrolled = false;
-    this.showReadMore = false;
-    this.clientStyling = '';
-    this.clientStylingUrl = '';
-    this.limitStylingAppends = false;
-    this.joinButtonLoading = false;
-    this.errorJoin = false;
-    this.errorJoinConcurrently = false;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrl;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-  }
-  loginAction() {
-    if (this.loginEvent) {
-      window.postMessage({ type: this.loginEvent, transition: 'Login' }, window.location.href);
-      // @ts-ignore Analytics event
-      if (typeof gtag == 'function') {
-        // @ts-ignore
-        gtag('event', 'OpenLoginModal', {
-          'context': 'TournamentsThumbnailController'
-        });
-      }
-    }
-    if (this.loginUrl) {
-      location.href = this.loginUrl;
-    }
-  }
-  registerAction() {
-    if (this.registerEvent) {
-      window.postMessage({ type: this.registerEvent, transition: 'Register' }, window.location.href);
-      //@ts-ignoreAnalytics event
-      if (typeof gtag == 'function') {
-        //@ts-ignore
-        gtag('event', 'OpenRegisterModal', {
-          'context': 'TournamentsThumbnailController'
-        });
-      }
-    }
-    if (this.registerUrl) {
-      location.href = this.registerUrl;
-    }
-  }
-  async joinAction(tournamentId, bonuscode) {
-    var _a;
-    this.errorJoin = false;
-    this.errorJoinConcurrently = false;
-    window.postMessage({ type: 'TournamentJoinRequest', tournamentId }, window.location.href);
-    this.joinButtonLoading = true;
-    let joinUrl = new URL(`${this.endpoint}/bonus/claim`);
-    let reqHeaders = new Headers();
-    let body = {};
-    joinUrl.searchParams.append('language', this.language);
-    joinUrl.searchParams.append('platform', getDevice());
-    reqHeaders.append('Content-Type', 'application/json');
-    reqHeaders.append("X-SessionID", this.session);
-    if (bonuscode) {
-      body = {
-        language: this.language,
-        bonusCode: bonuscode,
-        currency: this.currency
-      };
-    }
-    let requestOptions = {
-      method: 'PUT',
-      headers: reqHeaders,
-      body: JSON.stringify(body),
-    };
-    const handlerOnSuccess = () => {
-      this.joinButtonLoading = false;
-      this.enrolled = true;
-      window.postMessage({ type: 'TournamentUserEnrolled', userenrolled: this.enrolled }, window.location.href);
-    };
-    const handlerOnFail = () => {
-      this.joinButtonLoading = false;
-      this.errorJoin = true;
-    };
-    const fetcher = async () => {
-      let result;
-      try {
-        result = await fetch(`${this.endpoint}/bonus/claim?${joinUrl.searchParams.toString()}`, requestOptions);
-        result = await result.json();
-      }
-      catch (e) {
-        handlerOnFail();
-      }
-      return result;
-    };
-    const data = await fetcher();
-    if (!data)
-      return;
-    if (data.success == true) {
-      handlerOnSuccess();
-    }
-    else {
-      if (data.errorMessage.match("VersionMismatchException")) {
-        let resultDoubleCheck;
-        resultDoubleCheck = await fetch(`${this.endpoint}/tournaments/${this.tournamentId}`, {
-          headers: {
-            'X-SessionID': this.session
-          }
-        });
-        resultDoubleCheck = await resultDoubleCheck.json();
-        if ((_a = resultDoubleCheck === null || resultDoubleCheck === void 0 ? void 0 : resultDoubleCheck.item) === null || _a === void 0 ? void 0 : _a.playerEnrolled) {
-          handlerOnSuccess();
-        }
-        else {
-          handlerOnFail();
-          this.errorJoinConcurrently = true;
-          this.errorJoin = false;
-        }
-      }
-      else {
-        handlerOnFail();
-      }
-    }
-  }
-  detailAction(tournamentId) {
-    window.postMessage({ type: 'TournamentDetailsClicked', tournamentId, showLeaderboard: true }, window.location.href);
-  }
-  moreAction(tournamentId) {
-    window.postMessage({ type: 'TournamentReadMoreClicked', tournamentId }, window.location.href);
-  }
-  render() {
-    return h("div", { ref: el => this.stylingContainer = el, class: "TournamentButtons" }, !this.session &&
-      h("div", { class: "ButtonGroup" }, h("button", { class: "LoginButton Button", part: "LoginButton", onClick: () => this.loginAction() }, translate('login', this.language)), h("button", { class: "RegisterButton Button", part: "RegisterButton", onClick: () => this.registerAction() }, translate('register', this.language))), this.session &&
-      h("div", null, !this.enrolled &&
-        h("div", { class: "ButtonGroup" }, h("button", { class: "Button", onClick: () => this.joinAction(this.tournamentId, this.bonusCode) }, translate('join', this.language)), this.showReadMore && h("button", { class: "Button NoBorder", onClick: () => this.moreAction(this.tournamentId) }, "Read more")), this.enrolled &&
-        h("div", { class: "ButtonGroup" }, h("button", { class: "Button", onClick: () => this.detailAction(this.tournamentId) }, translate('details', this.language)), this.showReadMore && h("button", { class: "Button NoBorder", onClick: () => this.moreAction(this.tournamentId) }, "Read more"))), (this.errorJoin || this.errorJoinConcurrently) &&
-      h("span", { class: "ErrorText", part: "ErrorText" }, translate('joinerror', this.language)));
-  }
-};
-CasinoTournamentButtons.style = casinoTournamentButtonsCss;
-
-export { CasinoTournamentBanner as casino_tournament_banner, CasinoTournamentButtons as casino_tournament_buttons };
+export { CasinoTournamentBanner as casino_tournament_banner };

package/dist/esm/casino-tournament-banner.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["casino-tournament-banner_2",[[1,"casino-tournament-banner",{"useEvent":[1,"use-event"],"state":[1],"enrolled":[4],"startTime":[1,"start-time"],"thumbnail":[1],"language":[1],"showCalendar":[4,"show-calendar"],"shortStart":[4,"short-start"],"shortstartformat":[1],"showDate":[4,"show-date"],"showCheck":[4,"show-check"],"cardMode":[4,"card-mode"],"nameOrTitle":[1,"name-or-title"],"tournamentId":[1,"tournament-id"],"session":[1],"loginEvent":[1,"login-event"],"loginUrl":[1,"login-url"],"registerEvent":[1,"register-event"],"registerUrl":[1,"register-url"],"endpoint":[1],"currency":[1],"bonusCode":[1,"bonus-code"],"showReadMore":[4,"show-read-more"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"stateText":[32],"limitStylingAppends":[32],"stylingContainer":[32],"startdate":[32]},[[8,"getTournamentInfoCompleted","infoCompletedHandler"]]],[1,"casino-tournament-buttons",{"language":[1],"tournamentId":[1,"tournament-id"],"session":[1],"loginEvent":[1,"login-event"],"loginUrl":[1,"login-url"],"registerEvent":[1,"register-event"],"registerUrl":[1,"register-url"],"endpoint":[1],"currency":[1],"bonusCode":[1,"bonus-code"],"enrolled":[4],"showReadMore":[4,"show-read-more"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"limitStylingAppends":[32],"stylingContainer":[32],"joinButtonLoading":[32],"errorJoin":[32],"errorJoinConcurrently":[32]}]]]], options);
+  return bootstrapLazy([["casino-tournament-banner",[[1,"casino-tournament-banner",{"useEvent":[1,"use-event"],"state":[1],"enrolled":[4],"startTime":[1,"start-time"],"thumbnail":[1],"language":[1],"showCalendar":[4,"show-calendar"],"shortStart":[4,"short-start"],"shortstartformat":[1],"showDate":[4,"show-date"],"showCheck":[4,"show-check"],"cardMode":[4,"card-mode"],"nameOrTitle":[1,"name-or-title"],"tournamentId":[1,"tournament-id"],"session":[1],"loginEvent":[1,"login-event"],"loginUrl":[1,"login-url"],"registerEvent":[1,"register-event"],"registerUrl":[1,"register-url"],"endpoint":[1],"currency":[1],"bonusCode":[1,"bonus-code"],"showReadMore":[4,"show-read-more"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"stateText":[32],"limitStylingAppends":[32],"stylingContainer":[32],"startdate":[32]},[[8,"getTournamentInfoCompleted","infoCompletedHandler"]]]]]], options);
 });

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["casino-tournament-banner_2",[[1,"casino-tournament-banner",{"useEvent":[1,"use-event"],"state":[1],"enrolled":[4],"startTime":[1,"start-time"],"thumbnail":[1],"language":[1],"showCalendar":[4,"show-calendar"],"shortStart":[4,"short-start"],"shortstartformat":[1],"showDate":[4,"show-date"],"showCheck":[4,"show-check"],"cardMode":[4,"card-mode"],"nameOrTitle":[1,"name-or-title"],"tournamentId":[1,"tournament-id"],"session":[1],"loginEvent":[1,"login-event"],"loginUrl":[1,"login-url"],"registerEvent":[1,"register-event"],"registerUrl":[1,"register-url"],"endpoint":[1],"currency":[1],"bonusCode":[1,"bonus-code"],"showReadMore":[4,"show-read-more"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"stateText":[32],"limitStylingAppends":[32],"stylingContainer":[32],"startdate":[32]},[[8,"getTournamentInfoCompleted","infoCompletedHandler"]]],[1,"casino-tournament-buttons",{"language":[1],"tournamentId":[1,"tournament-id"],"session":[1],"loginEvent":[1,"login-event"],"loginUrl":[1,"login-url"],"registerEvent":[1,"register-event"],"registerUrl":[1,"register-url"],"endpoint":[1],"currency":[1],"bonusCode":[1,"bonus-code"],"enrolled":[4],"showReadMore":[4,"show-read-more"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"limitStylingAppends":[32],"stylingContainer":[32],"joinButtonLoading":[32],"errorJoin":[32],"errorJoinConcurrently":[32]}]]]], options);
+  return bootstrapLazy([["casino-tournament-banner",[[1,"casino-tournament-banner",{"useEvent":[1,"use-event"],"state":[1],"enrolled":[4],"startTime":[1,"start-time"],"thumbnail":[1],"language":[1],"showCalendar":[4,"show-calendar"],"shortStart":[4,"short-start"],"shortstartformat":[1],"showDate":[4,"show-date"],"showCheck":[4,"show-check"],"cardMode":[4,"card-mode"],"nameOrTitle":[1,"name-or-title"],"tournamentId":[1,"tournament-id"],"session":[1],"loginEvent":[1,"login-event"],"loginUrl":[1,"login-url"],"registerEvent":[1,"register-event"],"registerUrl":[1,"register-url"],"endpoint":[1],"currency":[1],"bonusCode":[1,"bonus-code"],"showReadMore":[4,"show-read-more"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"stateText":[32],"limitStylingAppends":[32],"stylingContainer":[32],"startdate":[32]},[[8,"getTournamentInfoCompleted","infoCompletedHandler"]]]]]], options);
   });
 };
 

package/dist/types/Users/dragos.bodea/Documents/everymatrix-prjs/stencil/widgets-stencil/packages/casino-tournament-banner/.stencil/packages/casino-tournament-banner/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-tournament-banner",
-  "version": "1.19.2",
+  "version": "1.19.3",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",