@everymatrix/casino-engagement-suite-luckywheel-list 1.56.0 → 1.56.3

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

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 import { h } from "@stencil/core";
 import { translate, getTranslations } from "../../utils/locale.utils";
 import "../../../../../casino-engagement-suite-progress-bar/dist/types/index";
@@ -5,39 +6,6 @@ import "../../../../../../svelte/general-animation-loading/esnext/general-animat
 import { getHistoryLoaderTemplate, getLuckyWheelsHistoryTemplate } from "../../renders/LuckyWheelsHistory";
 export class CasinoEngagementSuiteLuckyWheelList {
     constructor() {
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
-        this.clientStylingUrl = '';
-        /**
-         * Language of the widget
-         */
-        this.language = 'en';
-        /**
-         * User's device type
-         */
-        this.device = 'Mobile';
-        /**
-         * List of lucky wheels
-         */
-        this.luckyWheels = [];
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        this.tooltip = false;
-        this.timers = {};
-        this.limitStylingAppends = false;
-        this.activeTab = 1;
-        this.historyLoading = false;
-        this.luckywheelHistory = {};
-        this.openedHistoryIds = [];
-        this.historyLoaded = false;
-        this.isLoading = false;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
@@ -88,16 +56,36 @@ export class CasinoEngagementSuiteLuckyWheelList {
             }
             this.openedHistoryIds = [...this.openedHistoryIds];
         };
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.language = 'en';
+        this.device = 'Mobile';
+        this.luckyWheels = [];
+        this.translationUrl = '';
+        this.tooltip = false;
+        this.timers = {};
+        this.limitStylingAppends = false;
+        this.activeTab = 1;
+        this.historyLoading = false;
+        this.luckywheelHistory = {};
+        this.openedHistoryIds = [];
+        this.historyLoaded = false;
+        this.isLoading = false;
     }
     handleEvent(e) {
-        const { type } = e === null || e === void 0 ? void 0 : e.data;
+        var _a;
+        const _b = e === null || e === void 0 ? void 0 : e.data, { type } = _b, rest = __rest(_b, ["type"]);
         if (type === 'BarLuckyWheelsClick') {
             this.activeTab = 1;
             this.openedHistoryIds = [];
         }
         if (type === 'LuckywheelHistoryResponse') {
             this.openedHistoryIds = [];
-            this.luckywheelHistory = e.data.data || [];
+            const items = rest.data;
+            if (items.length > 0) {
+                const id = (_a = items[0].Draw) === null || _a === void 0 ? void 0 : _a.LotteryProgramID;
+                this.luckywheelHistory[id] = items;
+            }
             this.historyLoading = false;
         }
     }
@@ -137,11 +125,11 @@ export class CasinoEngagementSuiteLuckyWheelList {
         const now = new Date().getTime();
         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 expirationDate = new Date((_a = luckywheel.Current) === null || _a === void 0 ? void 0 : _a.EndTime).getTime();
             const diff = expirationDate - now;
             let countdown = '00h:00m:00s';
             if (diff < 1) {
-                this.removeLuckyWheel(luckywheel.program.id);
+                this.removeLuckyWheel(luckywheel.Program.Id);
             }
             else {
                 const { days, hours, minutes, seconds } = {
@@ -154,38 +142,43 @@ export class CasinoEngagementSuiteLuckyWheelList {
                     ? `${hours}h:${minutes}m:${seconds}s`
                     : `${days}d:${hours}h:${minutes}m`;
             }
-            return Object.assign(Object.assign({}, acc), { [luckywheel.program.id]: countdown });
+            return Object.assign(Object.assign({}, acc), { [luckywheel.Program.Id]: countdown });
         }, {});
     }
     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 });
     }
     sendHistoryRequest() {
         this.historyLoading = true;
-        window.postMessage({
-            type: 'LuckywheelHistoryRequest'
+        this.luckyWheels.forEach((luckyWheel) => {
+            window.postMessage({
+                type: 'LuckywheelHistoryRequest',
+                data: {
+                    lotteryProgramID: luckyWheel.Program.Id,
+                }
+            });
         });
     }
     getLuckyWheelClasses(luckyWheel) {
         return {
             LuckyWheelsCard: true,
-            LuckyWheelsEmptyNumber: luckyWheel.current.remainingTimes === 0
+            LuckyWheelsEmptyNumber: luckyWheel.Current.RemainingTimes === 0
         };
     }
     getLuckyWheelName(luckywheel) {
         var _a, _b;
-        return ((_a = luckywheel.program) === null || _a === void 0 ? void 0 : _a.name['en']) || ((_b = luckywheel.program) === null || _b === void 0 ? void 0 : _b.name['*']);
+        return ((_a = luckywheel.Program) === null || _a === void 0 ? void 0 : _a.Name['en']) || ((_b = luckywheel.Program) === null || _b === void 0 ? void 0 : _b.Name['*']);
     }
     getLuckyWheelHeaderTemplate(luckywheel) {
         var _a, _b;
-        return (h("div", { class: "LuckyWheelsCardHeader" }, h("div", { class: `LuckyWheelsName` }, this.getLuckyWheelName(luckywheel)), (h("div", { class: "LuckyWheelsCounter" }, h("div", { class: `${((_a = luckywheel.current) === null || _a === void 0 ? void 0 : _a.remainingTimes) ? 'LuckyWheelsHighlightedCounter' : 'LuckyWheelsEmptyCounter'}` }, (_b = luckywheel.current) === null || _b === void 0 ? void 0 : _b.remainingTimes)))));
+        return (h("div", { class: "LuckyWheelsCardHeader" }, h("div", { class: `LuckyWheelsName` }, this.getLuckyWheelName(luckywheel)), (h("div", { class: "LuckyWheelsCounter" }, h("div", { class: `${((_a = luckywheel.Current) === null || _a === void 0 ? void 0 : _a.RemainingTimes) ? 'LuckyWheelsHighlightedCounter' : 'LuckyWheelsEmptyCounter'}` }, (_b = luckywheel.Current) === null || _b === void 0 ? void 0 : _b.RemainingTimes)))));
     }
     getLuckyWheelTemplate(luckywheel, index) {
-        const countdown = this.timers[luckywheel.program.id];
+        const countdown = this.timers[luckywheel.Program.Id];
         //TODO: canceled status
-        const isCanceled = luckywheel.current.remainingTimes === 0;
-        return (h("div", { class: this.getLuckyWheelClasses(luckywheel), onClick: this.handleLuckyWheelClick, key: luckywheel.program.id, "data-id": luckywheel.program.id, "data-index": index }, this.getLuckyWheelHeaderTemplate(luckywheel), isCanceled ? (h("div", { class: "ForfeitedMessage" }, h("div", null, translate('canceled', this.language)), h("div", null, translate('support', this.language)))) : (h("div", { class: "LuckyWheelsCountdownWrapper" }, h("span", { class: "LuckyWheelsCountdown" }, countdown)))));
+        const isCanceled = luckywheel.Current.RemainingTimes === 0;
+        return (h("div", { class: this.getLuckyWheelClasses(luckywheel), onClick: this.handleLuckyWheelClick, key: luckywheel.Program.Id, "data-id": luckywheel.Program.Id, "data-index": index }, this.getLuckyWheelHeaderTemplate(luckywheel), isCanceled ? (h("div", { class: "ForfeitedMessage" }, h("div", null, translate('canceled', this.language)), h("div", null, translate('support', this.language)))) : (h("div", { class: "LuckyWheelsCountdownWrapper" }, h("span", { class: "LuckyWheelsCountdown" }, countdown)))));
     }
     getHeaderTemplate() {
         return h("header", { class: "LuckyWheelsListPopupHeader" }, h("button", { onClick: this.showTooltip, class: "EngagementSuiteIconButton Help" }), h("div", { class: "LuckyWheelsListPopupHeaderName" }, translate('luckyWheel', this.language)), h("button", { class: "EngagementSuiteIconButton Close", onClick: this.handleCloseClick }));
@@ -223,7 +216,7 @@ export class CasinoEngagementSuiteLuckyWheelList {
             : this.getHistoryTabTemplate();
     }
     render() {
-        return h("div", { key: '6eec32518bc71966373704f59e9ad312fc5e3052', class: `LuckyWheelsListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.getTooltipTemplate());
+        return h("div", { key: 'b640229fe6feea73f03ee6ce4a2e80e269240780', 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"; }
@@ -253,8 +246,6 @@ export class CasinoEngagementSuiteLuckyWheelList {
                     "tags": [],
                     "text": "Client custom styling via string"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -273,8 +264,6 @@ export class CasinoEngagementSuiteLuckyWheelList {
                     "tags": [],
                     "text": "Client custom styling via url"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -293,8 +282,6 @@ export class CasinoEngagementSuiteLuckyWheelList {
                     "tags": [],
                     "text": "Language of the widget"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": false,
                 "defaultValue": "'en'"
@@ -313,8 +300,6 @@ export class CasinoEngagementSuiteLuckyWheelList {
                     "tags": [],
                     "text": "User's device type"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "device",
                 "reflect": false,
                 "defaultValue": "'Mobile' as 'Mobile' | 'Tablet' | 'Desktop'"
@@ -328,8 +313,8 @@ export class CasinoEngagementSuiteLuckyWheelList {
                     "references": {
                         "LuckyWheel": {
                             "location": "import",
-                            "path": "../../components",
-                            "id": "../../../../packages/stencil/casino-engagement-suite-luckywheel-list/src/components.d.ts::unknown"
+                            "path": "../../models/luckywheel",
+                            "id": "../../../../packages/stencil/casino-engagement-suite-luckywheel-list/src/models/luckywheel.ts::LuckyWheel"
                         }
                     }
                 },
@@ -339,8 +324,6 @@ export class CasinoEngagementSuiteLuckyWheelList {
                     "tags": [],
                     "text": "List of lucky wheels"
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[] as Array<LuckyWheel>"
             },
             "translationUrl": {
@@ -357,8 +340,6 @@ export class CasinoEngagementSuiteLuckyWheelList {
                     "tags": [],
                     "text": "Translations via URL"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "translation-url",
                 "reflect": false,
                 "defaultValue": "''"

package/dist/collection/renders/LuckyWheelsHistory.js

@@ -27,12 +27,12 @@ export const getHistoryLevelTemplate = (level, index, lang) => {
 };
 const getRewards = (luckywheel, result) => {
     var _a, _b, _c, _d;
-    const index = result.wheelOfFortunePartitionIndex || 0;
-    const name = (_b = (_a = luckywheel.program.wheelOfFortune) === null || _a === void 0 ? void 0 : _a.partitions[index]) === null || _b === void 0 ? void 0 : _b.name;
+    const index = result.WheelOfFortunePartitionIndex || 0;
+    const name = (_b = (_a = luckywheel.Program.WheelOfFortune) === null || _a === void 0 ? void 0 : _a.Partitions[index]) === null || _b === void 0 ? void 0 : _b.Name;
     const displayName = name['en'] || name['*'];
-    const assets = (_d = (_c = luckywheel.program.wheelOfFortune) === null || _c === void 0 ? void 0 : _c.partitions[index]) === null || _d === void 0 ? void 0 : _d.image1;
+    const assets = (_d = (_c = luckywheel.Program.WheelOfFortune) === null || _c === void 0 ? void 0 : _c.Partitions[index]) === null || _d === void 0 ? void 0 : _d.Image1;
     const displayAssets = assets['en'] || assets['*'];
-    const programName = luckywheel.program.name['en'] || luckywheel.program.name['*'];
+    const programName = luckywheel.Program.Name['en'] || luckywheel.Program.Name['*'];
     return h("div", { class: "HistoryRewards" }, displayName ? displayName : displayAssets ? (h("img", { src: displayAssets })) : programName);
 };
 const getStatus = (state) => {
@@ -43,10 +43,9 @@ export const getLuckyWheelsHistoryTemplate = (luckywheels, historyGroups, opened
         return h("p", { class: "HistoryEmptyMessage" }, translate('noHistory', lang));
     }
     return h("div", { class: "HistoryList" }, luckywheels.map((luckywheel) => {
-        return h("div", { key: luckywheel.program.id, class: `HistoryListItem ${openedHistoryIds.includes(luckywheel.program.id) ? 'Opened' : 'Closed'}` }, h("header", { class: "HistoryListItemHeader", "data-id": luckywheel.program.id, onClick: toggleLuckyWheelHistory }, luckywheel.program.name['en'] || luckywheel.program.name['*'], h("button", { class: "EngagementSuiteIconButton ArrowDown" })), h("div", { class: "HistoryListItemBody" }, h("div", { class: "HistoryInfoRow" }, Object.entries(historyGroups).map((histories) => {
-            return histories[0] === luckywheel.program.id && histories[1].map((history) => {
-                return h("div", { class: "HistoryInfo" }, h("div", { class: "HistoryCol Rewards" }, getRewards(luckywheel, history.draw.result)), h("div", { class: "HistoryCol Issued" }, getStatus(history.draw.state)), h("div", { class: "HistoryCol Time" }, format(new Date(history.draw.time), 'LLL d, yyyy HH:mm:ss')));
-            });
+        var _a;
+        return h("div", { key: luckywheel.Program.Id, class: `HistoryListItem ${openedHistoryIds.includes(luckywheel.Program.Id) ? 'Opened' : 'Closed'}` }, h("header", { class: "HistoryListItemHeader", "data-id": luckywheel.Program.Id, onClick: toggleLuckyWheelHistory }, luckywheel.Program.Name['en'] || luckywheel.Program.Name['*'], h("button", { class: "EngagementSuiteIconButton ArrowDown" })), h("div", { class: "HistoryListItemBody" }, h("div", { class: "HistoryInfoRow" }, (_a = historyGroups[luckywheel.Program.Id]) === null || _a === void 0 ? void 0 : _a.map((history) => {
+            return (h("div", { class: "HistoryInfo" }, h("div", { class: "HistoryCol Rewards" }, getRewards(luckywheel, history.Draw.Result)), h("div", { class: "HistoryCol Issued" }, getStatus(history.Draw.State)), h("div", { class: "HistoryCol Time" }, format(new Date(history.Draw.Time), 'LLL d, yyyy HH:mm:ss'))));
         }))));
     }));
 };

package/dist/esm/{casino-engagement-suite-luckywheel-list-e5d5497e.js → casino-engagement-suite-luckywheel-list-a950eff2.js}

@@ -1,4 +1,31 @@
-import { h as h$1, r as registerInstance, c as createEvent, g as getElement } from './index-ccb37e4c.js';
+import { h as h$1, r as registerInstance, c as createEvent, g as getElement } from './index-8671bc92.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;
+}
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['en'];
@@ -78,7 +105,8 @@ function U(t, e, n) {
   }
 }
 function I(t) {
-  if (!t) return document;
+  if (!t)
+    return document;
   const e = t.getRootNode ? t.getRootNode() : t.ownerDocument;
   return e && /** @type {ShadowRoot} */
   e.host ? (
@@ -122,7 +150,8 @@ function _(t) {
   p = t;
 }
 function J() {
-  if (!p) throw new Error("Function called outside component initialization");
+  if (!p)
+    throw new Error("Function called outside component initialization");
   return p;
 }
 function V(t) {
@@ -153,7 +182,8 @@ function m() {
     } catch (e) {
       throw $.length = 0, f = 0, e;
     }
-    for (_(null), $.length = 0, f = 0; w.length; ) w.pop()();
+    for (_(null), $.length = 0, f = 0; w.length; )
+      w.pop()();
     for (let e = 0; e < h.length; e += 1) {
       const n = h[e];
       b.has(n) || (b.add(n), n());
@@ -2790,12 +2820,12 @@ const getHistoryLoaderTemplate = (lang) => {
 };
 const getRewards = (luckywheel, result) => {
     var _a, _b, _c, _d;
-    const index = result.wheelOfFortunePartitionIndex || 0;
-    const name = (_b = (_a = luckywheel.program.wheelOfFortune) === null || _a === void 0 ? void 0 : _a.partitions[index]) === null || _b === void 0 ? void 0 : _b.name;
+    const index = result.WheelOfFortunePartitionIndex || 0;
+    const name = (_b = (_a = luckywheel.Program.WheelOfFortune) === null || _a === void 0 ? void 0 : _a.Partitions[index]) === null || _b === void 0 ? void 0 : _b.Name;
     const displayName = name['en'] || name['*'];
-    const assets = (_d = (_c = luckywheel.program.wheelOfFortune) === null || _c === void 0 ? void 0 : _c.partitions[index]) === null || _d === void 0 ? void 0 : _d.image1;
+    const assets = (_d = (_c = luckywheel.Program.WheelOfFortune) === null || _c === void 0 ? void 0 : _c.Partitions[index]) === null || _d === void 0 ? void 0 : _d.Image1;
     const displayAssets = assets['en'] || assets['*'];
-    const programName = luckywheel.program.name['en'] || luckywheel.program.name['*'];
+    const programName = luckywheel.Program.Name['en'] || luckywheel.Program.Name['*'];
     return h$1("div", { class: "HistoryRewards" }, displayName ? displayName : displayAssets ? (h$1("img", { src: displayAssets })) : programName);
 };
 const getStatus = (state) => {
@@ -2806,18 +2836,17 @@ const getLuckyWheelsHistoryTemplate = (luckywheels, historyGroups, openedHistory
         return h$1("p", { class: "HistoryEmptyMessage" }, translate('noHistory', lang));
     }
     return h$1("div", { class: "HistoryList" }, luckywheels.map((luckywheel) => {
-        return h$1("div", { key: luckywheel.program.id, class: `HistoryListItem ${openedHistoryIds.includes(luckywheel.program.id) ? 'Opened' : 'Closed'}` },
-            h$1("header", { class: "HistoryListItemHeader", "data-id": luckywheel.program.id, onClick: toggleLuckyWheelHistory },
-                luckywheel.program.name['en'] || luckywheel.program.name['*'],
+        var _a;
+        return h$1("div", { key: luckywheel.Program.Id, class: `HistoryListItem ${openedHistoryIds.includes(luckywheel.Program.Id) ? 'Opened' : 'Closed'}` },
+            h$1("header", { class: "HistoryListItemHeader", "data-id": luckywheel.Program.Id, onClick: toggleLuckyWheelHistory },
+                luckywheel.Program.Name['en'] || luckywheel.Program.Name['*'],
                 h$1("button", { class: "EngagementSuiteIconButton ArrowDown" })),
             h$1("div", { class: "HistoryListItemBody" },
-                h$1("div", { class: "HistoryInfoRow" }, Object.entries(historyGroups).map((histories) => {
-                    return histories[0] === luckywheel.program.id && histories[1].map((history) => {
-                        return h$1("div", { class: "HistoryInfo" },
-                            h$1("div", { class: "HistoryCol Rewards" }, getRewards(luckywheel, history.draw.result)),
-                            h$1("div", { class: "HistoryCol Issued" }, getStatus(history.draw.state)),
-                            h$1("div", { class: "HistoryCol Time" }, format(new Date(history.draw.time), 'LLL d, yyyy HH:mm:ss')));
-                    });
+                h$1("div", { class: "HistoryInfoRow" }, (_a = historyGroups[luckywheel.Program.Id]) === null || _a === void 0 ? void 0 : _a.map((history) => {
+                    return (h$1("div", { class: "HistoryInfo" },
+                        h$1("div", { class: "HistoryCol Rewards" }, getRewards(luckywheel, history.Draw.Result)),
+                        h$1("div", { class: "HistoryCol Issued" }, getStatus(history.Draw.State)),
+                        h$1("div", { class: "HistoryCol Time" }, format(new Date(history.Draw.Time), 'LLL d, yyyy HH:mm:ss'))));
                 }))));
     }));
 };
@@ -2829,39 +2858,6 @@ const CasinoEngagementSuiteLuckyWheelList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.close = createEvent(this, "close", 7);
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
-        this.clientStylingUrl = '';
-        /**
-         * Language of the widget
-         */
-        this.language = 'en';
-        /**
-         * User's device type
-         */
-        this.device = 'Mobile';
-        /**
-         * List of lucky wheels
-         */
-        this.luckyWheels = [];
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        this.tooltip = false;
-        this.timers = {};
-        this.limitStylingAppends = false;
-        this.activeTab = 1;
-        this.historyLoading = false;
-        this.luckywheelHistory = {};
-        this.openedHistoryIds = [];
-        this.historyLoaded = false;
-        this.isLoading = false;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
@@ -2912,16 +2908,36 @@ const CasinoEngagementSuiteLuckyWheelList = class {
             }
             this.openedHistoryIds = [...this.openedHistoryIds];
         };
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.language = 'en';
+        this.device = 'Mobile';
+        this.luckyWheels = [];
+        this.translationUrl = '';
+        this.tooltip = false;
+        this.timers = {};
+        this.limitStylingAppends = false;
+        this.activeTab = 1;
+        this.historyLoading = false;
+        this.luckywheelHistory = {};
+        this.openedHistoryIds = [];
+        this.historyLoaded = false;
+        this.isLoading = false;
     }
     handleEvent(e) {
-        const { type } = e === null || e === void 0 ? void 0 : e.data;
+        var _a;
+        const _b = e === null || e === void 0 ? void 0 : e.data, { type } = _b, rest = __rest(_b, ["type"]);
         if (type === 'BarLuckyWheelsClick') {
             this.activeTab = 1;
             this.openedHistoryIds = [];
         }
         if (type === 'LuckywheelHistoryResponse') {
             this.openedHistoryIds = [];
-            this.luckywheelHistory = e.data.data || [];
+            const items = rest.data;
+            if (items.length > 0) {
+                const id = (_a = items[0].Draw) === null || _a === void 0 ? void 0 : _a.LotteryProgramID;
+                this.luckywheelHistory[id] = items;
+            }
             this.historyLoading = false;
         }
     }
@@ -2961,11 +2977,11 @@ const CasinoEngagementSuiteLuckyWheelList = class {
         const now = new Date().getTime();
         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 expirationDate = new Date((_a = luckywheel.Current) === null || _a === void 0 ? void 0 : _a.EndTime).getTime();
             const diff = expirationDate - now;
             let countdown = '00h:00m:00s';
             if (diff < 1) {
-                this.removeLuckyWheel(luckywheel.program.id);
+                this.removeLuckyWheel(luckywheel.Program.Id);
             }
             else {
                 const { days, hours, minutes, seconds } = {
@@ -2978,38 +2994,43 @@ const CasinoEngagementSuiteLuckyWheelList = class {
                     ? `${hours}h:${minutes}m:${seconds}s`
                     : `${days}d:${hours}h:${minutes}m`;
             }
-            return Object.assign(Object.assign({}, acc), { [luckywheel.program.id]: countdown });
+            return Object.assign(Object.assign({}, acc), { [luckywheel.Program.Id]: countdown });
         }, {});
     }
     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 });
     }
     sendHistoryRequest() {
         this.historyLoading = true;
-        window.postMessage({
-            type: 'LuckywheelHistoryRequest'
+        this.luckyWheels.forEach((luckyWheel) => {
+            window.postMessage({
+                type: 'LuckywheelHistoryRequest',
+                data: {
+                    lotteryProgramID: luckyWheel.Program.Id,
+                }
+            });
         });
     }
     getLuckyWheelClasses(luckyWheel) {
         return {
             LuckyWheelsCard: true,
-            LuckyWheelsEmptyNumber: luckyWheel.current.remainingTimes === 0
+            LuckyWheelsEmptyNumber: luckyWheel.Current.RemainingTimes === 0
         };
     }
     getLuckyWheelName(luckywheel) {
         var _a, _b;
-        return ((_a = luckywheel.program) === null || _a === void 0 ? void 0 : _a.name['en']) || ((_b = luckywheel.program) === null || _b === void 0 ? void 0 : _b.name['*']);
+        return ((_a = luckywheel.Program) === null || _a === void 0 ? void 0 : _a.Name['en']) || ((_b = luckywheel.Program) === null || _b === void 0 ? void 0 : _b.Name['*']);
     }
     getLuckyWheelHeaderTemplate(luckywheel) {
         var _a, _b;
-        return (h$1("div", { class: "LuckyWheelsCardHeader" }, h$1("div", { class: `LuckyWheelsName` }, this.getLuckyWheelName(luckywheel)), (h$1("div", { class: "LuckyWheelsCounter" }, h$1("div", { class: `${((_a = luckywheel.current) === null || _a === void 0 ? void 0 : _a.remainingTimes) ? 'LuckyWheelsHighlightedCounter' : 'LuckyWheelsEmptyCounter'}` }, (_b = luckywheel.current) === null || _b === void 0 ? void 0 : _b.remainingTimes)))));
+        return (h$1("div", { class: "LuckyWheelsCardHeader" }, h$1("div", { class: `LuckyWheelsName` }, this.getLuckyWheelName(luckywheel)), (h$1("div", { class: "LuckyWheelsCounter" }, h$1("div", { class: `${((_a = luckywheel.Current) === null || _a === void 0 ? void 0 : _a.RemainingTimes) ? 'LuckyWheelsHighlightedCounter' : 'LuckyWheelsEmptyCounter'}` }, (_b = luckywheel.Current) === null || _b === void 0 ? void 0 : _b.RemainingTimes)))));
     }
     getLuckyWheelTemplate(luckywheel, index) {
-        const countdown = this.timers[luckywheel.program.id];
+        const countdown = this.timers[luckywheel.Program.Id];
         //TODO: canceled status
-        const isCanceled = luckywheel.current.remainingTimes === 0;
-        return (h$1("div", { class: this.getLuckyWheelClasses(luckywheel), onClick: this.handleLuckyWheelClick, key: luckywheel.program.id, "data-id": luckywheel.program.id, "data-index": index }, this.getLuckyWheelHeaderTemplate(luckywheel), isCanceled ? (h$1("div", { class: "ForfeitedMessage" }, h$1("div", null, translate('canceled', this.language)), h$1("div", null, translate('support', this.language)))) : (h$1("div", { class: "LuckyWheelsCountdownWrapper" }, h$1("span", { class: "LuckyWheelsCountdown" }, countdown)))));
+        const isCanceled = luckywheel.Current.RemainingTimes === 0;
+        return (h$1("div", { class: this.getLuckyWheelClasses(luckywheel), onClick: this.handleLuckyWheelClick, key: luckywheel.Program.Id, "data-id": luckywheel.Program.Id, "data-index": index }, this.getLuckyWheelHeaderTemplate(luckywheel), isCanceled ? (h$1("div", { class: "ForfeitedMessage" }, h$1("div", null, translate('canceled', this.language)), h$1("div", null, translate('support', this.language)))) : (h$1("div", { class: "LuckyWheelsCountdownWrapper" }, h$1("span", { class: "LuckyWheelsCountdown" }, countdown)))));
     }
     getHeaderTemplate() {
         return h$1("header", { class: "LuckyWheelsListPopupHeader" }, h$1("button", { onClick: this.showTooltip, class: "EngagementSuiteIconButton Help" }), h$1("div", { class: "LuckyWheelsListPopupHeaderName" }, translate('luckyWheel', this.language)), h$1("button", { class: "EngagementSuiteIconButton Close", onClick: this.handleCloseClick }));
@@ -3047,7 +3068,7 @@ const CasinoEngagementSuiteLuckyWheelList = class {
             : this.getHistoryTabTemplate();
     }
     render() {
-        return h$1("div", { key: '6eec32518bc71966373704f59e9ad312fc5e3052', class: `LuckyWheelsListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.getTooltipTemplate());
+        return h$1("div", { key: 'b640229fe6feea73f03ee6ce4a2e80e269240780', class: `LuckyWheelsListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.getTooltipTemplate());
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-ccb37e4c.js';
-export { s as setNonce } from './index-ccb37e4c.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-8671bc92.js';
+export { s as setNonce } from './index-8671bc92.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

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-e5d5497e.js';
-import { r as registerInstance, h, g as getElement } from './index-ccb37e4c.js';
+export { C as casino_engagement_suite_luckywheel_list } from './casino-engagement-suite-luckywheel-list-a950eff2.js';
+import { r as registerInstance, h, g as getElement } from './index-8671bc92.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;
@@ -7,31 +7,6 @@ const CasinoEngagementSuiteProgressBarStyle0 = casinoEngagementSuiteProgressBarC
 const CasinoEngagementSuiteProgressBar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /**
-         * Value for the widget
-         */
-        this.value = 0;
-        /**
-         * Shows disabled styles
-         */
-        this.disabled = false;
-        /**
-         * Hide percent value
-         */
-        this.hidePercent = false;
-        /**
-         * Constantly animates
-         */
-        this.indeterminate = false;
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
-        this.clientStylingUrl = '';
-        this.limitStylingAppends = false;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
@@ -50,6 +25,13 @@ const CasinoEngagementSuiteProgressBar = class {
                 console.log('Error ', err);
             });
         };
+        this.value = 0;
+        this.disabled = false;
+        this.hidePercent = false;
+        this.indeterminate = false;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.limitStylingAppends = false;
     }
     componentDidRender() {
         if (!this.limitStylingAppends && this.host) {