@everymatrix/casino-engagement-suite-container 1.71.0 → 1.71.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5383,18 +5383,20 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5383
5383
|
case 'SpinLuckyWheelRes':
|
|
5384
5384
|
if (this.isSpinning) {
|
|
5385
5385
|
const success = data.State === ELuckyWheelResultState.fulfilled;
|
|
5386
|
+
const index = +data.Result.WheelOfFortunePartitionIndex || 0;
|
|
5386
5387
|
if (!success) {
|
|
5387
|
-
this.handleSpinError();
|
|
5388
|
+
this.handleSpinError(index);
|
|
5388
5389
|
}
|
|
5389
5390
|
else {
|
|
5390
|
-
this.handleSpinResult(data);
|
|
5391
|
+
this.handleSpinResult(data, index);
|
|
5391
5392
|
}
|
|
5392
5393
|
}
|
|
5393
5394
|
break;
|
|
5394
5395
|
}
|
|
5395
5396
|
}
|
|
5396
|
-
handleSpinError() {
|
|
5397
|
-
this.
|
|
5397
|
+
handleSpinError(index) {
|
|
5398
|
+
const partitionDegree = this.settings.getDeg(index);
|
|
5399
|
+
this.spinner.halt(partitionDegree, () => {
|
|
5398
5400
|
this.isSpinning = false;
|
|
5399
5401
|
this.updateSpinable();
|
|
5400
5402
|
window.postMessage({
|
|
@@ -5405,9 +5407,8 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5405
5407
|
});
|
|
5406
5408
|
});
|
|
5407
5409
|
}
|
|
5408
|
-
handleSpinResult(data) {
|
|
5410
|
+
handleSpinResult(data, index) {
|
|
5409
5411
|
if (this.luckywheel.Program.Id === data.LotteryProgramID) {
|
|
5410
|
-
const index = +data.Result.WheelOfFortunePartitionIndex;
|
|
5411
5412
|
const partitionDegree = this.settings.getDeg(index);
|
|
5412
5413
|
this.spinner.halt(partitionDegree, () => {
|
|
5413
5414
|
this.isSpinning = false;
|
|
@@ -5474,13 +5475,13 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5474
5475
|
}
|
|
5475
5476
|
render() {
|
|
5476
5477
|
const foreignObjectAgentProps = { height: `${this.size}px`, width: `${this.size}px` };
|
|
5477
|
-
return (index.h("div", { key: '
|
|
5478
|
+
return (index.h("div", { key: '8f07f4b736611f24d8fdab3c648b682dd03010c8', class: `WheelContainer ${this.device}`, style: this.defineGeneralVariables() }, index.h("svg", { key: '5a904e1a93aee08657391d09fa40dbfc83504892', width: this.size, height: this.size, ref: (el) => {
|
|
5478
5479
|
this.svg = el;
|
|
5479
|
-
} }, index.h("foreignObject", { key: '
|
|
5480
|
+
} }, index.h("foreignObject", { key: '2f579e8195244078a65e4db7a6255af4e4fe517e', ref: this.setSvgSize.bind(this), class: "Bottom Customable" }, index.h("div", { key: 'd6ee2eae87c4b80ab9335a459fe597037d5321d1', style: foreignObjectAgentProps })), index.h("g", Object.assign({ key: '661e946d154c399facffc6963bbb10544ef1b55e', class: "PartitionsContainer" }, this.settings.getSpinnerProps()), index.h("g", { key: '591e8de5dd55dbd016669f7d144664b9c921d4df', class: "PartitionsBackgrounds" }, this.options.map((_el, index$1) => {
|
|
5480
5481
|
return (index.h("foreignObject", { ref: this.setSvgSize.bind(this), "clip-path": `url(#clip${index$1})`, class: "PartitionBackground Customable", style: Object.assign({ '--index': index$1.toString() }, foreignObjectAgentProps) }, index.h("div", { style: foreignObjectAgentProps })));
|
|
5481
|
-
})), index.h("g", { key: '
|
|
5482
|
+
})), index.h("g", { key: 'ac2a4973a712841b81c4ff0609f5f3f5c8b17bf0', class: "PartitionsBackgroundStrokes" }, this.options.map((_el, index$1) => {
|
|
5482
5483
|
return (index.h("path", Object.assign({ class: "PartitionBackgroundStroke" }, this.settings.getPartitionDraw(index$1), { width: this.size, height: this.size })));
|
|
5483
|
-
})), index.h("g", { key: '
|
|
5484
|
+
})), index.h("g", { key: 'afb0c09ec8e53ed97289c5bf186417c2078c4014', class: "Partitions", style: { filter: this.speed > 0.3 ? `blur(${this.speed}px)` : '' } }, this.options.map((el, index$1) => {
|
|
5484
5485
|
return [
|
|
5485
5486
|
el.Image && (index.h("g", { class: `PartitionImage PartitionImage${index$1}`, ref: (el) => this.renderImage(el, index$1) })),
|
|
5486
5487
|
el.Name && (index.h("foreignObject", Object.assign({ class: "PartitionText", ref: (el) => {
|
|
@@ -5491,18 +5492,18 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5491
5492
|
}
|
|
5492
5493
|
} }, this.settings.getSvgTextPropsAdjustedByImage(index$1)), index.h("div", { class: "PartitionTextEntityContainer" }, index.h("p", { class: `PartitionTextEntity${this.settings.contentdirection === 'clockwise' ? '' : ' Anticlockwise'}`, innerHTML: el.Name }))))
|
|
5493
5494
|
];
|
|
5494
|
-
}))), index.h("g", { key: '
|
|
5495
|
+
}))), index.h("g", { key: '318d1aaaa95e1bf6ccaeab566b15b0384a78871c', class: { active: this.isPartitionsCustomableReady, PartitionsCustomable1: true } }, this.options.map((_el, index$1) => {
|
|
5495
5496
|
return (index.h("foreignObject", { ref: this.setSvgSize.bind(this), class: "Partition1 Customable", style: { '--index': index$1.toString() } }, index.h("div", { style: foreignObjectAgentProps })));
|
|
5496
|
-
})), index.h("g", { key: '
|
|
5497
|
+
})), index.h("g", { key: 'fcce9008d0bb2b6adb0429039a7c2f6b9b865b92', class: { active: this.isPartitionsCustomableReady, PartitionsCustomable2: true } }, this.options.map((_el, index$1) => {
|
|
5497
5498
|
return (index.h("foreignObject", { ref: this.setSvgSize.bind(this), class: "Partition2 Customable", style: { '--index': index$1.toString() } }, index.h("div", { style: foreignObjectAgentProps })));
|
|
5498
|
-
})), index.h("foreignObject", { key: '
|
|
5499
|
+
})), index.h("foreignObject", { key: 'ae85245cfd7f223ebc271ea3d1ca0021b35815c8', ref: this.setSvgSize.bind(this), class: "Middle Customable", style: foreignObjectAgentProps }, index.h("div", { key: '08547a5324d4d4236f40efe0f70fb922418402ea', style: foreignObjectAgentProps })), index.h("foreignObject", { key: '8289900237296697f5b92e9400beda29a2ff14e7', ref: this.setSvgSize.bind(this), class: "Top Customable", style: foreignObjectAgentProps }, index.h("div", { key: 'a00da737a2ee5b7739538d9bed50b98b641e10eb', style: foreignObjectAgentProps })), index.h("g", { key: '30d8a96cac39340601e3aa82c864b7e394b57095', class: { spinning: this.isSpinning, Center: true } }, index.h("foreignObject", { key: '79de765f22964219e6ecf472220649e7b8836a78', ref: (el) => {
|
|
5499
5500
|
if (el) {
|
|
5500
5501
|
el.setAttribute('width', '100');
|
|
5501
5502
|
el.setAttribute('height', '100');
|
|
5502
5503
|
}
|
|
5503
5504
|
}, style: {
|
|
5504
5505
|
transform: `translate(${Number(this.size) / 2 - 100 / 2}px, ${Number(this.size) / 2 - 100 / 2}px)`
|
|
5505
|
-
} }, index.h("div", { key: '
|
|
5506
|
+
} }, index.h("div", { key: 'de71247c015aefb6295318c78c37b17174fd1ac0', style: { width: '100px', height: '100px', cursor: 'pointer' }, onClick: this.eventSpin }))), index.h("g", { key: '3b81cbd53658e73f94729e950c445a93a68bf754' }, this.options.map((_el, index$1) => {
|
|
5506
5507
|
return (index.h("clipPath", { id: `clip${index$1}` }, index.h("path", Object.assign({}, this.settings.getPartitionDraw(index$1)))));
|
|
5507
5508
|
})))));
|
|
5508
5509
|
}
|
|
@@ -5623,8 +5624,9 @@ const CasinoEngagementSuiteLuckywheelDetails = class {
|
|
|
5623
5624
|
updateTimers() {
|
|
5624
5625
|
const now = new Date().getTime();
|
|
5625
5626
|
this.timers = this.luckyWheels.reduce((acc, luckywheel) => {
|
|
5626
|
-
var _a;
|
|
5627
|
-
const
|
|
5627
|
+
var _a, _b;
|
|
5628
|
+
const endTime = ((_a = luckywheel.Current) === null || _a === void 0 ? void 0 : _a.ExpiryTime) || ((_b = luckywheel.Program) === null || _b === void 0 ? void 0 : _b.Time);
|
|
5629
|
+
const expirationDate = new Date(endTime).getTime();
|
|
5628
5630
|
const diff = expirationDate - now;
|
|
5629
5631
|
let countdown = '00h:00m:00s';
|
|
5630
5632
|
if (diff < 1) {
|
|
@@ -5637,15 +5639,13 @@ const CasinoEngagementSuiteLuckywheelDetails = class {
|
|
|
5637
5639
|
minutes: String(Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0'),
|
|
5638
5640
|
seconds: String(Math.floor((diff % (1000 * 60)) / 1000)).padStart(2, '0')
|
|
5639
5641
|
};
|
|
5640
|
-
countdown = days === '00'
|
|
5641
|
-
? `${hours}h:${minutes}m:${seconds}s`
|
|
5642
|
-
: `${days}d:${hours}h:${minutes}m`;
|
|
5642
|
+
countdown = days === '00' ? `${hours}h:${minutes}m:${seconds}s` : `${days}d:${hours}h:${minutes}m`;
|
|
5643
5643
|
}
|
|
5644
5644
|
return Object.assign(Object.assign({}, acc), { [luckywheel.Program.Id]: countdown });
|
|
5645
5645
|
}, {});
|
|
5646
5646
|
}
|
|
5647
5647
|
removeLuckyWheel(id) {
|
|
5648
|
-
const index = this.luckyWheels.findIndex(luckywheel => luckywheel.Program.Id === id);
|
|
5648
|
+
const index = this.luckyWheels.findIndex((luckywheel) => luckywheel.Program.Id === id);
|
|
5649
5649
|
if (index > -1) {
|
|
5650
5650
|
this.luckyWheels.splice(index, 1);
|
|
5651
5651
|
window.postMessage({ type: 'LuckyWheelHasExpired', id });
|
|
@@ -5696,17 +5696,18 @@ const CasinoEngagementSuiteLuckywheelDetails = class {
|
|
|
5696
5696
|
}
|
|
5697
5697
|
}`;
|
|
5698
5698
|
if (this.luckyWheels) {
|
|
5699
|
-
return index.h("div", { class: "LuckyWheelsList" }, index.h("general-slider", { "slide-number": "1", "slide-show": "1", "show-arrow": "true", "show-button": "true", "auto-item-height": "true", "current-page": this.selectedIndex, "client-styling": this.clientStyling + sliderStyling, "client-styling-url": this.clientStylingUrl }, this.luckyWheels &&
|
|
5700
|
-
|
|
5701
|
-
|
|
5699
|
+
return (index.h("div", { class: "LuckyWheelsList" }, index.h("general-slider", { "slide-number": "1", "slide-show": "1", "show-arrow": "true", "show-button": "true", "auto-item-height": "true", "current-page": this.selectedIndex, "client-styling": this.clientStyling + sliderStyling, "client-styling-url": this.clientStylingUrl }, this.luckyWheels &&
|
|
5700
|
+
this.luckyWheels.map((luckywheel) => {
|
|
5701
|
+
return (index.h("li", { class: "LuckyWheelsListItem" }, this.getLuckyWheelHeaderTemplate(luckywheel), index.h("casino-engagement-suite-luckywheel", { device: this.device, luckywheel: luckywheel, size: this.device === 'Desktop' ? '440' : '340' })));
|
|
5702
|
+
}))));
|
|
5702
5703
|
}
|
|
5703
5704
|
else {
|
|
5704
|
-
return index.h("div", { class: "LuckyWheelsListEmpty" }, index.h("h2", null, translate$2('noluckywheels', this.language)), index.h("p", null, translate$2('tryOtherGames', this.language)));
|
|
5705
|
+
return (index.h("div", { class: "LuckyWheelsListEmpty" }, index.h("h2", null, translate$2('noluckywheels', this.language)), index.h("p", null, translate$2('tryOtherGames', this.language))));
|
|
5705
5706
|
}
|
|
5706
5707
|
}
|
|
5707
5708
|
render() {
|
|
5708
5709
|
if (this.isLoading) {
|
|
5709
|
-
return index.h("div", { class: `LuckyWheelsDetailsPopup ${this.device}` }, index.h("general-animation-loading", null));
|
|
5710
|
+
return (index.h("div", { class: `LuckyWheelsDetailsPopup ${this.device}` }, index.h("general-animation-loading", null)));
|
|
5710
5711
|
}
|
|
5711
5712
|
else {
|
|
5712
5713
|
return (index.h("div", { class: `LuckyWheelsDetailsPopup ${this.device}` }, this.getActionsTemplate(), this.getLuckyWheelListTemplate()));
|
|
@@ -5379,18 +5379,20 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5379
5379
|
case 'SpinLuckyWheelRes':
|
|
5380
5380
|
if (this.isSpinning) {
|
|
5381
5381
|
const success = data.State === ELuckyWheelResultState.fulfilled;
|
|
5382
|
+
const index = +data.Result.WheelOfFortunePartitionIndex || 0;
|
|
5382
5383
|
if (!success) {
|
|
5383
|
-
this.handleSpinError();
|
|
5384
|
+
this.handleSpinError(index);
|
|
5384
5385
|
}
|
|
5385
5386
|
else {
|
|
5386
|
-
this.handleSpinResult(data);
|
|
5387
|
+
this.handleSpinResult(data, index);
|
|
5387
5388
|
}
|
|
5388
5389
|
}
|
|
5389
5390
|
break;
|
|
5390
5391
|
}
|
|
5391
5392
|
}
|
|
5392
|
-
handleSpinError() {
|
|
5393
|
-
this.
|
|
5393
|
+
handleSpinError(index) {
|
|
5394
|
+
const partitionDegree = this.settings.getDeg(index);
|
|
5395
|
+
this.spinner.halt(partitionDegree, () => {
|
|
5394
5396
|
this.isSpinning = false;
|
|
5395
5397
|
this.updateSpinable();
|
|
5396
5398
|
window.postMessage({
|
|
@@ -5401,9 +5403,8 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5401
5403
|
});
|
|
5402
5404
|
});
|
|
5403
5405
|
}
|
|
5404
|
-
handleSpinResult(data) {
|
|
5406
|
+
handleSpinResult(data, index) {
|
|
5405
5407
|
if (this.luckywheel.Program.Id === data.LotteryProgramID) {
|
|
5406
|
-
const index = +data.Result.WheelOfFortunePartitionIndex;
|
|
5407
5408
|
const partitionDegree = this.settings.getDeg(index);
|
|
5408
5409
|
this.spinner.halt(partitionDegree, () => {
|
|
5409
5410
|
this.isSpinning = false;
|
|
@@ -5470,13 +5471,13 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5470
5471
|
}
|
|
5471
5472
|
render() {
|
|
5472
5473
|
const foreignObjectAgentProps = { height: `${this.size}px`, width: `${this.size}px` };
|
|
5473
|
-
return (h("div", { key: '
|
|
5474
|
+
return (h("div", { key: '8f07f4b736611f24d8fdab3c648b682dd03010c8', class: `WheelContainer ${this.device}`, style: this.defineGeneralVariables() }, h("svg", { key: '5a904e1a93aee08657391d09fa40dbfc83504892', width: this.size, height: this.size, ref: (el) => {
|
|
5474
5475
|
this.svg = el;
|
|
5475
|
-
} }, h("foreignObject", { key: '
|
|
5476
|
+
} }, h("foreignObject", { key: '2f579e8195244078a65e4db7a6255af4e4fe517e', ref: this.setSvgSize.bind(this), class: "Bottom Customable" }, h("div", { key: 'd6ee2eae87c4b80ab9335a459fe597037d5321d1', style: foreignObjectAgentProps })), h("g", Object.assign({ key: '661e946d154c399facffc6963bbb10544ef1b55e', class: "PartitionsContainer" }, this.settings.getSpinnerProps()), h("g", { key: '591e8de5dd55dbd016669f7d144664b9c921d4df', class: "PartitionsBackgrounds" }, this.options.map((_el, index) => {
|
|
5476
5477
|
return (h("foreignObject", { ref: this.setSvgSize.bind(this), "clip-path": `url(#clip${index})`, class: "PartitionBackground Customable", style: Object.assign({ '--index': index.toString() }, foreignObjectAgentProps) }, h("div", { style: foreignObjectAgentProps })));
|
|
5477
|
-
})), h("g", { key: '
|
|
5478
|
+
})), h("g", { key: 'ac2a4973a712841b81c4ff0609f5f3f5c8b17bf0', class: "PartitionsBackgroundStrokes" }, this.options.map((_el, index) => {
|
|
5478
5479
|
return (h("path", Object.assign({ class: "PartitionBackgroundStroke" }, this.settings.getPartitionDraw(index), { width: this.size, height: this.size })));
|
|
5479
|
-
})), h("g", { key: '
|
|
5480
|
+
})), h("g", { key: 'afb0c09ec8e53ed97289c5bf186417c2078c4014', class: "Partitions", style: { filter: this.speed > 0.3 ? `blur(${this.speed}px)` : '' } }, this.options.map((el, index) => {
|
|
5480
5481
|
return [
|
|
5481
5482
|
el.Image && (h("g", { class: `PartitionImage PartitionImage${index}`, ref: (el) => this.renderImage(el, index) })),
|
|
5482
5483
|
el.Name && (h("foreignObject", Object.assign({ class: "PartitionText", ref: (el) => {
|
|
@@ -5487,18 +5488,18 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5487
5488
|
}
|
|
5488
5489
|
} }, this.settings.getSvgTextPropsAdjustedByImage(index)), h("div", { class: "PartitionTextEntityContainer" }, h("p", { class: `PartitionTextEntity${this.settings.contentdirection === 'clockwise' ? '' : ' Anticlockwise'}`, innerHTML: el.Name }))))
|
|
5489
5490
|
];
|
|
5490
|
-
}))), h("g", { key: '
|
|
5491
|
+
}))), h("g", { key: '318d1aaaa95e1bf6ccaeab566b15b0384a78871c', class: { active: this.isPartitionsCustomableReady, PartitionsCustomable1: true } }, this.options.map((_el, index) => {
|
|
5491
5492
|
return (h("foreignObject", { ref: this.setSvgSize.bind(this), class: "Partition1 Customable", style: { '--index': index.toString() } }, h("div", { style: foreignObjectAgentProps })));
|
|
5492
|
-
})), h("g", { key: '
|
|
5493
|
+
})), h("g", { key: 'fcce9008d0bb2b6adb0429039a7c2f6b9b865b92', class: { active: this.isPartitionsCustomableReady, PartitionsCustomable2: true } }, this.options.map((_el, index) => {
|
|
5493
5494
|
return (h("foreignObject", { ref: this.setSvgSize.bind(this), class: "Partition2 Customable", style: { '--index': index.toString() } }, h("div", { style: foreignObjectAgentProps })));
|
|
5494
|
-
})), h("foreignObject", { key: '
|
|
5495
|
+
})), h("foreignObject", { key: 'ae85245cfd7f223ebc271ea3d1ca0021b35815c8', ref: this.setSvgSize.bind(this), class: "Middle Customable", style: foreignObjectAgentProps }, h("div", { key: '08547a5324d4d4236f40efe0f70fb922418402ea', style: foreignObjectAgentProps })), h("foreignObject", { key: '8289900237296697f5b92e9400beda29a2ff14e7', ref: this.setSvgSize.bind(this), class: "Top Customable", style: foreignObjectAgentProps }, h("div", { key: 'a00da737a2ee5b7739538d9bed50b98b641e10eb', style: foreignObjectAgentProps })), h("g", { key: '30d8a96cac39340601e3aa82c864b7e394b57095', class: { spinning: this.isSpinning, Center: true } }, h("foreignObject", { key: '79de765f22964219e6ecf472220649e7b8836a78', ref: (el) => {
|
|
5495
5496
|
if (el) {
|
|
5496
5497
|
el.setAttribute('width', '100');
|
|
5497
5498
|
el.setAttribute('height', '100');
|
|
5498
5499
|
}
|
|
5499
5500
|
}, style: {
|
|
5500
5501
|
transform: `translate(${Number(this.size) / 2 - 100 / 2}px, ${Number(this.size) / 2 - 100 / 2}px)`
|
|
5501
|
-
} }, h("div", { key: '
|
|
5502
|
+
} }, h("div", { key: 'de71247c015aefb6295318c78c37b17174fd1ac0', style: { width: '100px', height: '100px', cursor: 'pointer' }, onClick: this.eventSpin }))), h("g", { key: '3b81cbd53658e73f94729e950c445a93a68bf754' }, this.options.map((_el, index) => {
|
|
5502
5503
|
return (h("clipPath", { id: `clip${index}` }, h("path", Object.assign({}, this.settings.getPartitionDraw(index)))));
|
|
5503
5504
|
})))));
|
|
5504
5505
|
}
|
|
@@ -5619,8 +5620,9 @@ const CasinoEngagementSuiteLuckywheelDetails = class {
|
|
|
5619
5620
|
updateTimers() {
|
|
5620
5621
|
const now = new Date().getTime();
|
|
5621
5622
|
this.timers = this.luckyWheels.reduce((acc, luckywheel) => {
|
|
5622
|
-
var _a;
|
|
5623
|
-
const
|
|
5623
|
+
var _a, _b;
|
|
5624
|
+
const endTime = ((_a = luckywheel.Current) === null || _a === void 0 ? void 0 : _a.ExpiryTime) || ((_b = luckywheel.Program) === null || _b === void 0 ? void 0 : _b.Time);
|
|
5625
|
+
const expirationDate = new Date(endTime).getTime();
|
|
5624
5626
|
const diff = expirationDate - now;
|
|
5625
5627
|
let countdown = '00h:00m:00s';
|
|
5626
5628
|
if (diff < 1) {
|
|
@@ -5633,15 +5635,13 @@ const CasinoEngagementSuiteLuckywheelDetails = class {
|
|
|
5633
5635
|
minutes: String(Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0'),
|
|
5634
5636
|
seconds: String(Math.floor((diff % (1000 * 60)) / 1000)).padStart(2, '0')
|
|
5635
5637
|
};
|
|
5636
|
-
countdown = days === '00'
|
|
5637
|
-
? `${hours}h:${minutes}m:${seconds}s`
|
|
5638
|
-
: `${days}d:${hours}h:${minutes}m`;
|
|
5638
|
+
countdown = days === '00' ? `${hours}h:${minutes}m:${seconds}s` : `${days}d:${hours}h:${minutes}m`;
|
|
5639
5639
|
}
|
|
5640
5640
|
return Object.assign(Object.assign({}, acc), { [luckywheel.Program.Id]: countdown });
|
|
5641
5641
|
}, {});
|
|
5642
5642
|
}
|
|
5643
5643
|
removeLuckyWheel(id) {
|
|
5644
|
-
const index = this.luckyWheels.findIndex(luckywheel => luckywheel.Program.Id === id);
|
|
5644
|
+
const index = this.luckyWheels.findIndex((luckywheel) => luckywheel.Program.Id === id);
|
|
5645
5645
|
if (index > -1) {
|
|
5646
5646
|
this.luckyWheels.splice(index, 1);
|
|
5647
5647
|
window.postMessage({ type: 'LuckyWheelHasExpired', id });
|
|
@@ -5692,17 +5692,18 @@ const CasinoEngagementSuiteLuckywheelDetails = class {
|
|
|
5692
5692
|
}
|
|
5693
5693
|
}`;
|
|
5694
5694
|
if (this.luckyWheels) {
|
|
5695
|
-
return h("div", { class: "LuckyWheelsList" }, h("general-slider", { "slide-number": "1", "slide-show": "1", "show-arrow": "true", "show-button": "true", "auto-item-height": "true", "current-page": this.selectedIndex, "client-styling": this.clientStyling + sliderStyling, "client-styling-url": this.clientStylingUrl }, this.luckyWheels &&
|
|
5696
|
-
|
|
5697
|
-
|
|
5695
|
+
return (h("div", { class: "LuckyWheelsList" }, h("general-slider", { "slide-number": "1", "slide-show": "1", "show-arrow": "true", "show-button": "true", "auto-item-height": "true", "current-page": this.selectedIndex, "client-styling": this.clientStyling + sliderStyling, "client-styling-url": this.clientStylingUrl }, this.luckyWheels &&
|
|
5696
|
+
this.luckyWheels.map((luckywheel) => {
|
|
5697
|
+
return (h("li", { class: "LuckyWheelsListItem" }, this.getLuckyWheelHeaderTemplate(luckywheel), h("casino-engagement-suite-luckywheel", { device: this.device, luckywheel: luckywheel, size: this.device === 'Desktop' ? '440' : '340' })));
|
|
5698
|
+
}))));
|
|
5698
5699
|
}
|
|
5699
5700
|
else {
|
|
5700
|
-
return h("div", { class: "LuckyWheelsListEmpty" }, h("h2", null, translate$2('noluckywheels', this.language)), h("p", null, translate$2('tryOtherGames', this.language)));
|
|
5701
|
+
return (h("div", { class: "LuckyWheelsListEmpty" }, h("h2", null, translate$2('noluckywheels', this.language)), h("p", null, translate$2('tryOtherGames', this.language))));
|
|
5701
5702
|
}
|
|
5702
5703
|
}
|
|
5703
5704
|
render() {
|
|
5704
5705
|
if (this.isLoading) {
|
|
5705
|
-
return h("div", { class: `LuckyWheelsDetailsPopup ${this.device}` }, h("general-animation-loading", null));
|
|
5706
|
+
return (h("div", { class: `LuckyWheelsDetailsPopup ${this.device}` }, h("general-animation-loading", null)));
|
|
5706
5707
|
}
|
|
5707
5708
|
else {
|
|
5708
5709
|
return (h("div", { class: `LuckyWheelsDetailsPopup ${this.device}` }, this.getActionsTemplate(), this.getLuckyWheelListTemplate()));
|