@everymatrix/casino-engagement-suite-luckywheel-list 1.54.6 → 1.54.9

package/dist/collection/components/casino-engagement-suite-luckywheel-list/casino-engagement-suite-luckywheel-list.js

@@ -24,7 +24,7 @@ export class CasinoEngagementSuiteLuckyWheelList {
         /**
          * List of lucky wheels
          */
-        this.luckywheels = [];
+        this.luckyWheels = [];
         /**
          * Translations via URL
          */
@@ -74,9 +74,7 @@ export class CasinoEngagementSuiteLuckyWheelList {
         this.handleTabChange = (e) => {
             this.activeTab = +(e.target.getAttribute('data-index'));
             if (this.activeTab === 2) {
-                if (!this.historyLoaded) {
-                    this.sendHistoryRequest();
-                }
+                this.sendHistoryRequest();
             }
         };
         this.toggleLuckyWheelHistory = (ev) => {
@@ -97,6 +95,11 @@ export class CasinoEngagementSuiteLuckyWheelList {
             this.activeTab = 1;
             this.openedHistoryIds = [];
         }
+        if (type === 'LuckywheelHistoryResponse') {
+            this.openedHistoryIds = [];
+            this.luckywheelHistory = e.data.data || [];
+            this.historyLoading = false;
+        }
     }
     luckywheelsPropHandler(value) {
         if (!this.interval && value.length) {
@@ -107,51 +110,11 @@ export class CasinoEngagementSuiteLuckyWheelList {
             clearInterval(this.interval);
         }
     }
-    componentWillLoad() {
-        const promises = [];
-        this.luckywheels = [];
-        if (this.endpoint) {
-            const consentsPromise = this.getLuckyWheels();
-            promises.push(consentsPromise);
-        }
+    async componentWillLoad() {
+        this.luckywheelsPropHandler(this.luckyWheels);
         if (this.translationUrl) {
-            const translationPromise = getTranslations(this.translationUrl);
-            promises.push(translationPromise);
-        }
-        return Promise.all(promises);
-    }
-    getLuckyWheels() {
-        let url = new URL(this.endpoint + `/v1/wof/lotteries`);
-        let reqHeaders = new Headers();
-        url.searchParams.append('language', this.language);
-        if (this.session) {
-            reqHeaders.append('X-SessionId', this.session);
+            await getTranslations(this.translationUrl);
         }
-        let requestOptions = {
-            method: 'GET',
-            headers: reqHeaders,
-        };
-        this.isLoading = true;
-        fetch(url.href, requestOptions).then((res) => res.json()).then((res) => {
-            this.luckywheels = res.items;
-        }).catch((err) => {
-            throw new Error(err);
-        }).finally(() => {
-            this.isLoading = false;
-        });
-    }
-    getLuckyWheelsHistory(luckywheelId) {
-        let url = new URL(this.endpoint + `/v1/wof/outcome/${luckywheelId}`);
-        let reqHeaders = new Headers();
-        url.searchParams.append('language', this.language);
-        if (this.session) {
-            reqHeaders.append('X-SessionId', this.session);
-        }
-        let requestOptions = {
-            method: 'GET',
-            headers: reqHeaders,
-        };
-        return fetch(url.href, requestOptions).then((res) => res.json());
     }
     componentDidRender() {
         if (!this.limitStylingAppends && this.host) {
@@ -172,7 +135,7 @@ export class CasinoEngagementSuiteLuckyWheelList {
     }
     updateTimers() {
         const now = new Date().getTime();
-        this.timers = this.luckywheels.reduce((acc, luckywheel) => {
+        this.timers = this.luckyWheels.reduce((acc, luckywheel) => {
             var _a;
             const expirationDate = new Date((_a = luckywheel.current) === null || _a === void 0 ? void 0 : _a.endTime).getTime();
             const diff = expirationDate - now;
@@ -195,23 +158,14 @@ export class CasinoEngagementSuiteLuckyWheelList {
         }, {});
     }
     removeLuckyWheel(id) {
-        this.luckywheels = this.luckywheels.filter((luckywheel) => luckywheel.program.id !== id);
+        this.luckyWheels = this.luckyWheels.filter((luckywheel) => luckywheel.program.id !== id);
         window.postMessage({ type: 'LuckyWheelHasExpired', id });
     }
-    async sendHistoryRequest() {
+    sendHistoryRequest() {
         this.historyLoading = true;
-        if (!this.luckywheels.length) {
-            return;
-        }
-        const promises = [];
-        this.luckywheels.forEach(async (luckywheel) => {
-            promises.push(this.getLuckyWheelsHistory(luckywheel.program.id).then(res => {
-                this.luckywheelHistory[luckywheel.program.id] = res.items;
-            }));
+        window.postMessage({
+            type: 'LuckywheelHistoryRequest'
         });
-        await Promise.all(promises);
-        this.historyLoading = false;
-        this.historyLoaded = true;
     }
     getLuckyWheelClasses(luckyWheel) {
         return {
@@ -240,8 +194,8 @@ export class CasinoEngagementSuiteLuckyWheelList {
         if (this.isLoading) {
             return h("general-animation-loading", null);
         }
-        if (this.luckywheels.length) {
-            return h("div", { class: "LuckyWheelsListWrapper" }, h("div", { class: "LuckyWheelsList" }, this.luckywheels.map((luckywheel, index) => this.getLuckyWheelTemplate(luckywheel, index))));
+        if (this.luckyWheels.length) {
+            return h("div", { class: "LuckyWheelsListWrapper" }, h("div", { class: "LuckyWheelsList" }, this.luckyWheels.map((luckywheel, index) => this.getLuckyWheelTemplate(luckywheel, index))));
         }
         else {
             return h("div", { class: "LuckyWheelsListEmpty" }, h("h2", null, translate('noluckywheels', this.language)), h("p", null, translate('tryOtherGames', this.language)));
@@ -261,7 +215,7 @@ export class CasinoEngagementSuiteLuckyWheelList {
     getHistoryTabTemplate() {
         return h("div", { class: "HistoryWrapper" }, h("div", { class: "HistoryCols" }, h("div", { class: "HistoryColName Rewards" }, translate('rewards', this.language)), h("div", { class: "HistoryColName Issued" }, translate('issued', this.language)), h("div", { class: "HistoryColName Time" }, translate('time', this.language))), this.historyLoading
             ? getHistoryLoaderTemplate(this.language)
-            : getLuckyWheelsHistoryTemplate(this.luckywheels, this.luckywheelHistory, this.openedHistoryIds, this.toggleLuckyWheelHistory, this.language));
+            : getLuckyWheelsHistoryTemplate(this.luckyWheels, this.luckywheelHistory, this.openedHistoryIds, this.toggleLuckyWheelHistory, this.language));
     }
     getTabsContentTemplate() {
         return this.activeTab === 1
@@ -269,7 +223,7 @@ export class CasinoEngagementSuiteLuckyWheelList {
             : this.getHistoryTabTemplate();
     }
     render() {
-        return h("div", { key: 'bec9d35e1b9362a5098ab53c9fddb620b407b17e', class: `LuckyWheelsListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.getTooltipTemplate());
+        return h("div", { key: '6eec32518bc71966373704f59e9ad312fc5e3052', class: `LuckyWheelsListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.getTooltipTemplate());
     }
     static get is() { return "casino-engagement-suite-luckywheel-list"; }
     static get encapsulation() { return "shadow"; }
@@ -365,7 +319,7 @@ export class CasinoEngagementSuiteLuckyWheelList {
                 "reflect": false,
                 "defaultValue": "'Mobile' as 'Mobile' | 'Tablet' | 'Desktop'"
             },
-            "luckywheels": {
+            "luckyWheels": {
                 "type": "unknown",
                 "mutable": true,
                 "complexType": {
@@ -389,44 +343,6 @@ export class CasinoEngagementSuiteLuckyWheelList {
                 "setter": false,
                 "defaultValue": "[] as Array<LuckyWheel>"
             },
-            "endpoint": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The NWA endpoint"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "endpoint",
-                "reflect": false
-            },
-            "session": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The NWA session for the logged-in user"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "session",
-                "reflect": false
-            },
             "translationUrl": {
                 "type": "string",
                 "mutable": false,
@@ -483,7 +399,7 @@ export class CasinoEngagementSuiteLuckyWheelList {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
-                "propName": "luckywheels",
+                "propName": "luckyWheels",
                 "methodName": "luckywheelsPropHandler"
             }];
     }

package/dist/esm/{casino-engagement-suite-luckywheel-list-56360247.js → casino-engagement-suite-luckywheel-list-851e5853.js}

@@ -1,4 +1,4 @@
-import { h as h$1, r as registerInstance, c as createEvent, g as getElement } from './index-0beffa82.js';
+import { h as h$1, r as registerInstance, c as createEvent, g as getElement } from './index-368a7709.js';
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['en'];
@@ -212,10 +212,10 @@ function tt(t, e, n, s, i, l, u = null, c = [-1]) {
   };
   u && u(r.root);
   let _ = !1;
-  if (r.ctx = n(t, e.props || {}, (d, L, ...j) => {
+  if (r.ctx = n ? n(t, e.props || {}, (d, L, ...j) => {
     const O = j.length ? j[0] : L;
     return r.ctx && i(r.ctx[d], r.ctx[d] = O) && (!r.skip_bound && r.bound[d] && r.bound[d](O), _ && Z(t, d)), L;
-  }), r.update(), _ = !0, y(r.before_update), r.fragment = s(r.ctx), e.target) {
+  }) : [], r.update(), _ = !0, y(r.before_update), r.fragment = s ? s(r.ctx) : !1, e.target) {
     if (e.hydrate) {
       const d = J(e.target);
       r.fragment && r.fragment.l(d), d.forEach(E);
@@ -2809,7 +2809,7 @@ const CasinoEngagementSuiteLuckyWheelList = class {
         /**
          * List of lucky wheels
          */
-        this.luckywheels = [];
+        this.luckyWheels = [];
         /**
          * Translations via URL
          */
@@ -2859,9 +2859,7 @@ const CasinoEngagementSuiteLuckyWheelList = class {
         this.handleTabChange = (e) => {
             this.activeTab = +(e.target.getAttribute('data-index'));
             if (this.activeTab === 2) {
-                if (!this.historyLoaded) {
-                    this.sendHistoryRequest();
-                }
+                this.sendHistoryRequest();
             }
         };
         this.toggleLuckyWheelHistory = (ev) => {
@@ -2882,6 +2880,11 @@ const CasinoEngagementSuiteLuckyWheelList = class {
             this.activeTab = 1;
             this.openedHistoryIds = [];
         }
+        if (type === 'LuckywheelHistoryResponse') {
+            this.openedHistoryIds = [];
+            this.luckywheelHistory = e.data.data || [];
+            this.historyLoading = false;
+        }
     }
     luckywheelsPropHandler(value) {
         if (!this.interval && value.length) {
@@ -2892,51 +2895,11 @@ const CasinoEngagementSuiteLuckyWheelList = class {
             clearInterval(this.interval);
         }
     }
-    componentWillLoad() {
-        const promises = [];
-        this.luckywheels = [];
-        if (this.endpoint) {
-            const consentsPromise = this.getLuckyWheels();
-            promises.push(consentsPromise);
-        }
+    async componentWillLoad() {
+        this.luckywheelsPropHandler(this.luckyWheels);
         if (this.translationUrl) {
-            const translationPromise = getTranslations(this.translationUrl);
-            promises.push(translationPromise);
-        }
-        return Promise.all(promises);
-    }
-    getLuckyWheels() {
-        let url = new URL(this.endpoint + `/v1/wof/lotteries`);
-        let reqHeaders = new Headers();
-        url.searchParams.append('language', this.language);
-        if (this.session) {
-            reqHeaders.append('X-SessionId', this.session);
-        }
-        let requestOptions = {
-            method: 'GET',
-            headers: reqHeaders,
-        };
-        this.isLoading = true;
-        fetch(url.href, requestOptions).then((res) => res.json()).then((res) => {
-            this.luckywheels = res.items;
-        }).catch((err) => {
-            throw new Error(err);
-        }).finally(() => {
-            this.isLoading = false;
-        });
-    }
-    getLuckyWheelsHistory(luckywheelId) {
-        let url = new URL(this.endpoint + `/v1/wof/outcome/${luckywheelId}`);
-        let reqHeaders = new Headers();
-        url.searchParams.append('language', this.language);
-        if (this.session) {
-            reqHeaders.append('X-SessionId', this.session);
+            await getTranslations(this.translationUrl);
         }
-        let requestOptions = {
-            method: 'GET',
-            headers: reqHeaders,
-        };
-        return fetch(url.href, requestOptions).then((res) => res.json());
     }
     componentDidRender() {
         if (!this.limitStylingAppends && this.host) {
@@ -2957,7 +2920,7 @@ const CasinoEngagementSuiteLuckyWheelList = class {
     }
     updateTimers() {
         const now = new Date().getTime();
-        this.timers = this.luckywheels.reduce((acc, luckywheel) => {
+        this.timers = this.luckyWheels.reduce((acc, luckywheel) => {
             var _a;
             const expirationDate = new Date((_a = luckywheel.current) === null || _a === void 0 ? void 0 : _a.endTime).getTime();
             const diff = expirationDate - now;
@@ -2980,23 +2943,14 @@ const CasinoEngagementSuiteLuckyWheelList = class {
         }, {});
     }
     removeLuckyWheel(id) {
-        this.luckywheels = this.luckywheels.filter((luckywheel) => luckywheel.program.id !== id);
+        this.luckyWheels = this.luckyWheels.filter((luckywheel) => luckywheel.program.id !== id);
         window.postMessage({ type: 'LuckyWheelHasExpired', id });
     }
-    async sendHistoryRequest() {
+    sendHistoryRequest() {
         this.historyLoading = true;
-        if (!this.luckywheels.length) {
-            return;
-        }
-        const promises = [];
-        this.luckywheels.forEach(async (luckywheel) => {
-            promises.push(this.getLuckyWheelsHistory(luckywheel.program.id).then(res => {
-                this.luckywheelHistory[luckywheel.program.id] = res.items;
-            }));
+        window.postMessage({
+            type: 'LuckywheelHistoryRequest'
         });
-        await Promise.all(promises);
-        this.historyLoading = false;
-        this.historyLoaded = true;
     }
     getLuckyWheelClasses(luckyWheel) {
         return {
@@ -3025,8 +2979,8 @@ const CasinoEngagementSuiteLuckyWheelList = class {
         if (this.isLoading) {
             return h$1("general-animation-loading", null);
         }
-        if (this.luckywheels.length) {
-            return h$1("div", { class: "LuckyWheelsListWrapper" }, h$1("div", { class: "LuckyWheelsList" }, this.luckywheels.map((luckywheel, index) => this.getLuckyWheelTemplate(luckywheel, index))));
+        if (this.luckyWheels.length) {
+            return h$1("div", { class: "LuckyWheelsListWrapper" }, h$1("div", { class: "LuckyWheelsList" }, this.luckyWheels.map((luckywheel, index) => this.getLuckyWheelTemplate(luckywheel, index))));
         }
         else {
             return h$1("div", { class: "LuckyWheelsListEmpty" }, h$1("h2", null, translate('noluckywheels', this.language)), h$1("p", null, translate('tryOtherGames', this.language)));
@@ -3046,7 +3000,7 @@ const CasinoEngagementSuiteLuckyWheelList = class {
     getHistoryTabTemplate() {
         return h$1("div", { class: "HistoryWrapper" }, h$1("div", { class: "HistoryCols" }, h$1("div", { class: "HistoryColName Rewards" }, translate('rewards', this.language)), h$1("div", { class: "HistoryColName Issued" }, translate('issued', this.language)), h$1("div", { class: "HistoryColName Time" }, translate('time', this.language))), this.historyLoading
             ? getHistoryLoaderTemplate(this.language)
-            : getLuckyWheelsHistoryTemplate(this.luckywheels, this.luckywheelHistory, this.openedHistoryIds, this.toggleLuckyWheelHistory, this.language));
+            : getLuckyWheelsHistoryTemplate(this.luckyWheels, this.luckywheelHistory, this.openedHistoryIds, this.toggleLuckyWheelHistory, this.language));
     }
     getTabsContentTemplate() {
         return this.activeTab === 1
@@ -3054,11 +3008,11 @@ const CasinoEngagementSuiteLuckyWheelList = class {
             : this.getHistoryTabTemplate();
     }
     render() {
-        return h$1("div", { key: 'bec9d35e1b9362a5098ab53c9fddb620b407b17e', class: `LuckyWheelsListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.getTooltipTemplate());
+        return h$1("div", { key: '6eec32518bc71966373704f59e9ad312fc5e3052', class: `LuckyWheelsListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.getTooltipTemplate());
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "luckywheels": ["luckywheelsPropHandler"]
+        "luckyWheels": ["luckywheelsPropHandler"]
     }; }
 };
 CasinoEngagementSuiteLuckyWheelList.style = CasinoEngagementSuiteLuckywheelListStyle0;

package/dist/esm/casino-engagement-suite-luckywheel-list.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-0beffa82.js';
-export { s as setNonce } from './index-0beffa82.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-368a7709.js';
+export { s as setNonce } from './index-368a7709.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["casino-engagement-suite-luckywheel-list_2",[[1,"casino-engagement-suite-luckywheel-list",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"device":[1],"luckywheels":[1040],"endpoint":[1],"session":[1],"translationUrl":[1,"translation-url"],"tooltip":[32],"timers":[32],"limitStylingAppends":[32],"activeTab":[32],"historyLoading":[32],"luckywheelHistory":[32],"openedHistoryIds":[32],"historyLoaded":[32],"isLoading":[32]},[[8,"message","handleEvent"]],{"luckywheels":["luckywheelsPropHandler"]}],[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);
+  return bootstrapLazy([["casino-engagement-suite-luckywheel-list_2",[[1,"casino-engagement-suite-luckywheel-list",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"device":[1],"luckyWheels":[1040],"translationUrl":[1,"translation-url"],"tooltip":[32],"timers":[32],"limitStylingAppends":[32],"activeTab":[32],"historyLoading":[32],"luckywheelHistory":[32],"openedHistoryIds":[32],"historyLoaded":[32],"isLoading":[32]},[[8,"message","handleEvent"]],{"luckyWheels":["luckywheelsPropHandler"]}],[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/casino-engagement-suite-luckywheel-list_2.entry.js

@@ -1,5 +1,5 @@
-export { C as casino_engagement_suite_luckywheel_list } from './casino-engagement-suite-luckywheel-list-56360247.js';
-import { r as registerInstance, h, g as getElement } from './index-0beffa82.js';
+export { C as casino_engagement_suite_luckywheel_list } from './casino-engagement-suite-luckywheel-list-851e5853.js';
+import { r as registerInstance, h, g as getElement } from './index-368a7709.js';
 
 const casinoEngagementSuiteProgressBarCss = ":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 CasinoEngagementSuiteProgressBarStyle0 = casinoEngagementSuiteProgressBarCss;

package/dist/esm/{index-0beffa82.js → index-368a7709.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'casino-engagement-suite-luckywheel-list';
 const BUILD = /* casino-engagement-suite-luckywheel-list */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, 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: false, 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, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, 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: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
- Stencil Client Platform v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.25.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -913,9 +913,6 @@ var postUpdateComponent = (hostRef) => {
   }
 };
 var appDidLoad = (who) => {
-  {
-    addHydratedFlag(doc.documentElement);
-  }
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
 };
 var safeCall = (instance, method, arg, elm) => {
@@ -1104,7 +1101,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
   if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    {
+    const bundleId = cmpMeta.$lazyBundleId$;
+    if (bundleId) {
       const CstrImport = loadModule(cmpMeta, hostRef);
       if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime();
@@ -1139,6 +1137,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
+    } else {
+      Cstr = elm.constructor;
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
     if (Cstr && Cstr.style) {
       let style;
@@ -1315,6 +1317,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
+            if (i2 > -1) {
+              deferredConnectedCallbacks.splice(i2, 1);
+            }
             if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
               delete hostRef.$vnode$.$elm$;
             }

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { C as CasinoEngagementSuiteLuckyWheelList } from './casino-engagement-suite-luckywheel-list-56360247.js';
-import './index-0beffa82.js';
+export { C as CasinoEngagementSuiteLuckyWheelList } from './casino-engagement-suite-luckywheel-list-851e5853.js';
+import './index-368a7709.js';

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-0beffa82.js';
-export { s as setNonce } from './index-0beffa82.js';
+import { b as bootstrapLazy } from './index-368a7709.js';
+export { s as setNonce } from './index-368a7709.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-luckywheel-list_2",[[1,"casino-engagement-suite-luckywheel-list",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"device":[1],"luckywheels":[1040],"endpoint":[1],"session":[1],"translationUrl":[1,"translation-url"],"tooltip":[32],"timers":[32],"limitStylingAppends":[32],"activeTab":[32],"historyLoading":[32],"luckywheelHistory":[32],"openedHistoryIds":[32],"historyLoaded":[32],"isLoading":[32]},[[8,"message","handleEvent"]],{"luckywheels":["luckywheelsPropHandler"]}],[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);
+  return bootstrapLazy([["casino-engagement-suite-luckywheel-list_2",[[1,"casino-engagement-suite-luckywheel-list",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"device":[1],"luckyWheels":[1040],"translationUrl":[1,"translation-url"],"tooltip":[32],"timers":[32],"limitStylingAppends":[32],"activeTab":[32],"historyLoading":[32],"luckywheelHistory":[32],"openedHistoryIds":[32],"historyLoaded":[32],"isLoading":[32]},[[8,"message","handleEvent"]],{"luckyWheels":["luckywheelsPropHandler"]}],[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-luckywheel-list/casino-engagement-suite-luckywheel-list.d.ts

@@ -23,15 +23,7 @@ export declare class CasinoEngagementSuiteLuckyWheelList {
     /**
      * List of lucky wheels
      */
-    luckywheels: Array<LuckyWheel>;
-    /**
-     * The NWA endpoint
-     */
-    endpoint: string;
-    /**
-     * The NWA session for the logged-in user
-     */
-    session?: string;
+    luckyWheels: Array<LuckyWheel>;
     /**
      * Translations via URL
      */
@@ -51,8 +43,6 @@ export declare class CasinoEngagementSuiteLuckyWheelList {
     luckywheelsPropHandler(value: Array<LuckyWheel>): void;
     interval: any;
     componentWillLoad(): Promise<any>;
-    getLuckyWheels(): void;
-    getLuckyWheelsHistory(luckywheelId: string): Promise<any>;
     componentDidRender(): void;
     disconnectedCallback(): void;
     setClientStyling: () => void;
@@ -65,7 +55,7 @@ export declare class CasinoEngagementSuiteLuckyWheelList {
     hideTooltip: () => void;
     removeLuckyWheel(id: string): void;
     handleTabChange: (e: MouseEvent) => void;
-    sendHistoryRequest(): Promise<void>;
+    sendHistoryRequest(): void;
     toggleLuckyWheelHistory: (ev: MouseEvent) => void;
     getLuckyWheelClasses(luckyWheel: LuckyWheel): {
         LuckyWheelsCard: boolean;

package/dist/types/components.d.ts

@@ -21,10 +21,6 @@ export namespace Components {
           * User's device type
          */
         "device": "Mobile" | "Tablet" | "Desktop";
-        /**
-          * The NWA endpoint
-         */
-        "endpoint": string;
         /**
           * Language of the widget
          */
@@ -32,11 +28,7 @@ export namespace Components {
         /**
           * List of lucky wheels
          */
-        "luckywheels": LuckyWheel[];
-        /**
-          * The NWA session for the logged-in user
-         */
-        "session"?: string;
+        "luckyWheels": LuckyWheel[];
         /**
           * Translations via URL
          */
@@ -83,10 +75,6 @@ declare namespace LocalJSX {
           * User's device type
          */
         "device"?: "Mobile" | "Tablet" | "Desktop";
-        /**
-          * The NWA endpoint
-         */
-        "endpoint": string;
         /**
           * Language of the widget
          */
@@ -94,12 +82,8 @@ declare namespace LocalJSX {
         /**
           * List of lucky wheels
          */
-        "luckywheels"?: LuckyWheel[];
+        "luckyWheels"?: LuckyWheel[];
         "onClose"?: (event: CasinoEngagementSuiteLuckywheelListCustomEvent<void>) => void;
-        /**
-          * The NWA session for the logged-in user
-         */
-        "session"?: string;
         /**
           * Translations via URL
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-engagement-suite-luckywheel-list",
-  "version": "1.54.6",
+  "version": "1.54.9",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",