@everymatrix/casino-engagement-suite-bar 1.52.6 → 1.53.10

package/dist/collection/components/casino-engagement-suite-bar/casino-engagement-suite-bar.js

@@ -5,6 +5,48 @@ import { initialLeaderboardState } from "../../models";
 import { translate } from "../../utils/locale.utils";
 export class CasinoEngagementSuiteBar {
     constructor() {
+        /**
+         * Highlight Challenge tile
+         */
+        this.highlightChallenge = false;
+        /**
+         * Client custom styling via string
+         */
+        this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
+        this.clientStylingUrl = '';
+        /**
+         * Orientation of the widget
+         */
+        this.orientation = 'Landscape';
+        /**
+         * User's device type
+         */
+        this.device = 'Mobile';
+        /**
+         * Show challenge label
+         */
+        this.isChallengeLabel = false;
+        /**
+         * Show forfeited challenge label
+         */
+        this.isForfeitedChallengeLabel = false;
+        /**
+         * Show spins forfeited label
+         */
+        this.isSpinForfeitedLabel = false;
+        /**
+         * Language of the widget
+         */
+        this.language = 'en';
+        this.jackpots = [];
+        // todo: hardcoded (waiting for GLC integration)
+        this.remainingLuckywheels = '1';
+        this.limitStylingAppends = false;
+        this.activeJackpot = '';
+        this.leaderboardState = initialLeaderboardState;
         this.handleTileClick = (ev) => {
             const application = ev.target.getAttribute('data-app');
             window.postMessage({ type: `Bar${application}Click` });
@@ -31,23 +73,6 @@ export class CasinoEngagementSuiteBar {
                 console.log('Error ', err);
             });
         };
-        this.activeWidget = undefined;
-        this.challengePercent = undefined;
-        this.highlightChallenge = false;
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.orientation = 'Landscape';
-        this.device = 'Mobile';
-        this.isChallengeLabel = false;
-        this.isForfeitedChallengeLabel = false;
-        this.isSpinForfeitedLabel = false;
-        this.language = 'en';
-        this.jackpots = [];
-        this.remainingFreeSpins = undefined;
-        this.leaderboards = undefined;
-        this.limitStylingAppends = false;
-        this.activeJackpot = '';
-        this.leaderboardState = initialLeaderboardState;
     }
     handleEvent(e) {
         const _a = e === null || e === void 0 ? void 0 : e.data, { type } = _a, rest = __rest(_a, ["type"]);
@@ -86,6 +111,9 @@ export class CasinoEngagementSuiteBar {
     getFreeSpinsTile() {
         return (h("button", { class: `Tile Reward FreeSpins ${this.activeWidget === 'FreeSpins' ? 'Active' : ''}`, "data-app": "FreeSpins", onClick: this.handleTileClick }, h("div", { class: "RewardIcon" }), h("span", null, this.remainingFreeSpins), h("div", { class: `ForfeitLabel ${this.isSpinForfeitedLabel ? 'ShowForfeitLabel' : ''}` }, h("span", null))));
     }
+    getLuckyWheelTile() {
+        return (h("button", { class: `Tile Reward Luckywheel ${this.activeWidget === 'LuckyWheels' ? 'Active' : ''}`, "data-app": "LuckyWheels", onClick: this.handleTileClick }, h("div", { class: "RewardIcon" }), h("span", null, this.remainingLuckywheels)));
+    }
     getJackpotClasses(jackpot) {
         return {
             Tile: true,
@@ -111,11 +139,11 @@ export class CasinoEngagementSuiteBar {
     }
     getTilesTemplate() {
         return this.displayTilesInOneRow()
-            ? h("div", { class: "EngagementSuiteContainer" }, !!this.jackpots.length && this.getJackpotsTemplate(), this.leaderboards && this.getLeaderboardsTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile())
-            : h("div", { class: "EngagementSuiteContainer" }, h("div", { class: "Jackpots" }, !!this.jackpots.length && this.getJackpotsTemplate()), h("div", { class: "Rewards" }, this.leaderboards && this.getLeaderboardsTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile()));
+            ? h("div", { class: "EngagementSuiteContainer" }, !!this.jackpots.length && this.getJackpotsTemplate(), this.leaderboards && this.getLeaderboardsTile(), this.remainingLuckywheels && this.getLuckyWheelTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile())
+            : h("div", { class: "EngagementSuiteContainer" }, h("div", { class: "Jackpots" }, !!this.jackpots.length && this.getJackpotsTemplate()), h("div", { class: "Rewards" }, this.leaderboards && this.getLeaderboardsTile(), this.remainingLuckywheels && this.getLuckyWheelTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile()));
     }
     render() {
-        return h("div", { key: '17eccdcded345b7e7507e427657566f900199b58', class: `CasinoEngagementSuiteBar ${this.orientation} ${this.device}`, ref: (el) => (this.engagementSuiteBar = el) }, this.getTilesTemplate());
+        return h("div", { key: 'd932ee7e636f06b0c50841a4737cb6572c1500aa', class: `CasinoEngagementSuiteBar ${this.orientation} ${this.device}`, ref: (el) => (this.engagementSuiteBar = el) }, this.getTilesTemplate());
     }
     static get is() { return "casino-engagement-suite-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -145,6 +173,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "Highlight active widget"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active-widget",
                 "reflect": true
             },
@@ -162,6 +192,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "The Challenge Percent"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "challenge-percent",
                 "reflect": false
             },
@@ -179,6 +211,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "Highlight Challenge tile"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "highlight-challenge",
                 "reflect": false,
                 "defaultValue": "false"
@@ -197,6 +231,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "Client custom styling via string"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -215,6 +251,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "Client custom styling via url"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -233,6 +271,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "Orientation of the widget"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "orientation",
                 "reflect": false,
                 "defaultValue": "'Landscape' as 'Landscape' | 'Portrait'"
@@ -251,6 +291,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "User's device type"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "device",
                 "reflect": false,
                 "defaultValue": "'Mobile' as 'Mobile' | 'Tablet' | 'Desktop'"
@@ -269,6 +311,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "Show challenge label"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-challenge-label",
                 "reflect": false,
                 "defaultValue": "false"
@@ -287,6 +331,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "Show forfeited challenge label"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-forfeited-challenge-label",
                 "reflect": false,
                 "defaultValue": "false"
@@ -305,6 +351,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "Show spins forfeited label"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-spin-forfeited-label",
                 "reflect": false,
                 "defaultValue": "false"
@@ -323,6 +371,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": "Language of the widget"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": false,
                 "defaultValue": "'en'"
@@ -347,6 +397,8 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[] as Array<Jackpot>"
             },
             "remainingFreeSpins": {
@@ -363,9 +415,31 @@ export class CasinoEngagementSuiteBar {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "remaining-free-spins",
                 "reflect": false
             },
+            "remainingLuckywheels": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "remaining-luckywheels",
+                "reflect": false,
+                "defaultValue": "'1'"
+            },
             "leaderboards": {
                 "type": "unknown",
                 "mutable": false,
@@ -389,7 +463,9 @@ export class CasinoEngagementSuiteBar {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

package/dist/esm/casino-engagement-suite-bar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fa9a5454.js';
+import { r as registerInstance, h } from './index-fd88d82e.js';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -62,6 +62,48 @@ const CasinoEngagementSuiteBarStyle0 = casinoEngagementSuiteBarCss;
 const CasinoEngagementSuiteBar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Highlight Challenge tile
+         */
+        this.highlightChallenge = false;
+        /**
+         * Client custom styling via string
+         */
+        this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
+        this.clientStylingUrl = '';
+        /**
+         * Orientation of the widget
+         */
+        this.orientation = 'Landscape';
+        /**
+         * User's device type
+         */
+        this.device = 'Mobile';
+        /**
+         * Show challenge label
+         */
+        this.isChallengeLabel = false;
+        /**
+         * Show forfeited challenge label
+         */
+        this.isForfeitedChallengeLabel = false;
+        /**
+         * Show spins forfeited label
+         */
+        this.isSpinForfeitedLabel = false;
+        /**
+         * Language of the widget
+         */
+        this.language = 'en';
+        this.jackpots = [];
+        // todo: hardcoded (waiting for GLC integration)
+        this.remainingLuckywheels = '1';
+        this.limitStylingAppends = false;
+        this.activeJackpot = '';
+        this.leaderboardState = initialLeaderboardState;
         this.handleTileClick = (ev) => {
             const application = ev.target.getAttribute('data-app');
             window.postMessage({ type: `Bar${application}Click` });
@@ -88,23 +130,6 @@ const CasinoEngagementSuiteBar = class {
                 console.log('Error ', err);
             });
         };
-        this.activeWidget = undefined;
-        this.challengePercent = undefined;
-        this.highlightChallenge = false;
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.orientation = 'Landscape';
-        this.device = 'Mobile';
-        this.isChallengeLabel = false;
-        this.isForfeitedChallengeLabel = false;
-        this.isSpinForfeitedLabel = false;
-        this.language = 'en';
-        this.jackpots = [];
-        this.remainingFreeSpins = undefined;
-        this.leaderboards = undefined;
-        this.limitStylingAppends = false;
-        this.activeJackpot = '';
-        this.leaderboardState = initialLeaderboardState;
     }
     handleEvent(e) {
         const _a = e === null || e === void 0 ? void 0 : e.data, { type } = _a, rest = __rest(_a, ["type"]);
@@ -142,6 +167,9 @@ const CasinoEngagementSuiteBar = class {
     getFreeSpinsTile() {
         return (h("button", { class: `Tile Reward FreeSpins ${this.activeWidget === 'FreeSpins' ? 'Active' : ''}`, "data-app": "FreeSpins", onClick: this.handleTileClick }, h("div", { class: "RewardIcon" }), h("span", null, this.remainingFreeSpins), h("div", { class: `ForfeitLabel ${this.isSpinForfeitedLabel ? 'ShowForfeitLabel' : ''}` }, h("span", null))));
     }
+    getLuckyWheelTile() {
+        return (h("button", { class: `Tile Reward Luckywheel ${this.activeWidget === 'LuckyWheels' ? 'Active' : ''}`, "data-app": "LuckyWheels", onClick: this.handleTileClick }, h("div", { class: "RewardIcon" }), h("span", null, this.remainingLuckywheels)));
+    }
     getJackpotClasses(jackpot) {
         return {
             Tile: true,
@@ -167,11 +195,11 @@ const CasinoEngagementSuiteBar = class {
     }
     getTilesTemplate() {
         return this.displayTilesInOneRow()
-            ? h("div", { class: "EngagementSuiteContainer" }, !!this.jackpots.length && this.getJackpotsTemplate(), this.leaderboards && this.getLeaderboardsTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile())
-            : h("div", { class: "EngagementSuiteContainer" }, h("div", { class: "Jackpots" }, !!this.jackpots.length && this.getJackpotsTemplate()), h("div", { class: "Rewards" }, this.leaderboards && this.getLeaderboardsTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile()));
+            ? h("div", { class: "EngagementSuiteContainer" }, !!this.jackpots.length && this.getJackpotsTemplate(), this.leaderboards && this.getLeaderboardsTile(), this.remainingLuckywheels && this.getLuckyWheelTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile())
+            : h("div", { class: "EngagementSuiteContainer" }, h("div", { class: "Jackpots" }, !!this.jackpots.length && this.getJackpotsTemplate()), h("div", { class: "Rewards" }, this.leaderboards && this.getLeaderboardsTile(), this.remainingLuckywheels && this.getLuckyWheelTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile()));
     }
     render() {
-        return h("div", { key: '17eccdcded345b7e7507e427657566f900199b58', class: `CasinoEngagementSuiteBar ${this.orientation} ${this.device}`, ref: (el) => (this.engagementSuiteBar = el) }, this.getTilesTemplate());
+        return h("div", { key: 'd932ee7e636f06b0c50841a4737cb6572c1500aa', class: `CasinoEngagementSuiteBar ${this.orientation} ${this.device}`, ref: (el) => (this.engagementSuiteBar = el) }, this.getTilesTemplate());
     }
 };
 CasinoEngagementSuiteBar.style = CasinoEngagementSuiteBarStyle0;

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

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-fa9a5454.js';
-export { s as setNonce } from './index-fa9a5454.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-fd88d82e.js';
+export { s as setNonce } from './index-fd88d82e.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.1 | 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-bar",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32],"leaderboardState":[32]},[[8,"message","handleEvent"]]]]]], options);
+  return bootstrapLazy([["casino-engagement-suite-bar",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"remainingLuckywheels":[1,"remaining-luckywheels"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32],"leaderboardState":[32]},[[8,"message","handleEvent"]]]]]], options);
 });