@everymatrix/casino-engagement-suite-tournament 1.62.1 → 1.62.3

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

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-ac437a77.js';
-export { s as setNonce } from './index-ac437a77.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-8b5c4b95.js';
+export { s as setNonce } from './index-8b5c4b95.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["casino-engagement-suite-progress-bar_3",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"leaderboardsInit":[16],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"time":[32],"newIdList":[32]},[[8,"message","handleEvent"],[4,"click","handleClickOutside"]],{"newIdList":["checkNewIdList"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[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);
+  return bootstrapLazy([["casino-engagement-suite-progress-bar_6",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"leaderboardsInit":[16],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentEvent","handleUnjoinTournamentEvent"],[4,"click","handleClickOutside"]],{"newIdList":["checkNewIdList"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"casino-engagement-suite-tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"locale":[32]},[[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentEvent","handleUnjoinTournamentEvent"]]],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"casino-engagement-suite-tournament-timer",{"tournament":[16],"time":[32],"timeHolder":[32],"timeCloak":[32]},[[0,"tournamentTimer","containerPageChangeHandler"]]],[0,"casino-engagement-suite-tournament-item-title",{"tournament":[16],"locale":[32],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[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]}]]]], options);
 });

package/dist/esm/{index-ac437a77.js → index-8b5c4b95.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'casino-engagement-suite-tournament';
-const BUILD = /* casino-engagement-suite-tournament */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* casino-engagement-suite-tournament */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -49,10 +49,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'casino-engagement-suite-progress-bar_3':
+                case 'casino-engagement-suite-progress-bar_6':
                     return import(
                       /* webpackMode: "lazy" */
-                      './casino-engagement-suite-progress-bar_3.entry.js').then(processMod, consoleError);
+                      './casino-engagement-suite-progress-bar_6.entry.js').then(processMod, consoleError);
           }
       }
   return import(
@@ -1563,6 +1563,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
 var getHostListenerTarget = (elm, flags) => {
   if (flags & 4 /* TargetDocument */) return doc;
   if (flags & 8 /* TargetWindow */) return win;
+  if (flags & 16 /* TargetBody */) return doc.body;
   return elm;
 };
 var hostListenerOpts = (flags) => supportsListenerOptions ? {

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { C as CasinoEngagementSuiteTournament } from './casino-engagement-suite-tournament-bc5e0906.js';
-import './index-ac437a77.js';
+export { C as CasinoEngagementSuiteTournament } from './casino-engagement-suite-tournament-54c513f1.js';
+import './index-8b5c4b95.js';

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-ac437a77.js';
-export { s as setNonce } from './index-ac437a77.js';
+import { b as bootstrapLazy } from './index-8b5c4b95.js';
+export { s as setNonce } from './index-8b5c4b95.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["casino-engagement-suite-progress-bar_3",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"leaderboardsInit":[16],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"time":[32],"newIdList":[32]},[[8,"message","handleEvent"],[4,"click","handleClickOutside"]],{"newIdList":["checkNewIdList"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[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);
+  return bootstrapLazy([["casino-engagement-suite-progress-bar_6",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"leaderboardsInit":[16],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentEvent","handleUnjoinTournamentEvent"],[4,"click","handleClickOutside"]],{"newIdList":["checkNewIdList"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"casino-engagement-suite-tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"locale":[32]},[[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentEvent","handleUnjoinTournamentEvent"]]],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"casino-engagement-suite-tournament-timer",{"tournament":[16],"time":[32],"timeHolder":[32],"timeCloak":[32]},[[0,"tournamentTimer","containerPageChangeHandler"]]],[0,"casino-engagement-suite-tournament-item-title",{"tournament":[16],"locale":[32],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[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]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Tab } from '../../utils/translations';
 import { Dialog, Leaderboard, LeaderboardPage, Tournament, TournamentApi, TournamentGame } from '../../utils/types';
@@ -36,6 +35,7 @@ export declare class CasinoEngagementSuiteTournament {
      */
     leaderboardsInit: TournamentApi[];
     close: EventEmitter<void>;
+    tournamentTimer: EventEmitter;
     tab: Tab;
     locale: {
         TC: string;
@@ -59,9 +59,7 @@ export declare class CasinoEngagementSuiteTournament {
         NoLeaderboardsTip: string;
         Leaderboards: string;
         TipPrize: string;
-        Tip: string; /**
-         * Raw Leaderboards from API for Init
-         */
+        Tip: string;
         TournamentNotStarted: string;
         BeOne: string;
         FailedToJoin: string;
@@ -80,30 +78,31 @@ export declare class CasinoEngagementSuiteTournament {
     isDialogOpen: boolean;
     isShowInfo: boolean;
     page: LeaderboardPage;
-    nextPage: LeaderboardPage;
     tournamentInDialog: Tournament;
     dialog: Dialog;
-    time: number;
-    timeHolder: NodeJS.Timer;
-    gifts: any[];
     newIdList: string[];
+    nextPage: LeaderboardPage;
+    gifts: any[];
     labels: string[];
     pageElement: HTMLElement;
     detailElement: HTMLElement;
     tooltipIconReference: HTMLElement;
     tooltipReference: HTMLElement;
+    currentGameId: string;
     private containerScrollTop;
     showTooltip: boolean;
     currentPlyerRank: number;
     private maxPlyerRank;
     scrolledToMyLine: boolean;
     handleEvent(e: MessageEvent): void;
+    handleClickToTournamentDetail(e: CustomEvent): void;
+    handleJoinTournamentEvent(e: CustomEvent): void;
+    handleUnjoinTournamentEvent(e: CustomEvent): void;
     checkNewIdList(): void;
     syncBarState(newTournamentList: Tournament[], oldTournamentList: Tournament[]): void;
     showPropWatcher(newValue: any, oldValue: any): void;
     addLabel(tag: string): void;
     removeLabel(tag: string): void;
-    setTimeInterval(): void;
     checkGift(): void;
     getContainerScrollTop(): number;
     handleClickOutside(event: MouseEvent): void;
@@ -112,7 +111,6 @@ export declare class CasinoEngagementSuiteTournament {
     connectedCallback(): void;
     scrollToMyRankLine(): void;
     componentDidRender(): void;
-    disconnectedCallback(): void;
     onGameClick(game: TournamentGame): void;
     actionJoin(tournament: Tournament): void;
     setPage(page: LeaderboardPage, metaData?: any): void;

package/dist/types/components.d.ts

@@ -5,8 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { TournamentApi } from "./utils/types";
-export { TournamentApi } from "./utils/types";
+import { Tournament, TournamentApi } from "./utils/types";
+export { Tournament, TournamentApi } from "./utils/types";
 export namespace Components {
     interface CasinoEngagementSuiteTournament {
         /**
@@ -38,14 +38,33 @@ export namespace Components {
          */
         "translationUrl": string;
     }
+    interface CasinoEngagementSuiteTournamentItem {
+        "isNew": boolean;
+        "tournament": Tournament;
+    }
+    interface CasinoEngagementSuiteTournamentItemTitle {
+        "tournament": Tournament;
+    }
+    interface CasinoEngagementSuiteTournamentTimer {
+        "tournament": Tournament;
+    }
 }
 export interface CasinoEngagementSuiteTournamentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCasinoEngagementSuiteTournamentElement;
 }
+export interface CasinoEngagementSuiteTournamentItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCasinoEngagementSuiteTournamentItemElement;
+}
+export interface CasinoEngagementSuiteTournamentItemTitleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCasinoEngagementSuiteTournamentItemTitleElement;
+}
 declare global {
     interface HTMLCasinoEngagementSuiteTournamentElementEventMap {
         "close": void;
+        "tournamentTimer": any;
     }
     interface HTMLCasinoEngagementSuiteTournamentElement extends Components.CasinoEngagementSuiteTournament, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCasinoEngagementSuiteTournamentElementEventMap>(type: K, listener: (this: HTMLCasinoEngagementSuiteTournamentElement, ev: CasinoEngagementSuiteTournamentCustomEvent<HTMLCasinoEngagementSuiteTournamentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -61,8 +80,52 @@ declare global {
         prototype: HTMLCasinoEngagementSuiteTournamentElement;
         new (): HTMLCasinoEngagementSuiteTournamentElement;
     };
+    interface HTMLCasinoEngagementSuiteTournamentItemElementEventMap {
+        "clickToTournamentDetail": Object;
+    }
+    interface HTMLCasinoEngagementSuiteTournamentItemElement extends Components.CasinoEngagementSuiteTournamentItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCasinoEngagementSuiteTournamentItemElementEventMap>(type: K, listener: (this: HTMLCasinoEngagementSuiteTournamentItemElement, ev: CasinoEngagementSuiteTournamentItemCustomEvent<HTMLCasinoEngagementSuiteTournamentItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCasinoEngagementSuiteTournamentItemElementEventMap>(type: K, listener: (this: HTMLCasinoEngagementSuiteTournamentItemElement, ev: CasinoEngagementSuiteTournamentItemCustomEvent<HTMLCasinoEngagementSuiteTournamentItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCasinoEngagementSuiteTournamentItemElement: {
+        prototype: HTMLCasinoEngagementSuiteTournamentItemElement;
+        new (): HTMLCasinoEngagementSuiteTournamentItemElement;
+    };
+    interface HTMLCasinoEngagementSuiteTournamentItemTitleElementEventMap {
+        "unjoinTournamentEvent": Object;
+        "joinTournamentEvent": Object;
+    }
+    interface HTMLCasinoEngagementSuiteTournamentItemTitleElement extends Components.CasinoEngagementSuiteTournamentItemTitle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCasinoEngagementSuiteTournamentItemTitleElementEventMap>(type: K, listener: (this: HTMLCasinoEngagementSuiteTournamentItemTitleElement, ev: CasinoEngagementSuiteTournamentItemTitleCustomEvent<HTMLCasinoEngagementSuiteTournamentItemTitleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCasinoEngagementSuiteTournamentItemTitleElementEventMap>(type: K, listener: (this: HTMLCasinoEngagementSuiteTournamentItemTitleElement, ev: CasinoEngagementSuiteTournamentItemTitleCustomEvent<HTMLCasinoEngagementSuiteTournamentItemTitleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCasinoEngagementSuiteTournamentItemTitleElement: {
+        prototype: HTMLCasinoEngagementSuiteTournamentItemTitleElement;
+        new (): HTMLCasinoEngagementSuiteTournamentItemTitleElement;
+    };
+    interface HTMLCasinoEngagementSuiteTournamentTimerElement extends Components.CasinoEngagementSuiteTournamentTimer, HTMLStencilElement {
+    }
+    var HTMLCasinoEngagementSuiteTournamentTimerElement: {
+        prototype: HTMLCasinoEngagementSuiteTournamentTimerElement;
+        new (): HTMLCasinoEngagementSuiteTournamentTimerElement;
+    };
     interface HTMLElementTagNameMap {
         "casino-engagement-suite-tournament": HTMLCasinoEngagementSuiteTournamentElement;
+        "casino-engagement-suite-tournament-item": HTMLCasinoEngagementSuiteTournamentItemElement;
+        "casino-engagement-suite-tournament-item-title": HTMLCasinoEngagementSuiteTournamentItemTitleElement;
+        "casino-engagement-suite-tournament-timer": HTMLCasinoEngagementSuiteTournamentTimerElement;
     }
 }
 declare namespace LocalJSX {
@@ -88,6 +151,7 @@ declare namespace LocalJSX {
          */
         "leaderboardsInit"?: TournamentApi[];
         "onClose"?: (event: CasinoEngagementSuiteTournamentCustomEvent<void>) => void;
+        "onTournamentTimer"?: (event: CasinoEngagementSuiteTournamentCustomEvent<any>) => void;
         /**
           * if widget is showing
          */
@@ -97,8 +161,24 @@ declare namespace LocalJSX {
          */
         "translationUrl"?: string;
     }
+    interface CasinoEngagementSuiteTournamentItem {
+        "isNew"?: boolean;
+        "onClickToTournamentDetail"?: (event: CasinoEngagementSuiteTournamentItemCustomEvent<Object>) => void;
+        "tournament"?: Tournament;
+    }
+    interface CasinoEngagementSuiteTournamentItemTitle {
+        "onJoinTournamentEvent"?: (event: CasinoEngagementSuiteTournamentItemTitleCustomEvent<Object>) => void;
+        "onUnjoinTournamentEvent"?: (event: CasinoEngagementSuiteTournamentItemTitleCustomEvent<Object>) => void;
+        "tournament"?: Tournament;
+    }
+    interface CasinoEngagementSuiteTournamentTimer {
+        "tournament"?: Tournament;
+    }
     interface IntrinsicElements {
         "casino-engagement-suite-tournament": CasinoEngagementSuiteTournament;
+        "casino-engagement-suite-tournament-item": CasinoEngagementSuiteTournamentItem;
+        "casino-engagement-suite-tournament-item-title": CasinoEngagementSuiteTournamentItemTitle;
+        "casino-engagement-suite-tournament-timer": CasinoEngagementSuiteTournamentTimer;
     }
 }
 export { LocalJSX as JSX };
@@ -106,6 +186,9 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "casino-engagement-suite-tournament": LocalJSX.CasinoEngagementSuiteTournament & JSXBase.HTMLAttributes<HTMLCasinoEngagementSuiteTournamentElement>;
+            "casino-engagement-suite-tournament-item": LocalJSX.CasinoEngagementSuiteTournamentItem & JSXBase.HTMLAttributes<HTMLCasinoEngagementSuiteTournamentItemElement>;
+            "casino-engagement-suite-tournament-item-title": LocalJSX.CasinoEngagementSuiteTournamentItemTitle & JSXBase.HTMLAttributes<HTMLCasinoEngagementSuiteTournamentItemTitleElement>;
+            "casino-engagement-suite-tournament-timer": LocalJSX.CasinoEngagementSuiteTournamentTimer & JSXBase.HTMLAttributes<HTMLCasinoEngagementSuiteTournamentTimerElement>;
         }
     }
 }

package/dist/types/shared/TournamentDurationTimer.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="node" />
+import { Tournament } from '../utils/types';
+export declare class CasinoEngagementSuiteTournamentTimer {
+    tournament: Tournament;
+    time: number;
+    timeHolder: NodeJS.Timer | null;
+    timeCloak: boolean;
+    lastTimeDiff: string;
+    lastProgress: number;
+    containerPageChangeHandler(event: CustomEvent): void;
+    setTimeInterval(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/shared/TournamentItem.d.ts

@@ -0,0 +1,46 @@
+import { EventEmitter } from '../stencil-public-runtime';
+import { Tournament } from '../utils/types';
+export declare class CasinoEngagementSuiteTournamentItem {
+    tournament: Tournament;
+    isNew: boolean;
+    locale: {
+        TC: string;
+        ScoreCriteria: string;
+        MinimumBetCriteria: string;
+        Place: string;
+        Prizes: string;
+        LeaderboardDetails: string;
+        UnjoinDialog: {
+            Title: string;
+            Description: string;
+            ButtonYes: string;
+            ButtonNo: string;
+        };
+        WinDialog: {
+            Tile: string;
+            Description: string;
+            ButtonContinue: string;
+        };
+        NoLeaderboards: string;
+        NoLeaderboardsTip: string;
+        Leaderboards: string;
+        TipPrize: string;
+        Tip: string;
+        TournamentNotStarted: string;
+        BeOne: string;
+        FailedToJoin: string;
+        FailedToUnjoin: string;
+        Starts: import("../utils/translations").Time.Starts;
+        Ends: import("../utils/translations").Time.Ends;
+        info: import("../utils/translations").Tab.info;
+        leaderboard: import("../utils/translations").Tab.leaderboard;
+        games: import("../utils/translations").Tab.games;
+        Join: string;
+        Unjoin: string;
+    };
+    clickToTournamentDetail: EventEmitter<Object>;
+    handleJoinTournamentEvent(e: CustomEvent): void;
+    handleUnjoinTournamentEvent(e: CustomEvent): void;
+    goToDetail(): void;
+    render(): any;
+}

package/dist/types/shared/TournamentItemTitle.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter } from '../stencil-public-runtime';
+import { Tournament } from '../utils/types';
+export declare class CasinoEngagementSuiteTournamentItemTitle {
+    tournament: Tournament;
+    locale: {
+        TC: string;
+        ScoreCriteria: string;
+        MinimumBetCriteria: string;
+        Place: string;
+        Prizes: string;
+        LeaderboardDetails: string;
+        UnjoinDialog: {
+            Title: string;
+            Description: string;
+            ButtonYes: string;
+            ButtonNo: string;
+        };
+        WinDialog: {
+            Tile: string;
+            Description: string;
+            ButtonContinue: string;
+        };
+        NoLeaderboards: string;
+        NoLeaderboardsTip: string;
+        Leaderboards: string;
+        TipPrize: string;
+        Tip: string;
+        TournamentNotStarted: string;
+        BeOne: string;
+        FailedToJoin: string;
+        FailedToUnjoin: string;
+        Starts: import("../utils/translations").Time.Starts;
+        Ends: import("../utils/translations").Time.Ends;
+        info: import("../utils/translations").Tab.info;
+        leaderboard: import("../utils/translations").Tab.leaderboard;
+        games: import("../utils/translations").Tab.games;
+        Join: string;
+        Unjoin: string;
+    };
+    isButtonDisabed: boolean;
+    unjoinTournamentEvent: EventEmitter<Object>;
+    joinTournamentEvent: EventEmitter<Object>;
+    onTournamentChanged(tournament: Tournament): void;
+    onClickItemJoin(): void;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/utils/bussiness.d.ts

@@ -1,47 +1,3 @@
-import { Tournament, TournamentState } from './types';
+import { Tournament } from './types';
 export declare const getMaxRankStr: (list: any) => string;
 export declare const isTournamentClosed: (tournament: Tournament) => boolean;
-export declare const getTournamentListByItem: (tournamentList: Tournament[], tournament: Tournament) => {
-    href: string;
-    id: string;
-    nameOrTitle: string;
-    description: string;
-    termsUrl: string;
-    thumbnail: string;
-    thumbnails: [];
-    startTime: Date;
-    endTime: Date;
-    closeTime: Date;
-    exhibitionStartTime: Date;
-    exhibitionEndTime: Date;
-    state: TournamentState;
-    tags: string;
-    minBetCount: number;
-    dataSource: string;
-    scoreCriteria: string;
-    wallets: {
-        code: string;
-    };
-    prizes: {
-        rank: number;
-        count: number;
-        name: string;
-    }[];
-    games?: import("./types").TournamentGame[];
-    playerEnrolled?: boolean;
-    isPlayerAcknowledged?: boolean;
-    isActionJoinPending?: boolean;
-    isUnjoined?: boolean;
-}[];
-export declare const getTournamentListParams: (language: string) => {
-    type: string;
-    messageType: string;
-    method: string;
-    queryParams: {
-        filter: string;
-        sortField: string;
-        sortOrder: string;
-        pagination: string;
-        language: string;
-    };
-};

package/dist/types/utils/message.d.ts

@@ -1,12 +1,11 @@
 import { Instance, Tournament, TournamentGame } from './types';
 export declare const messageSender: {
-    InitTournamentList: (queryParams: any) => void;
-    post: (options: any) => void;
     UpdateSuiteBarState: (labels: string[]) => void;
     JoinTournamentReq: (tournament: Tournament) => void;
     UnjoinTournamentReq: (tournament: Tournament) => void;
     UpdateTournamentsItemReq: (tournament: Tournament) => void;
     UpdateLeaderboardsReq: (tournament: Tournament, query?: any) => void;
+    UpdateTournamentsPageIsReady: () => void;
     UpdateLeaderboardsPlayerReq: () => void;
     GameClickReq: (game: TournamentGame) => void;
 };
@@ -17,5 +16,6 @@ export declare const messageReceiver: (instance: Instance) => {
     UpdateLeaderboardsRes: (rest: any) => void;
     JoinTournamentRes: (rest: any) => void;
     UnjoinTournamentRes: (rest: any) => void;
+    TournamentsPageIsReadyRes: (rest: any) => any;
     LeaderboardLiveEvent: (rest: any) => void;
 };

package/dist/types/utils/util.date.d.ts

@@ -3,5 +3,5 @@ export declare function addDays(date: any, days: any): Date;
 export declare function addMinutes(date: any, minutes: any): Date;
 export declare function addSeconds(date: any, seconds: any): Date;
 export declare function getDifference(startDate: Date, endDate: Date): string;
-export declare function getProgress(startDate: Date, endDate: Date): string;
+export declare function getProgress(startDate: Date, endDate: Date): string | 100;
 export declare function getTimeDifference(startDate: Date, endDate: Date): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-engagement-suite-tournament",
-  "version": "1.62.1",
+  "version": "1.62.3",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/casino-engagement-suite-tournament/p-67373ab1.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,g as r}from"./p-bfca9e2a.js";export{C as casino_engagement_suite_tournament}from"./p-b217e7cc.js";const s=class{constructor(t){e(this,t),this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.host.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.host.prepend(t)}),1)})).catch((e=>{console.log("Error ",e)}))},this.value=0,this.disabled=!1,this.hidePercent=!1,this.indeterminate=!1,this.clientStyling="",this.clientStylingUrl="",this.limitStylingAppends=!1}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}getProgressBarClasses(){return{ProgressBar:!0,Completed:100===this.value,Disabled:this.disabled,HidePercent:this.hidePercent||this.indeterminate}}getProgressBarLineTemplate(){return t("div",this.indeterminate?{class:"ProgressBarLine Indeterminate",part:"ProgressBarLine Indeterminate"}:{class:"ProgressBarLine",part:"ProgressBarLine",style:{width:this.value+"%"}})}render(){return t("div",{key:"ecce3a26a92d2e090c1db84bdc1bdbeb505080ed",class:this.getProgressBarClasses(),part:"ProgressBar"},t("div",{key:"649fe1103d222200f2a1ad3b5967e37da1f1ab3d",class:"ProgressBarInfo",part:"ProgressBarInfo"},t("slot",{key:"49dc180eedd823f0027f75099813fb9d91bcd938",name:"Title"},t("div",{key:"e6e59da3fe7bbcb37e118e7fd23a8ff35587aca5"})),t("slot",{key:"3dc8e5fd1dbc8c268b9c76e393b751cb53605e7e",name:"Percent"},t("div",{key:"6a9e880f3ee3c4f26e8577c69be5db5f8e2d10ad",class:"ProgressBarPercent",part:"ProgressBarPercent"},this.value,"%"))),t("div",{key:"141106e77caad7b04bb199f911e87c0c6f0adc2d",class:"ProgressBarBackground",part:"ProgressBarBackground"},this.getProgressBarLineTemplate()))}get host(){return r(this)}};s.style=":host{display:block;font-family:inherit}:host(.Desktop) .ProgressBarPercent{font-size:var(--emw--font-size-small, 14px);line-height:14px}@keyframes indeterminate{0%{left:-200%;right:100%}60%{left:110%;right:-10%}to{left:110%;right:-10%}}.ProgressBarBackground{height:8px;background-color:var(--emw--color-gray-300, #666178);border-radius:var(--emw--border-radius-small, 4px);position:relative;overflow:hidden}.ProgressBarLine{position:absolute;left:0;top:0;bottom:0;border-radius:var(--emw--border-radius-small, 4px);background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));transition:width ease-out 0.3s}.ProgressBarLine.Indeterminate{animation:indeterminate 1s linear infinite}.ProgressBarInfo{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.ProgressBarPercent{font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.HidePercent .ProgressBarPercent{display:none}.ProgressBar:not(.Disabled) .ProgressBarPercent{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ProgressBar.Disabled .ProgressBarPercent{color:var(--emw--color-gray-300, #666178)}.ProgressBar.Disabled .ProgressBarLine{background:var(--emw--color-background-secondary, #474668)}";const i=class{constructor(t){e(this,t),this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.el.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.el.prepend(t)}),1)})).catch((e=>{console.log("error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const s=(t=this.translationUrl,r=this.targetTranslations,new Promise((e=>{fetch(t).then((e=>e.json())).then((t=>{Object.keys(t).forEach((e=>{r[e]=r[e]?r[e]:{};for(let s in t[e])r[e][s]=t[e][s]})),e(!0)}))})));e.push(s)}var t,r;return await Promise.all(e)}render(){return t("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},t("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return r(this)}};i.style=":host{display:block}";export{s as casino_engagement_suite_progress_bar,i as general_styling_wrapper}