@everymatrix/casino-engagement-suite-tournament 1.44.0 → 1.45.5

package/dist/cjs/casino-engagement-suite-tournament-1b738bb2.js

@@ -0,0 +1,560 @@
+'use strict';
+
+const index = require('./index-16d5d7c3.js');
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var Tab;
+(function (Tab) {
+    Tab["Info"] = "Info";
+    Tab["Leaderboard"] = "Leaderboard";
+    Tab["Games"] = "Games";
+})(Tab || (Tab = {}));
+var Time;
+(function (Time) {
+    Time["Starts"] = "Starts";
+    Time["Ends"] = "Ends";
+})(Time || (Time = {}));
+const localePostprocess = (translationText, props) => {
+    Object.keys(props).map(key => {
+        translationText = translationText.replace(`{${key}}`, props[key]);
+    });
+    return translationText;
+};
+const TRANSLATIONS = Object.assign(Object.assign(Object.assign({ Join: 'Join', Unjoin: 'Unjoin' }, Tab), Time), { TC: 'Terms & Conditions', ScoreCriteria: 'Score Criteria', MinimumBetCriteria: 'Minimum bet criteria', Place: 'place', Prizes: 'Rewards', LeaderboardDetails: 'Leaderboard Details', UnjoinDialog: {
+        Title: 'Quit Leaderboard?',
+        Description: 'Any progress on the current Leaderboard won’t be kept and you can not rejoin the Leaderboard any more. <br /><br />Would you still like to quit?',
+        ButtonYes: 'Yes, I want to quit leaderboard',
+        ButtonNo: 'No, Stay on the leaderboard',
+    }, JoinDialog: {
+        Tile: 'Congratulations!',
+        Description: 'You have unlocked <span>{tournamentName}</span>! <br />Would you like to join?',
+        ButtonYes: 'Join',
+        ButtonNo: 'Not interested',
+    }, NoLeaderboards: 'No Leaderboards yet', NoLeaderboardsTip: 'Try winning tickets to Leaderboards as rewards or launching other booster games', Leaderboards: 'Leaderboards', TipPrize: 'You took <span>{place}</span> place and win <span>{prize}</span>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.' });
+
+const classnames = (...args) => {
+    let classnameArray = [];
+    args.map(arg => {
+        switch (typeof arg) {
+            case 'string':
+                classnameArray.push(arg);
+                break;
+            case 'object':
+                Object.keys(arg).map(k => {
+                    if (arg[k]) {
+                        classnameArray.push(k);
+                    }
+                });
+                break;
+        }
+    });
+    return classnameArray.join(' ');
+};
+
+var LeaderboardPage;
+(function (LeaderboardPage) {
+    LeaderboardPage["Confirm"] = "Confirm";
+    LeaderboardPage["List"] = "List";
+    LeaderboardPage["Item"] = "Item";
+})(LeaderboardPage || (LeaderboardPage = {}));
+var TournamentState;
+(function (TournamentState) {
+    TournamentState["Running"] = "Running";
+    TournamentState["Unstarted"] = "Unstarted";
+    TournamentState["Closed"] = "Closed";
+    TournamentState["Closing"] = "Closing";
+})(TournamentState || (TournamentState = {}));
+var DialogType;
+(function (DialogType) {
+    DialogType["Unjoin"] = "Unjoin";
+    DialogType["Tip"] = "Tip";
+})(DialogType || (DialogType = {}));
+
+const GradientRoundedButton = (_a) => {
+    var { statedClasses, innerHTML } = _a, props = __rest(_a, ["statedClasses", "innerHTML"]);
+    const { isHollow, isPending } = statedClasses;
+    return (index.h("button", Object.assign({ class: classnames('GradientRoundedButton', 'GradientRounded', {
+            Hollow: isHollow || false,
+            Pending: isPending || false,
+        }) }, props),
+        index.h("span", null, innerHTML)));
+};
+
+const iconClose = index.h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg" });
+const iconQuestion = index.h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/help.svg" });
+const iconEyeOpen = index.h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/eye-open.svg" });
+const iconEyeClose = index.h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/eye-closed.svg" });
+const iconBack = index.h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/back.svg" });
+const iconReward = index.h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/reward.svg" });
+const iconTrophy = index.h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/cup-congras.svg" });
+
+const CloseBar = (props) => {
+    const { left, middle, right } = props;
+    const slots = {
+        left,
+        middle,
+        right,
+    };
+    const getFirstLetterUppercase = (str) => str
+        .split('')
+        .map((letter, index) => index === 0 ? letter.toUpperCase() : letter)
+        .join('');
+    return (index.h("div", { class: "WrapperBar" }, Object.keys(slots).map(slotKey => (index.h("div", { class: "WrapperBar" + getFirstLetterUppercase(slotKey) }, slots[slotKey] || '')))));
+};
+
+function formatDate(date) {
+    const options = {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit',
+        hour12: false
+    };
+    return date.toLocaleDateString('en-US', options).replace(' at', ',');
+}
+function addSeconds(date, seconds) {
+    const result = new Date(date);
+    result.setSeconds(result.getSeconds() + seconds);
+    return result;
+}
+function getDifference(startDate, endDate) {
+    const diffMs = Math.abs(endDate.getTime() - startDate.getTime()); // Difference in milliseconds
+    const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24)); // Difference in days
+    const diffHours = Math.floor((diffMs % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // Remaining hours
+    const diffMinutes = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60)); // Remaining minutes
+    // Format the output
+    const formattedDiff = `${String(diffDays).padStart(2, '0')}d:${String(diffHours).padStart(2, '0')}h:${String(diffMinutes).padStart(2, '0')}m`;
+    return formattedDiff;
+}
+function getProgress(startDate, endDate) {
+    return (100 * (new Date().getTime() - startDate.getTime()) / (endDate.getTime() - startDate.getTime())).toFixed(0);
+}
+
+const tournamentAdapter = (tournamentApi) => {
+    const keysTime = [
+        'startTime',
+        'endTime',
+        'closeTime',
+        'exhibitionStartTime',
+        'exhibitionEndTime',
+    ];
+    const tournament = {};
+    Object.keys(tournamentApi).map((key) => {
+        const value = tournamentApi[key];
+        switch (key) {
+            case 'games':
+                tournament[key] = value.items;
+                break;
+            default:
+                tournament[key] = keysTime.includes(key) ? new Date(value) : value;
+        }
+    });
+    return tournament;
+};
+const leaderboardsAdapter = (leaderboardRes) => {
+    let { item, items: leaderboards } = leaderboardRes;
+    if (!item) {
+        return leaderboards;
+    }
+    return leaderboards.map(leaderboard => {
+        if (item && item.userID === leaderboard.userID) {
+            return Object.assign(Object.assign({}, leaderboard), { isMe: true });
+        }
+        else {
+            return leaderboard;
+        }
+    });
+};
+
+var GeneralAnimationLoadingCczQRHih = {};
+
+(function (exports) {
+var V=Object.defineProperty,z=Object.defineProperties;var F=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var x=(e,t,n)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,P=(e,t)=>{for(var n in t||(t={}))G.call(t,n)&&x(e,n,t[n]);if(N)for(var n of N(t))q.call(t,n)&&x(e,n,t[n]);return e},M=(e,t)=>z(e,F(t));var $=(e,t,n)=>x(e,typeof t!="symbol"?t+"":t,n);var T=(e,t,n)=>new Promise((s,l)=>{var i=o=>{try{u(n.next(o));}catch(r){l(r);}},c=o=>{try{u(n.throw(o));}catch(r){l(r);}},u=o=>o.done?s(o.value):Promise.resolve(o.value).then(i,c);u((n=n.apply(e,t)).next());});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function _(){}function H(e){return e()}function B(){return Object.create(null)}function b(e){e.forEach(H);}function I(e){return typeof e=="function"}function K(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function Q(e){return Object.keys(e).length===0}function W(e,t){e.appendChild(t);}function X(e,t,n){const s=Y(e);if(!s.getElementById(t)){const l=L("style");l.id=t,l.textContent=n,Z(s,l);}}function Y(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function Z(e,t){return W(e.head||e,t),t.sheet}function U(e,t,n){e.insertBefore(t,n||null);}function C(e){e.parentNode&&e.parentNode.removeChild(e);}function L(e){return document.createElement(e)}function tt(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n);}function et(e){return Array.from(e.childNodes)}function nt(e){const t={};return e.childNodes.forEach(n=>{t[n.slot||"default"]=!0;}),t}let j;function g(e){j=e;}const h=[],k=[];let p=[];const R=[],it=Promise.resolve();let v=!1;function st(){v||(v=!0,it.then(y));}function E(e){p.push(e);}const w=new Set;let a=0;function y(){if(a!==0)return;const e=j;do{try{for(;a<h.length;){const t=h[a];a++,g(t),rt(t.$$);}}catch(t){throw h.length=0,a=0,t}for(g(null),h.length=0,a=0;k.length;)k.pop()();for(let t=0;t<p.length;t+=1){const n=p[t];w.has(n)||(w.add(n),n());}p.length=0;}while(h.length);for(;R.length;)R.pop()();v=!1,w.clear(),g(e);}function rt(e){if(e.fragment!==null){e.update(),b(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(E);}}function lt(e){const t=[],n=[];p.forEach(s=>e.indexOf(s)===-1?t.push(s):n.push(s)),n.forEach(s=>s()),p=t;}const ct=new Set;function ot(e,t){e&&e.i&&(ct.delete(e),e.i(t));}function ut(e,t,n){const{fragment:s,after_update:l}=e.$$;s&&s.m(t,n),E(()=>{const i=e.$$.on_mount.map(H).filter(I);e.$$.on_destroy?e.$$.on_destroy.push(...i):b(i),e.$$.on_mount=[];}),l.forEach(E);}function dt(e,t){const n=e.$$;n.fragment!==null&&(lt(n.after_update),b(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[]);}function $t(e,t){e.$$.dirty[0]===-1&&(h.push(e),st(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31;}function ft(e,t,n,s,l,i,c=null,u=[-1]){const o=j;g(e);const r=e.$$={fragment:null,ctx:[],props:i,update:_,not_equal:l,bound:B(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(o?o.$$.context:[])),callbacks:B(),dirty:u,skip_bound:!1,root:t.target||o.$$.root};c&&c(r.root);let f=!1;if(r.ctx=n?n(e,t.props||{},(d,O,...S)=>{const A=S.length?S[0]:O;return r.ctx&&l(r.ctx[d],r.ctx[d]=A)&&(!r.skip_bound&&r.bound[d]&&r.bound[d](A),f&&$t(e,d)),O}):[],r.update(),f=!0,b(r.before_update),r.fragment=s?s(r.ctx):!1,t.target){if(t.hydrate){const d=et(t.target);r.fragment&&r.fragment.l(d),d.forEach(C);}else r.fragment&&r.fragment.c();t.intro&&ot(e.$$.fragment),ut(e,t.target,t.anchor),y();}g(o);}let D;typeof HTMLElement=="function"&&(D=class extends HTMLElement{constructor(t,n,s){super();$(this,"$$ctor");$(this,"$$s");$(this,"$$c");$(this,"$$cn",!1);$(this,"$$d",{});$(this,"$$r",!1);$(this,"$$p_d",{});$(this,"$$l",{});$(this,"$$l_u",new Map);this.$$ctor=t,this.$$s=n,s&&this.attachShadow({mode:"open"});}addEventListener(t,n,s){if(this.$$l[t]=this.$$l[t]||[],this.$$l[t].push(n),this.$$c){const l=this.$$c.$on(t,n);this.$$l_u.set(n,l);}super.addEventListener(t,n,s);}removeEventListener(t,n,s){if(super.removeEventListener(t,n,s),this.$$c){const l=this.$$l_u.get(n);l&&(l(),this.$$l_u.delete(n));}}connectedCallback(){return T(this,null,function*(){if(this.$$cn=!0,!this.$$c){let t=function(i){return ()=>{let c;return {c:function(){c=L("slot"),i!=="default"&&tt(c,"name",i);},m:function(r,f){U(r,c,f);},d:function(r){r&&C(c);}}}};if(yield Promise.resolve(),!this.$$cn||this.$$c)return;const n={},s=nt(this);for(const i of this.$$s)i in s&&(n[i]=[t(i)]);for(const i of this.attributes){const c=this.$$g_p(i.name);c in this.$$d||(this.$$d[c]=m(c,i.value,this.$$p_d,"toProp"));}for(const i in this.$$p_d)!(i in this.$$d)&&this[i]!==void 0&&(this.$$d[i]=this[i],delete this[i]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:M(P({},this.$$d),{$$slots:n,$$scope:{ctx:[]}})});const l=()=>{this.$$r=!0;for(const i in this.$$p_d)if(this.$$d[i]=this.$$c.$$.ctx[this.$$c.$$.props[i]],this.$$p_d[i].reflect){const c=m(i,this.$$d[i],this.$$p_d,"toAttribute");c==null?this.removeAttribute(this.$$p_d[i].attribute||i):this.setAttribute(this.$$p_d[i].attribute||i,c);}this.$$r=!1;};this.$$c.$$.after_update.push(l),l();for(const i in this.$$l)for(const c of this.$$l[i]){const u=this.$$c.$on(i,c);this.$$l_u.set(c,u);}this.$$l={};}})}attributeChangedCallback(t,n,s){var l;this.$$r||(t=this.$$g_p(t),this.$$d[t]=m(t,s,this.$$p_d,"toProp"),(l=this.$$c)==null||l.$set({[t]:this.$$d[t]}));}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0);});}$$g_p(t){return Object.keys(this.$$p_d).find(n=>this.$$p_d[n].attribute===t||!this.$$p_d[n].attribute&&n.toLowerCase()===t)||t}});function m(e,t,n,s){var i;const l=(i=n[e])==null?void 0:i.type;if(t=l==="Boolean"&&typeof t!="boolean"?t!=null:t,!s||!n[e])return t;if(s==="toAttribute")switch(l){case"Object":case"Array":return t==null?null:JSON.stringify(t);case"Boolean":return t?"":null;case"Number":return t==null?null:t;default:return t}else switch(l){case"Object":case"Array":return t&&JSON.parse(t);case"Boolean":return t;case"Number":return t!=null?+t:t;default:return t}}function at(e,t,n,s,l,i){let c=class extends D{constructor(){super(e,n,l),this.$$p_d=t;}static get observedAttributes(){return Object.keys(t).map(u=>(t[u].attribute||u).toLowerCase())}};return Object.keys(t).forEach(u=>{Object.defineProperty(c.prototype,u,{get(){return this.$$c&&u in this.$$c?this.$$c[u]:this.$$d[u]},set(o){var r;o=m(u,o,t),this.$$d[u]=o,(r=this.$$c)==null||r.$set({[u]:o});}});}),s.forEach(u=>{Object.defineProperty(c.prototype,u,{get(){var o;return (o=this.$$c)==null?void 0:o[u]}});}),e.element=c,c}class ht{constructor(){$(this,"$$");$(this,"$$set");}$destroy(){dt(this,1),this.$destroy=_;}$on(t,n){if(!I(n))return _;const s=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return s.push(n),()=>{const l=s.indexOf(n);l!==-1&&s.splice(l,1);}}$set(t){this.$$set&&!Q(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1);}}const _t="4";typeof window!="undefined"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(_t);function pt(e){X(e,"svelte-gnt082",".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");}function gt(e){let t;return {c(){t=L("div"),t.innerHTML='<section class="LoaderContainer" part="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';},m(n,s){U(n,t,s),e[3](t);},p:_,i:_,o:_,d(n){n&&C(t),e[3](null);}}}function mt(e,t,n){let{clientstyling:s=""}=t,{clientstylingurl:l=""}=t,i;const c=()=>{let r=document.createElement("style");r.innerHTML=s,i.appendChild(r);},u=()=>{let r=new URL(l),f=document.createElement("style");fetch(r.href).then(d=>d.text()).then(d=>{f.innerHTML=d,setTimeout(()=>{i.appendChild(f);},1),setTimeout(()=>{},500);});};function o(r){k[r?"unshift":"push"](()=>{i=r,n(0,i);});}return e.$$set=r=>{"clientstyling"in r&&n(1,s=r.clientstyling),"clientstylingurl"in r&&n(2,l=r.clientstylingurl);},e.$$.update=()=>{e.$$.dirty&3&&s&&i&&c(),e.$$.dirty&5&&l&&i&&u();},[i,s,l,o]}class J extends ht{constructor(t){super(),ft(this,t,mt,gt,K,{clientstyling:1,clientstylingurl:2},pt);}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),y();}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),y();}}at(J,{clientstyling:{},clientstylingurl:{}},[],[],!0);exports.default=J;
+}(GeneralAnimationLoadingCczQRHih));
+
+if(typeof window!="undefined"){let n=function(t){return function(...i){try{return t.apply(this,i)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return !1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>GeneralAnimationLoadingCczQRHih).then(({default:t})=>{!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",t.element);});}
+
+const casinoEngagementSuiteTournamentCss = ".GradientRounded {\n  display: block;\n  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);\n  color: rgba(30, 22, 56, 1);\n  \n  position: relative;\n  border-radius: 16px;\n\n  &.Hollow {\n    background: rgba(30, 22, 56, 1);\n    color: #FFFFFF;\n    &::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      border-radius: 15px;\n      border: 1px solid transparent;\n      background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;\n      -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n      mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n      -webkit-mask-composite: destination-out;\n      mask-composite: exclude;\n    }\n\n  }\n}\n\n.GradientRoundedButton {\n  border: none;\n  padding: 7px;\n  \n  height: 32px;\n  width: 100%;\n  \n  font-size: 14px;\n  font-weight: 700;\n  line-height: 17.07px;\n  text-align: center;\n  \n  transition: .5s opacity;\n\n  cursor: pointer;\n  &.Pending {\n    cursor: not-allowed;\n    opacity: .3;\n  }\n\n  &.Hollow {\n    \n    span {\n      background: -webkit-linear-gradient(98.25deg, rgb(255, 148, 0) 22.48%, rgb(254, 247, 70) 131.02%, rgb(255, 226, 74) 131.9%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n}\n.Wrapper {\n  height: 100%;\n  position: relative;\n  color: var(--emw--color-typography, #FFFFFF);\n  display: flex;\n  background-color: var(--emw--color-background, hsl(254, 44%, 15%));\n  flex-direction: column;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.WrapperContent {\n  padding-bottom: 20px;\n  transition: 0.5s filter;\n}\n.WrapperContent.faded {\n  filter: brightness(53.3333333333%);\n}\n\n.WrapperBar {\n  display: flex;\n  width: 100%;\n  padding: 12px 8px 8px;\n}\n\n.WrapperBarLeft, .WrapperBarRight {\n  cursor: pointer;\n}\n\n.WrapperBarMiddle {\n  flex-grow: 1;\n  text-align: center;\n  font-size: 16px;\n  line-height: 16px;\n  font-weight: 500;\n  color: var(--emw--color-secondary, rgb(187, 185, 195));\n}\n\n:host {\n  display: block;\n  font-size: 12px;\n  font-family: Inter;\n}\n\n.Row {\n  margin: 24px 0;\n  padding: 0 20px;\n}\n\n.LeaderboardsItem {\n  margin: 10px 0;\n  border: 1px solid rgb(64, 57, 86);\n  border-radius: 16px;\n}\n.LeaderboardsItem.Hollow {\n  border-color: transparent;\n}\n\n.LeaderboardsItemContainer {\n  padding-top: 16px;\n}\n\n.Info {\n  margin: 24px 0;\n  padding: 0 20px;\n}\n\n.TimeContainer {\n  margin: 24px 0;\n  padding: 0 20px;\n}\n.TimeContainer .Time {\n  display: flex;\n  justify-content: space-between;\n  font-size: 11px;\n  align-items: center;\n  color: var(--emw--color-secondary, rgb(187, 185, 195));\n}\n.TimeContainer .Time button {\n  font-size: 12px;\n  height: 20px;\n  padding: 0;\n}\n.TimeContainer .Time button::before {\n  inset: inherit;\n  border: 0;\n}\n\n.ShowInfo {\n  margin: 24px 0;\n  padding: 0 20px;\n  cursor: pointer;\n  color: rgb(102, 97, 120);\n}\n.ShowInfo p {\n  display: flex;\n  gap: 4px;\n}\n\n.TitleContainer {\n  display: flex;\n  justify-content: space-between;\n  margin: 24px 0;\n  padding: 0 20px;\n  margin-top: 0;\n  gap: 10px;\n  font-family: Montserrat;\n}\n.TitleContainer .GradientRoundedButton {\n  width: 120px;\n}\n\n.TabsContainer {\n  margin: 24px 0;\n  padding: 0 20px;\n  margin: 0 20px;\n  padding: 0;\n  border-bottom: 1px solid #575757;\n}\n\n.Tabs {\n  display: flex;\n  justify-content: space-between;\n  justify-content: start;\n  font-size: 12px;\n  margin-bottom: -1px;\n}\n.Tabs > div {\n  padding: 10px;\n  color: rgb(102, 97, 120);\n  cursor: pointer;\n}\n.Tabs > div.active {\n  color: var(--emw--color-typography, #FFF);\n  border-bottom: 2px solid var(--emw--color-typography, #FFF);\n}\n\n.Title {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 19.5px;\n  text-align: left;\n  word-break: break-word;\n}\n\n.TC {\n  margin-top: 12px;\n}\n.TC a {\n  color: rgb(89, 209, 255);\n}\n\n.Criterias {\n  margin: 12px 0;\n}\n.Criterias span {\n  color: var(--emw--color-primary, rgb(255, 214, 47));\n  font-weight: 400;\n}\n\n.ResultPrize {\n  margin: 24px 0;\n  padding: 0 20px;\n}\n.ResultPrize span {\n  color: var(--emw--color-primary, rgb(255, 214, 47));\n  font-weight: 400;\n}\n\n.Prizes {\n  margin: 24px 0;\n  padding: 0 20px;\n}\n.Prizes .PrizesText {\n  margin-left: 3px;\n  font-weight: 600;\n}\n.Prizes .PrizesHeader {\n  align-items: center;\n  display: flex;\n}\n.Prizes .PrizesHeader img {\n  width: 12px;\n}\n.Prizes .Prize {\n  margin: 8px 0;\n}\n.Prizes .Prize .PrizeText {\n  color: var(--emw--color-primary, rgb(255, 214, 47));\n  font-weight: 400;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.Leaderboards {\n  width: 100%;\n  text-align: center;\n  border-collapse: collapse;\n}\n.Leaderboards td {\n  opacity: 0.6;\n  padding: 20px 5px;\n}\n.Leaderboards td:first-child {\n  padding-left: 20px;\n}\n.Leaderboards td:last-child {\n  padding-right: 20px;\n}\n.Leaderboards .LeaderboardName {\n  color: var(--emw--color-typography, #FFF);\n  opacity: 1;\n}\n.Leaderboards tr.isMe {\n  background: rgba(0, 0, 0, 0.2);\n}\n.Leaderboards tr.isMe .LeaderboardRank span {\n  padding: 0px 3px;\n  opacity: 1;\n  border: 1px solid var(--emw--color-primary, rgb(255, 214, 47));\n  border-radius: 11px;\n}\n.Leaderboards tr.isMe td {\n  color: var(--emw--color-primary, rgb(255, 214, 47));\n}\n\n.Games {\n  margin: 24px 0;\n  padding: 0 20px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-evenly;\n  gap: 4px 7.25px;\n}\n.Games img {\n  width: 60px;\n}\n\ndialog {\n  position: absolute;\n  top: 30px;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  color: var(--emw--color-typography, #FFFFFF);\n}\ndialog > div {\n  margin: 32px;\n  border-radius: 8px;\n  background: var(--emw--color-background, hsl(254, 44%, 15%));\n  border: 1px solid hsl(254, 20%, 28%);\n  align-items: center;\n}\n\n.DialogContentUnjoin {\n  padding: 32px;\n  padding-top: 10px;\n  display: flex;\n  gap: 10px;\n  flex-direction: column;\n}\n\n.DialogContentUnjoinTitle {\n  font-family: Montserrat;\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 24.38px;\n  text-align: center;\n}\n\n.DialogContentUnjoinDescription {\n  color: var(--emw--color-secondary, rgb(187, 185, 195));\n  margin-bottom: 30px;\n}\n\n.Tip {\n  padding: 32px;\n  padding-top: 10px;\n  color: var(--emw--color-secondary, rgb(187, 185, 195));\n  font-size: 14px;\n}\n\n.PageConfirmContainer {\n  text-align: center;\n  width: 80%;\n  margin: 0 auto;\n}\n\n.PageConfirm {\n  padding: 40px 32px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.PageConfirm .Title {\n  font-size: 20px;\n  text-align: center;\n}\n.PageConfirm .Description {\n  color: var(--emw--color-secondary, rgb(187, 185, 195));\n  font-weight: 400;\n}\n.PageConfirm .Description span {\n  color: var(--emw--color-typography, #FFF);\n  font-weight: 600;\n}\n\n.PageConfirmButtonsGroup {\n  width: 150px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}";
+const CasinoEngagementSuiteTournamentStyle0 = casinoEngagementSuiteTournamentCss;
+
+const CasinoEngagementSuiteTournament = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.close = index.createEvent(this, "close", 7);
+        this.onClickConfirmJoin = () => {
+            this.actionJoin(this.tournamentItem);
+            this.nextPage = LeaderboardPage.List;
+        };
+        this.onClickConfirmUnjoin = () => {
+            this.close.emit();
+        };
+        this.onClickDialogUnjoin = () => {
+            this.actionJoin(this.dialog.data);
+            this.closeDialog();
+        };
+        this.onClickDialogJoin = () => {
+            this.closeDialog();
+        };
+        this.onClickBarInLayout = () => {
+            this.close.emit();
+        };
+        this.onClickBarInLayoutDialog = () => {
+            this.closeDialog();
+        };
+        this.onClickShowInfo = () => {
+            this.isShowInfo = !this.isShowInfo;
+        };
+        this.onClickBarTip = () => {
+            this.openDialog(DialogType.Tip);
+        };
+        this.onClickBarBack = () => {
+            this.setPage(LeaderboardPage.List);
+        };
+        this.language = 'en';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.leaderboardsInit = undefined;
+        this.tab = Tab.Info;
+        this.locale = TRANSLATIONS;
+        this.tournamentItem = undefined;
+        this.tournamentList = undefined;
+        this.leaderboards = [];
+        this.isActionJoinPending = false;
+        this.isDialogOpen = false;
+        this.isShowInfo = false;
+        this.page = LeaderboardPage.List;
+        this.tournamentInDialog = undefined;
+        this.dialog = {
+            isOpen: false,
+            type: undefined,
+            data: undefined,
+        };
+        this.time = 0;
+    }
+    setTimeInterval() {
+        this.timeHolder = setInterval(() => {
+            if (this.tournamentList || this.tournamentItem) {
+                this.time += 1;
+            }
+            else {
+                this.time = 0;
+            }
+        }, 1000);
+    }
+    updateTournamentListByItem(tournament) {
+        this.tournamentList = this.tournamentList.map((_tournament) => {
+            if (_tournament.id === tournament.id) {
+                return tournamentAdapter(tournament);
+            }
+            else {
+                return _tournament;
+            }
+        });
+    }
+    handleEvent(e) {
+        const _a = e.data, { type } = _a, rest = __rest(_a, ["type"]);
+        switch (type) {
+            case 'ShowLeaderboardRewardModal': {
+                const { tournament } = rest;
+                this.setPage(LeaderboardPage.Confirm, { tournament: tournamentAdapter(tournament) });
+                postMessage({ type: 'BarLeaderboardsClick' });
+                break;
+            }
+            case 'UpdateTournamentsItemRes': {
+                const tournamentNew = tournamentAdapter(rest.data.item);
+                this.tournamentItem = tournamentNew;
+                this.updateTournamentListByItem(tournamentNew);
+                break;
+            }
+            case 'UpdateLeaderboardsRes': {
+                this.leaderboards = leaderboardsAdapter(rest.data);
+                break;
+            }
+            case 'JoinTournamentRes':
+            case 'UnjoinTournamentRes':
+                const { success } = rest;
+                if (success) {
+                    this.tournamentItem = Object.assign(Object.assign({}, this.tournamentItem), { playerEnrolled: !!!this.tournamentItem.playerEnrolled });
+                    switch (this.page) {
+                        case LeaderboardPage.Item: {
+                            break;
+                        }
+                        case LeaderboardPage.List: {
+                            this.updateTournamentListByItem(this.tournamentItem);
+                            break;
+                        }
+                    }
+                }
+                if (this.nextPage) {
+                    this.setPage(this.nextPage);
+                    this.nextPage = undefined;
+                }
+                this.isActionJoinPending = false;
+                break;
+        }
+    }
+    get messageSender() {
+        return {
+            JoinTournamentReq: (tournament) => { var _a; return window.postMessage({ type: 'JoinTournamentReq', bonusCode: (_a = tournament.wallets[0]) === null || _a === void 0 ? void 0 : _a.code }); },
+            UnjoinTournamentReq: (tournament) => window.postMessage({ type: 'UnjoinTournamentReq', id: tournament.id }),
+            UpdateTournamentsItemReq: (tournament) => window.postMessage({ type: 'UpdateTournamentsItemReq', id: tournament.id }),
+            UpdateLeaderboardsReq: (tournament) => window.postMessage({ type: 'UpdateLeaderboardsReq', id: tournament.id }),
+        };
+    }
+    connectedCallback() {
+        this.setTimeInterval();
+    }
+    disconnectedCallback() {
+        clearInterval(this.timeHolder);
+    }
+    actionJoin(tournament) {
+        if (this.isActionJoinPending)
+            return;
+        this.isActionJoinPending = true;
+        try {
+            if (tournament.playerEnrolled) {
+                this.messageSender.UnjoinTournamentReq(tournament);
+            }
+            else {
+                this.messageSender.JoinTournamentReq(tournament);
+            }
+        }
+        catch (e) {
+            console.log('error', e);
+            return;
+        }
+    }
+    isTournamentClosed(tournament) {
+        return [
+            TournamentState.Closed,
+            TournamentState.Closing
+        ].includes(tournament.state);
+    }
+    setPage(page, metaData) {
+        switch (page) {
+            case LeaderboardPage.Confirm:
+            case LeaderboardPage.Item:
+                this.tournamentItem = metaData.tournament;
+                if (!this.tournamentItem) {
+                    this.messageSender.UpdateTournamentsItemReq(metaData.tournament);
+                }
+                if (this.isTournamentClosed(this.tournamentItem)) {
+                    this.messageSender.UpdateLeaderboardsReq(this.tournamentItem);
+                }
+                break;
+        }
+        this.tab = Tab.Info;
+        this.page = page;
+    }
+    renderPage() {
+        switch (this.page) {
+            case LeaderboardPage.Confirm: return this.renderPageConfirm();
+            case LeaderboardPage.Item: return this.renderPageLeaderboardItem();
+            case LeaderboardPage.List: return this.renderPageLeaderboardList();
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '07ebdb6c71a03be84b430e18a80417323a9cd3cc' }, index.h("general-styling-wrapper", { key: 'ac0134009a6bfcdb4b79816138ea441a8415b953', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling,
+            // @ts-ignore
+            targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), this.renderPage()));
+    }
+    onClickListItemChangePage(tournament) {
+        this.setPage(LeaderboardPage.Item, { tournament });
+    }
+    onClickItemJoin(tournament, e) {
+        e.stopPropagation();
+        if (tournament.playerEnrolled) {
+            this.openDialog(DialogType.Unjoin, tournament);
+        }
+        else {
+            this.actionJoin(tournament);
+            this.tournamentItem = tournament;
+        }
+    }
+    onClickTab(tab) {
+        this.tab = tab;
+        switch (tab) {
+            case Tab.Leaderboard:
+                this.leaderboards = undefined;
+                this.messageSender.UpdateLeaderboardsReq(this.tournamentItem);
+                break;
+            case Tab.Games:
+                this.messageSender.UpdateTournamentsItemReq(this.tournamentItem);
+                break;
+        }
+    }
+    renderPageLeaderboardList() {
+        var _a;
+        if (!this.tournamentList) {
+            this.tournamentList = (_a = this.leaderboardsInit) === null || _a === void 0 ? void 0 : _a.map(item => tournamentAdapter(item));
+            return index.h("general-animation-loading", null);
+        }
+        const { locale } = this;
+        if (this.tournamentList.length) {
+            return this.renderLeaderboardContainer(index.h(index.Fragment, null, index.h("div", { class: "Leaderboards Row" }, this.tournamentList.map(_tournament => (index.h("div", { class: classnames("LeaderboardsItem", _tournament.playerEnrolled ? ' GradientRounded Hollow' : ''), onClick: this.onClickListItemChangePage.bind(this, _tournament) }, index.h("div", { class: "LeaderboardsItemContainer" }, this.renderTitleContainer(_tournament), this.renderTimeBar(_tournament))))))));
+        }
+        else {
+            return (index.h("div", { class: "NoLeaderboards Row" }, index.h("div", null, locale.NoLeaderboards), index.h("div", null, locale.NoLeaderboardsTip)));
+        }
+    }
+    renderPageConfirm() {
+        if (!this.tournamentItem)
+            return index.h("general-animation-loading", null);
+        const tournamentName = this.tournamentItem.nameOrTitle;
+        const { locale } = this;
+        return (index.h("div", { class: "PageConfirmContainer" }, index.h("div", { class: "GradientRounded Hollow PageConfirm" }, index.h("div", null, iconTrophy), index.h("div", { class: "Title" }, locale.JoinDialog.Tile), index.h("div", { class: "Description", innerHTML: localePostprocess(locale.JoinDialog.Description, { tournamentName }) }), index.h("div", { class: "PageConfirmButtonsGroup" }, index.h(GradientRoundedButton, { statedClasses: {
+                isPending: this.isActionJoinPending,
+            },
+            onClick: this.onClickConfirmJoin,
+            innerHTML: locale.JoinDialog.ButtonYes }), index.h(GradientRoundedButton, { statedClasses: {
+                isPending: this.isActionJoinPending,
+                isHollow: true,
+            },
+            onClick: this.onClickConfirmUnjoin,
+            innerHTML: locale.JoinDialog.ButtonNo })))));
+    }
+    renderPageLeaderboardItem() {
+        if (!this.tournamentItem)
+            return index.h("general-animation-loading", null);
+        return this.renderLeaderboardContainer(index.h(index.Fragment, null, this.renderTitleContainer(this.tournamentItem), this.renderTabs(), this.renderTabbedContent()));
+    }
+    renderDialogContent() {
+        switch (this.dialog.type) {
+            case DialogType.Unjoin:
+                return this.renderDialogContentUnjoin();
+            case DialogType.Tip:
+                return (index.h("div", { class: "Tip" }, this.locale.Tip));
+        }
+    }
+    renderDialogContentUnjoin() {
+        const { locale } = this;
+        return (index.h("div", { class: "DialogContentUnjoin" }, index.h("div", { class: "DialogContentUnjoinTitle" }, locale.UnjoinDialog.Title), index.h("div", { class: "DialogContentUnjoinDescription", innerHTML: locale.UnjoinDialog.Description }), index.h(GradientRoundedButton, { statedClasses: {
+                isPending: this.isActionJoinPending,
+            },
+            onClick: this.onClickDialogUnjoin,
+            innerHTML: locale.UnjoinDialog.ButtonYes }), index.h(GradientRoundedButton, { statedClasses: {
+                isHollow: true,
+                isPending: this.isActionJoinPending,
+            },
+            onClick: this.onClickDialogJoin,
+            innerHTML: locale.UnjoinDialog.ButtonNo })));
+    }
+    renderTitleContainer(tournament) {
+        const { locale } = this;
+        return (index.h("div", { class: "TitleContainer" }, index.h("div", { class: "Title" }, tournament.nameOrTitle), tournament.state !== TournamentState.Closed && (index.h("div", null, index.h(GradientRoundedButton, { statedClasses: {
+                isHollow: tournament.playerEnrolled,
+                isPending: this.isActionJoinPending,
+            },
+            onClick: this.onClickItemJoin.bind(this, tournament),
+            innerHTML: tournament.playerEnrolled ? locale.Unjoin : locale.Join })))));
+    }
+    renderTabbedContent() {
+        switch (this.tab) {
+            case Tab.Info: return this.renderInfo();
+            case Tab.Leaderboard: return this.renderLeaderboard();
+            case Tab.Games: return this.renderGames();
+        }
+    }
+    renderGames() {
+        var _a;
+        return (index.h("div", { class: "Games" }, (_a = this.tournamentItem.games) === null || _a === void 0 ? void 0 : _a.map(game => (index.h("div", null, index.h("img", { src: game.defaultThumbnail, alt: "" }))))));
+    }
+    renderLeaderboard() {
+        if (!this.leaderboards)
+            return index.h("general-animation-loading", null);
+        if (!this.leaderboards.length)
+            return '';
+        return (index.h("table", { class: "Leaderboards" }, this.leaderboards.map(leaderboard => (index.h("tr", { class: classnames({ isMe: leaderboard.isMe }) }, index.h("td", { class: "LeaderboardRank" }, index.h("span", null, leaderboard.rank)), index.h("td", { class: "LeaderboardName" }, leaderboard.shortName), index.h("td", { class: "LeaderboardScore" }, leaderboard.score), index.h("td", { class: "LeaderboardPrize" }, leaderboard.prizeName))))));
+    }
+    renderTabs() {
+        const { locale, tab } = this;
+        return (index.h("div", { class: "TabsContainer" }, index.h("div", { class: "Tabs" }, Object.keys(Tab).map((_tab) => (index.h("div", { class: classnames({ active: tab === _tab }),
+            onClick: this.onClickTab.bind(this, _tab) }, locale[_tab]))))));
+    }
+    renderTimeBar(tournament) {
+        return (index.h("section", { class: "TimeContainer" }, index.h("div", { class: 'Time' }, tournament.playerEnrolled ? (index.h(index.Fragment, null, index.h("div", null, getDifference(addSeconds(tournament.startTime, this.time), tournament.endTime)), index.h("div", null, index.h(GradientRoundedButton, { statedClasses: {
+                isHollow: true,
+                isPendding: false,
+            }, innerHTML: `${getProgress(tournament.startTime, tournament.endTime)}%` })))) : (index.h(index.Fragment, null, index.h("div", null, formatDate(tournament.startTime)), index.h("div", null, formatDate(tournament.endTime))))), index.h("casino-engagement-suite-progress-bar", { value: Number(getProgress(tournament.startTime, tournament.endTime)), "hide-percent": true })));
+    }
+    renderInfo() {
+        var _a, _b;
+        const { locale, tournamentItem: tournament, isShowInfo } = this;
+        return (index.h("div", { class: "InfoContainer" }, this.renderTimeBar(tournament), (index.h("section", { class: "ShowInfo", onClick: this.onClickShowInfo }, index.h("p", null, index.h("span", null, isShowInfo ? iconEyeClose : iconEyeOpen), index.h("span", null, locale.LeaderboardDetails)))), isShowInfo && (index.h("section", { class: "Info" }, index.h("div", null, tournament.description), index.h("div", { class: "Criterias" }, index.h("div", null, locale.ScoreCriteria, ": ", index.h("span", null, tournament.scoreCriteria)), index.h("div", null, locale.MinimumBetCriteria, ": ", index.h("span", null, tournament.minBetCount))), index.h("div", { class: "TC" }, index.h("a", { href: tournament.termsUrl, target: '_blank' }, locale.TC)))), this.isTournamentClosed(this.tournamentItem) && ((_a = this.leaderboards) === null || _a === void 0 ? void 0 : _a.find(l => l.isMe)) && (index.h("section", { class: "ResultPrize", innerHTML: localePostprocess(locale.TipPrize, this.getResultPrize((_b = this.leaderboards) === null || _b === void 0 ? void 0 : _b.find(l => l.isMe))) })), index.h("section", { class: "Prizes" }, index.h("div", { class: "PrizesHeader" }, iconReward, index.h("span", { class: "PrizesText" }, locale.Prizes)), tournament.prizes.map((prize, index$1) => (index.h("div", { class: "Prize" }, index$1 + 1, " ", locale.Place, ": ", index.h("span", { class: "PrizeText" }, prize.name)))))));
+    }
+    getResultPrize(leaderboard) {
+        return {
+            prize: leaderboard.prizeName,
+            place: leaderboard.rank,
+        };
+    }
+    renderCloseBarInLayout() {
+        const { left, middle } = this.getWrapperBarData();
+        return (index.h(CloseBar, { left, middle,
+            right: (index.h("span", { onClick: this.onClickBarInLayout }, iconClose)) }));
+    }
+    renderCloseBarInLayoutDialog() {
+        return (index.h(CloseBar, { right: (index.h("span", { onClick: this.onClickBarInLayoutDialog }, iconClose)) }));
+    }
+    renderLeaderboardContainer(render) {
+        const { dialog: { isOpen } } = this;
+        return (index.h("div", { class: "Wrapper" }, index.h("div", { class: classnames("WrapperContent", { faded: isOpen }) }, this.renderCloseBarInLayout(), index.h("div", { class: "Root" }, index.h("div", { class: "Main" }, render))), index.h("div", { class: "WrapperUtil" }, index.h("dialog", { open: isOpen }, index.h("div", null, this.renderCloseBarInLayoutDialog(), isOpen && this.renderDialogContent())))));
+    }
+    getWrapperBarData() {
+        const { page, locale } = this;
+        switch (page) {
+            case LeaderboardPage.List:
+                return {
+                    left: index.h("span", { onClick: this.onClickBarTip }, iconQuestion),
+                    middle: locale.Leaderboards
+                };
+            case LeaderboardPage.Item:
+                return {
+                    left: (index.h("span", { onClick: this.onClickBarBack }, iconBack)),
+                    middle: '',
+                };
+        }
+    }
+    openDialog(type, data = undefined) {
+        this.dialog = Object.assign(Object.assign({}, this.dialog), { isOpen: true, type, data });
+    }
+    closeDialog() {
+        this.dialog = Object.assign(Object.assign({}, this.dialog), { isOpen: false });
+    }
+};
+CasinoEngagementSuiteTournament.style = CasinoEngagementSuiteTournamentStyle0;
+
+exports.CasinoEngagementSuiteTournament = CasinoEngagementSuiteTournament;

package/dist/cjs/casino-engagement-suite-tournament.cjs.js

@@ -1,19 +1,25 @@
 'use strict';
 
-const index = require('./index-e778ddd2.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-16d5d7c3.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('casino-engagement-suite-tournament.cjs.js', document.baseURI).href));
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return index.promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('casino-engagement-suite-tournament.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["casino-engagement-suite-progress-bar_3.cjs",[[1,"casino-engagement-suite-tournament",{"language":[1],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"leaderboardsInit":[16],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isActionJoinPending":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"time":[32]},[[8,"message","handleEvent"]]],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]]], options);
 });
+
+exports.setNonce = index.setNonce;