@everymatrix/casino-tournament-banner 1.19.5 → 1.19.6

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

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-743ee8f8.js');
-require('@everymatrix/casino-tournament-buttons');
 
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'zh-hk', 'fr', 'hu', 'tr', 'el', 'es', 'pt'];
-const TRANSLATIONS = {
+const DEFAULT_LANGUAGE$1 = 'en';
+const SUPPORTED_LANGUAGES$1 = ['ro', 'en', 'zh-hk', 'fr', 'hu', 'tr', 'el', 'es', 'pt'];
+const TRANSLATIONS$1 = {
   en: {
     joined: 'Joined',
     join: 'Join',
@@ -316,9 +315,9 @@ const TRANSLATIONS = {
     joinerror: 'Hiba történt a versenyre való regisztráció során, kérjük próbálja újra.',
   }
 };
-const translate = (key, customLang) => {
+const translate$1 = (key, customLang) => {
   const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+  return TRANSLATIONS$1[lang !== undefined && SUPPORTED_LANGUAGES$1.includes(lang) ? lang : DEFAULT_LANGUAGE$1][key];
 };
 
 //! moment.js
@@ -6027,14 +6026,14 @@ const CasinoTournamentBanner = class {
       let currentDate = new Date(this.startTime);
       const setTranslation = () => {
         return (this.state === 'Running' || this.state == 'Closing' || this.state == 'Closed') ?
-          translate('startedAt', this.language) :
-          translate('startingAt', this.language);
+          translate$1('startedAt', this.language) :
+          translate$1('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('startedAtWithTime', this.language) + startTimeAsString :
-          translate('startingAtWithTime', this.language) + startTimeAsString;
+          translate$1('startedAtWithTime', this.language) + startTimeAsString :
+          translate$1('startingAtWithTime', this.language) + startTimeAsString;
       }
       else {
         let currentMonthKey = new Intl.DateTimeFormat('en', dateOptions).format(currentDate);
@@ -6042,7 +6041,7 @@ const CasinoTournamentBanner = class {
         let currentHour = currentDate.toLocaleString('en-GB', { hour: 'numeric', minute: 'numeric', hour12: false });
         this.startdate =
           `${currentDay}` + ' ' +
-            translate(`${currentMonthKey}`, this.language) + ', ' +
+            translate$1(`${currentMonthKey}`, this.language) + ', ' +
             setTranslation() +
             ` ${currentHour}`;
       }
@@ -6065,16 +6064,16 @@ const CasinoTournamentBanner = class {
     let text = '';
     switch (state) {
       case 'Upcoming':
-        text = translate('scheduled', this.language);
+        text = translate$1('scheduled', this.language);
         break;
       case 'Unstarted':
-        text = translate('scheduled', this.language);
+        text = translate$1('scheduled', this.language);
         break;
       case 'Running':
-        text = translate('ongoing', this.language);
+        text = translate$1('ongoing', this.language);
         break;
       default:
-        text = translate('finished', this.language);
+        text = translate$1('finished', this.language);
         break;
     }
     return text;
@@ -6105,15 +6104,500 @@ const CasinoTournamentBanner = class {
         index.h("span", { class: "Tag Date" }, this.showCalendar &&
           index.h("svg", { class: "CalendarIcon", width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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)), index.h("div", { class: "BannerInfo", part: "BannerInfo" }, this.enrolled &&
         index.h("span", { class: "Tag Enroll" }, this.showCheck &&
-          index.h("svg", { class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, index.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 && index.h("div", { class: "TournamentBannerThumb", part: "TournamentBannerThumb" }, index.h("div", { class: "ThumbTitle", part: "ThumbTitle" }, translate('tournament', this.language)), index.h("div", { class: "ThumbName", part: "ThumbName" }, this.nameOrTitle), index.h("div", { class: "ThumbState" }, this.enrolled ?
-      index.h("span", { class: "Tag Join" }, index.h("svg", { class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, index.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))
+          index.h("svg", { class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, index.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 && index.h("div", { class: "TournamentBannerThumb", part: "TournamentBannerThumb" }, index.h("div", { class: "ThumbTitle", part: "ThumbTitle" }, translate$1('tournament', this.language)), index.h("div", { class: "ThumbName", part: "ThumbName" }, this.nameOrTitle), index.h("div", { class: "ThumbState" }, this.enrolled ?
+      index.h("span", { class: "Tag Join" }, index.h("svg", { class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, index.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))
       :
         this.state != 'Closed' &&
-          index.h("span", { class: "Tag Join" }, index.h("svg", { class: "JoinPlus", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "13", viewBox: "0 0 12 13", fill: "none" }, index.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' && index.h("span", { class: `Tag State ${this.state}` }, this.stateText), (this.state == 'Unstarted' || this.state == 'Upcoming' || this.state == 'Closed') &&
+          index.h("span", { class: "Tag Join" }, index.h("svg", { class: "JoinPlus", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "13", viewBox: "0 0 12 13", fill: "none" }, index.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' && index.h("span", { class: `Tag State ${this.state}` }, this.stateText), (this.state == 'Unstarted' || this.state == 'Upcoming' || this.state == 'Closed') &&
       index.h("span", { class: `Tag Date ${this.state}` }, this.showCalendar &&
-        index.h("svg", { class: "CalendarIcon", width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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)), index.h("div", { class: "ThumbButtons" }, index.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 })), index.h("div", { class: "ThumbTC" }, index.h("span", { onClick: this.termsClick.bind(this, this.tournamentId) }, translate('terms', this.language))))));
+        index.h("svg", { class: "CalendarIcon", width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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)), index.h("div", { class: "ThumbButtons" }, index.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 })), index.h("div", { class: "ThumbTC" }, index.h("span", { onClick: this.termsClick.bind(this, this.tournamentId) }, translate$1('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) {
+    index.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 index.h("div", { ref: el => this.stylingContainer = el, class: "TournamentButtons" }, !this.session &&
+      index.h("div", { class: "ButtonGroup" }, index.h("button", { class: "LoginButton Button", part: "LoginButton", onClick: () => this.loginAction() }, translate('login', this.language)), index.h("button", { class: "RegisterButton Button", part: "RegisterButton", onClick: () => this.registerAction() }, translate('register', this.language))), this.session &&
+      index.h("div", null, !this.enrolled &&
+        index.h("div", { class: "ButtonGroup" }, index.h("button", { class: "Button", onClick: () => this.joinAction(this.tournamentId, this.bonusCode) }, translate('join', this.language)), this.showReadMore && index.h("button", { class: "Button NoBorder", onClick: () => this.moreAction(this.tournamentId) }, "Read more")), this.enrolled &&
+        index.h("div", { class: "ButtonGroup" }, index.h("button", { class: "Button", onClick: () => this.detailAction(this.tournamentId) }, translate('details', this.language)), this.showReadMore && index.h("button", { class: "Button NoBorder", onClick: () => this.moreAction(this.tournamentId) }, "Read more"))), (this.errorJoin || this.errorJoinConcurrently) &&
+      index.h("span", { class: "ErrorText", part: "ErrorText" }, translate('joinerror', this.language)));
+  }
+};
+CasinoTournamentButtons.style = casinoTournamentButtonsCss;
+
 exports.casino_tournament_banner = CasinoTournamentBanner;
+exports.casino_tournament_buttons = CasinoTournamentButtons;

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["casino-tournament-banner.cjs",[[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);
+  return index.bootstrapLazy([["casino-tournament-banner_2.cjs",[[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);
   });
 };
 

package/dist/collection/collection-manifest.json

@@ -7,6 +7,13 @@
     "version": "2.15.2",
     "typescriptVersion": "4.5.4"
   },
-  "collections": [],
+  "collections": [
+    {
+      "name": "@everymatrix/casino-tournament-buttons",
+      "tags": [
+        "casino-tournament-buttons"
+      ]
+    }
+  ],
   "bundles": []
 }

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import '@everymatrix/casino-tournament-buttons';
+import { d as defineCustomElement$2 } from './casino-tournament-buttons2.js';
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en', 'zh-hk', 'fr', 'hu', 'tr', 'el', 'es', 'pt'];
@@ -6147,13 +6147,18 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["casino-tournament-banner"];
+  const components = ["casino-tournament-banner", "casino-tournament-buttons"];
   components.forEach(tagName => { switch (tagName) {
     case "casino-tournament-banner":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, CasinoTournamentBanner$1);
       }
       break;
+    case "casino-tournament-buttons":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
   } });
 }
 

package/dist/components/casino-tournament-buttons.js

@@ -0,0 +1,6 @@
+import { C as CasinoTournamentButtons$1, d as defineCustomElement$1 } from './casino-tournament-buttons2.js';
+
+const CasinoTournamentButtons = CasinoTournamentButtons$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CasinoTournamentButtons, defineCustomElement };