@everymatrix/casino-header-controller-nd 1.54.6 → 1.54.9

package/stencil/{player-elevate-card-B4AMnqub.js → player-elevate-card-9f41yx5g.js}

@@ -1,5 +1,5 @@
-import { r as l, a as n, h as e, F as r } from "./index-ea7720e4-FqoOOnHW.js";
-import { T as i, P as s, b as o, e as d, a as c, c as g, f as p } from "./player-elevate-card-items-9d490a3b-BxciIvXh.js";
+import { r as l, a as n, h as e, F as r } from "./index-5e36ea65-BkSKs2J0.js";
+import { T as i, P as s, b as o, e as d, a as c, c as g, f as p } from "./player-elevate-card-items-2a1dc5b5-C0Ul-nhu.js";
 const y = `@container (max-width: 270px) {
   .Card .Inner {
     flex-direction: column;

package/stencil/player-elevate-card-DQE8G7ox.js

@@ -0,0 +1,105 @@
+import { r as l, a as n, h as e, F as r } from "./index-5e36ea65-BQOFxtoF.js";
+import { T as i, P as s, b as o, e as d, a as c, c as g, f as p } from "./player-elevate-card-items-2a1dc5b5-BGYI6LDp.js";
+const y = `@container (max-width: 270px) {
+  .Card .Inner {
+    flex-direction: column;
+  }
+  .Card .Inner .Content {
+    padding: 9px;
+  }
+  .Inner .Row .ExpirationPoints {
+    order: 1;
+  }
+}
+.Card .PlayerImg {
+  order: 0;
+}
+.Card .ExpirationPoints {
+  order: 3;
+}
+.Card .LevelInfo {
+  order: 2;
+}
+.Card .Inner .Row .PlayerImg {
+  flex-direction: column;
+}
+.Card .Inner .Row .PointsInfo {
+  width: 100%;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  max-height: 50%;
+}
+.Card .Inner .PlayerAvatar .Badge {
+  background-size: contain;
+  background-repeat: no-repeat;
+  position: absolute;
+  right: 5px;
+  bottom: -5px;
+  width: 40%;
+  height: 40%;
+  overflow: visible;
+}
+.Card .Inner .Row .ExpirationPoints {
+  text-align: left;
+  color: var(--emw--color-red, red);
+}
+.Card .Inner .Row .Points {
+  text-wrap: nowrap;
+}
+.Card .Inner .LevelInfo .ElevateLevel {
+  flex-direction: column;
+}
+.Card .Inner .LevelInfo .ElevateLevel .LevelName {
+  width: calc(100% - 20px);
+  text-align: left;
+  font-size: 13px;
+  padding-left: 20px;
+  margin: 10px 0;
+}
+.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {
+  text-align: center;
+  font-size: smaller;
+}
+.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {
+  margin-left: 5px;
+}`, v = y, h = class {
+  constructor(a) {
+    l(this, a), this.theme = "Dark", this.language = "en", this.dateFormat = "yyyy-MM-dd", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.playerLevelFlag = 0;
+  }
+  onSessionOrEndpointChange() {
+    this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
+  }
+  playerElevateLeveLoadedHandler(a) {
+    a.detail && (a.detail.elevateLevelWalletTotal && (this.elevateWalletTotal = a.detail.elevateLevelWalletTotal), a.detail.elevateLevel && (this.playerElevateLevel = a.detail.elevateLevel), a.detail.pointExpireString && (this.pointExpireString = a.detail.xpExpireString), a.detail.calculatedLevelFlag && (this.playerLevelFlag = a.detail.calculatedLevelFlag));
+  }
+  onRedeemClick() {
+    window.postMessage({ type: "BEERedeemClicked" }, window.location.href);
+  }
+  componentWillLoad() {
+    this.paramProxy = {
+      endpoint: this.endpoint,
+      session: this.session,
+      language: this.language,
+      calculateLevelFlag: !0
+    };
+  }
+  render() {
+    const a = n("../static/card-ground.svg"), t = n("../static/card-ground-over.svg");
+    return e("div", { key: "278a328dd084ee73b2707b93a57bccae64a2c9c7", class: `ElevateCardWrapper ${this.theme}` }, e("div", { key: "68c885baf533447a7c77fd887bbec11e53768277", class: "Card Outer", style: { backgroundImage: `url(${a}` } }, e("general-styling-wrapper", { key: "4066253a70cdd5e712ca244a708e7c1600c83071", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: i, translationUrl: this.translationUrl }), e("player-elevate-card-data", { key: "64cda2a267c752056b3c7e3134cc324fa96bc261", params: this.paramProxy }), e("div", { key: "c63ae83b401a35f5a78acd83dc3d7296c25141d7", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, this.playerElevateLevel && e(r, { key: "ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c" }, e("div", { key: "fa1bf74f45e28318c95266cc42c54541bde92718", class: "Content Row" }, e("div", { key: "7ede46f91bcc0d894b2b633627a4ca97d15fbe90", class: "PlayerImg" }, e(s, { key: "b6d0bac085e0178512b8a63ba8fccae7d4cc8399", playerAvatarUrl: this.playerAvatarUrl, loyaltyIconUrl: this.playerElevateLevel.presentation.asset }), e(o, { key: "88c445dbcd7dbe426a8de18beea02aecc03e26f3", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language })), this.pointExpireString && e("div", { key: "4d985e486ecb74a6c916b28e619de83cb3d77ac1", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " "), e("div", { key: "34e051ee1ff79b825fca57db958e1e5684a0aca1", class: `LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}` }, e(d, { key: "fa1b1f16e0b25c6adfba4c215e4ed377e05699b2", playerName: this.playerName }), e(c, { key: "6d18b1422db202363ebcd56cc56946e0e071937b", hideInfo: !0, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), e(g, { key: "7dae355c4a5a9e28c70dced0ac061608f1753020" }), e(p, { key: "7e5f830b612c962a828c58f20a88dc97d315c910", onRedeemClick: this.onRedeemClick, language: this.language })))))));
+  }
+  static get assetsDirs() {
+    return ["../static"];
+  }
+  static get watchers() {
+    return {
+      session: ["onSessionOrEndpointChange"],
+      endpoint: ["onSessionOrEndpointChange"],
+      language: ["onSessionOrEndpointChange"]
+    };
+  }
+};
+h.style = v;
+export {
+  h as player_elevate_card
+};