@everymatrix/gamification-dropdown 1.55.0 → 1.56.0

package/dist/cjs/{gamification-dropdown-0a3a8194.js → gamification-dropdown-b8288984.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-7b4d999d.js');
+const index = require('./index-ec2fd1aa.js');
 
 const DEFAULT_LANGUAGE = 'en';
 let TRANSLATIONS = {
@@ -45,30 +45,91 @@ const translate = (key, customLang) => {
     return TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
 };
 
+/**
+ * @name setClientStyling
+ * @description Method used to create and append to the passed element of the widget a style element with the content received
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStyling The style content
+ */
+function setClientStyling(stylingContainer, clientStyling) {
+  if (stylingContainer) {
+    const sheet = document.createElement('style');
+    sheet.innerHTML = clientStyling;
+    stylingContainer.appendChild(sheet);
+  }
+}
+
+/**
+ * @name setClientStylingURL
+ * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStylingUrl The URL of the style content
+ */
+function setClientStylingURL(stylingContainer, clientStylingUrl) {
+  const url = new URL(clientStylingUrl);
+
+  fetch(url.href)
+    .then((res) => res.text())
+    .then((data) => {
+      const cssFile = document.createElement('style');
+      cssFile.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(cssFile);
+      }
+    })
+    .catch((err) => {
+      console.error('There was an error while trying to load client styling from URL', err);
+    });
+}
+
+/**
+ * @name setStreamLibrary
+ * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
+ * @param {HTMLElement} stylingContainer The highest element of the widget
+ * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
+ * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
+ */
+function setStreamStyling(stylingContainer, domain, subscription) {
+  if (window.emMessageBus) {
+    const sheet = document.createElement('style');
+
+    window.emMessageBus.subscribe(domain, (data) => {
+      sheet.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(sheet);
+      }
+    });
+  }
+}
+
 const gamificationDropdownCss = ":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:200;overflow:hidden;cursor:pointer}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}";
 const GamificationDropdownStyle0 = gamificationDropdownCss;
 
 const GamificationDropdown = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.setClientStyling = () => {
-            let sheet = document.createElement('style');
-            sheet.innerHTML = this.clientStyling;
-            this.stylingContainer.prepend(sheet);
-        };
-        this.setClientStylingURL = () => {
-            let url = new URL(this.clientStylingUrl);
-            let cssFile = document.createElement('style');
-            fetch(url.href)
-                .then((res) => res.text())
-                .then((data) => {
-                cssFile.innerHTML = data;
-                setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
-            })
-                .catch((err) => {
-                console.log('error ', err);
-            });
-        };
+        /**
+         * Language of the widget
+         */
+        this.language = 'en';
+        /**
+         * Session of the user
+         */
+        this.session = '';
+        /**
+        * Client custom styling via string
+        */
+        this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
+        this.clientStylingUrl = '';
+        /**
+         * Translations via URL
+         */
+        this.translationUrl = '';
+        this.isOpen = false;
+        this.isLoading = false;
         this.navigateToGamification = () => {
             window.postMessage({ type: 'NavigateToGamification' }, window.location.href);
             this.isOpen = false;
@@ -90,16 +151,6 @@ const GamificationDropdown = class {
                 document.removeEventListener('click', this.handleOutsideClick);
             }
         };
-        this.endpoint = undefined;
-        this.language = 'en';
-        this.session = '';
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.isOpen = false;
-        this.isLoading = false;
-        this.stylingAppends = false;
-        this.loyaltyPoints = undefined;
     }
     handleNewTranslations() {
         this.isLoading = true;
@@ -107,6 +158,17 @@ const GamificationDropdown = class {
             this.isLoading = false;
         });
     }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingChangeURL(newValue, oldValue) {
+        if (newValue != oldValue) {
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
     async componentWillLoad() {
         if (this.translationUrl.length > 2) {
             await getTranslations(this.translationUrl);
@@ -115,16 +177,21 @@ const GamificationDropdown = class {
             return this.fetchPointsData();
         }
     }
-    componentDidRender() {
-        // start custom styling area
-        if (!this.stylingAppends && this.stylingContainer) {
-            if (this.clientStyling)
-                this.setClientStyling();
-            if (this.clientStylingUrl)
-                this.setClientStylingURL();
-            this.stylingAppends = true;
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (window.emMessageBus != undefined) {
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            }
+            else {
+                if (this.clientStyling)
+                    setClientStyling(this.stylingContainer, this.clientStyling);
+                if (this.clientStylingUrl)
+                    setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            }
         }
-        // end custom styling area
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
     }
     fetchPointsData() {
         let url = new URL(`${this.endpoint}/v1/elevate/playerInfo`);
@@ -165,7 +232,9 @@ const GamificationDropdown = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "translationUrl": ["handleNewTranslations"]
+        "translationUrl": ["handleNewTranslations"],
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingChangeURL"]
     }; }
 };
 GamificationDropdown.style = GamificationDropdownStyle0;

package/dist/cjs/gamification-dropdown.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b4d999d.js');
+const index = require('./index-ec2fd1aa.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('gamification-dropdown.cjs.js', document.baseURI).href));
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["gamification-dropdown_4.cjs",[[1,"gamification-dropdown",{"endpoint":[513],"language":[513],"session":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isOpen":[32],"isLoading":[32],"stylingAppends":[32],"loyaltyPoints":[32]},null,{"translationUrl":["handleNewTranslations"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}]]],["player-elevate-card.cjs",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-pointcard.cjs",[[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
+  return index.bootstrapLazy([["gamification-dropdown_4.cjs",[[1,"gamification-dropdown",{"endpoint":[513],"language":[513],"session":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isOpen":[32],"isLoading":[32],"loyaltyPoints":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}]]],["player-elevate-card.cjs",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-pointcard.cjs",[[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/gamification-dropdown_4.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const gamificationDropdown = require('./gamification-dropdown-0a3a8194.js');
-const index = require('./index-7b4d999d.js');
-const playerElevateCardItems = require('./player-elevate-card-items-087e5a58.js');
+const gamificationDropdown = require('./gamification-dropdown-b8288984.js');
+const index = require('./index-ec2fd1aa.js');
+const playerElevateCardItems = require('./player-elevate-card-items-a73ef8aa.js');
 
 const mergeTranslations = (url, target) => {
     return new Promise((resolve) => {
@@ -28,6 +28,18 @@ const GeneralStylingWrapperStyle0 = generalStylingWrapperCss;
 const GeneralStylingWrapper = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Client custom styling via inline styles
+         */
+        this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
+        this.clientStylingUrl = '';
+        /**
+         * Translation via url
+         */
+        this.translationUrl = '';
         this.stylingAppends = false;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
@@ -49,10 +61,6 @@ const GeneralStylingWrapper = class {
                 console.log('error ', err);
             });
         };
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.targetTranslations = undefined;
     }
     componentDidRender() {
         // start custom styling area
@@ -370,9 +378,6 @@ const PlayerElevateCardData = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.playerElevateLeveLoaded = index.createEvent(this, "playerElevateLeveLoaded", 7);
-        this.params = undefined;
-        this.playerElevateLevel = undefined;
-        this.pointExpireString = undefined;
     }
     handleWindowResizs() {
         this.initLevelProgressbar();
@@ -540,19 +545,31 @@ const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
 const PlayerElevateLoyaltycard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.endpoint = undefined;
+        /**
+         * The style that widget shows,available value: Dark, Light
+         * Default: Dark
+         */
         this.theme = 'Dark';
-        this.session = undefined;
-        this.playerAvatarUrl = undefined;
+        /**
+         * Widget Language to show
+         */
         this.language = 'en';
-        this.playerName = undefined;
+        /**
+         * datePattern
+         */
         this.dateFormat = 'yyyy-MM-dd';
+        /**
+         * Client custom styling via inline styles
+         */
         this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
         this.clientStylingUrl = '';
+        /**
+         * Translation via url
+         */
         this.translationUrl = '';
-        this.pointExpireString = undefined;
-        this.playerElevateLevel = undefined;
-        this.elevateWalletTotal = undefined;
     }
     onSessionOrEndpointChange() {
         this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
@@ -602,7 +619,7 @@ const PlayerElevateLoyaltycard = class {
     render() {
         const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
         const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
-        return (index.h("div", { key: '2b0944f8317a94621e1bc65bbbb3726654b8963b', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: 'c6d4dbba143435b4485d7fde91ab0a48a2f6688b', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: 'e47a4efe925eb35d4449c6ff33a0afef9d284e55', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: 'a560991893305894ddd41756cd7b3c32d0ef9e03', params: this.paramProxy }), index.h("div", { key: 'ceb8b71386f84f54518a3694535aa16c2c3d3951', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '1df9647c3de42e74adee0f8895511442118ae381', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: '569bcd5fc3c578d2e6cc7442d28444e29688660c' }, index.h("div", { key: 'aa40032bff99c5462b906e4427232ca2d4019017', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: '7a2d535b0c2029c90b9f1c123f9feebafca6bdde', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: '90999da8fc2a3102eac235fcbc8afbec2a2bbdf8', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h(playerElevateCardItems.PlayerElevateLoyaltyLevel, { key: '67e8bf370b1b77e776fb6d955ae63928fd1338d8', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), index.h("div", { key: '1e0fefc6a23f4aeeef5e19828399fe1229a3fc81', class: 'PointsRange' }, index.h(playerElevateCardItems.PlayerPoints, { key: 'dd176e624cde3b6f517101d7702a15465305174d', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), index.h(playerElevateCardItems.PlayerPoints, { key: '6cddb64c92545803d08fbbc513cc951b2691a42e', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), index.h(playerElevateCardItems.PlayerLoyaltyProcess, { key: '08817ca979ea784aeb735579b0d52e5150eb0852' }), index.h("div", { key: 'be9a1b40a8145d5e6d329d8e9f047296e84dd24b', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (index.h("div", { key: 'f9cbb7d06e34717cb9f74cb8d2e506e49969e775', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " "))))))))));
+        return (index.h("div", { key: '39295a651da66747a20554699bba5f96b8ad5c35', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: '78c34fe054fc2459f8af3354116cd21a68ce01be', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: 'be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: 'b53e4b59d4ee55a2f567efa09afab3d72969e6e4', params: this.paramProxy }), index.h("div", { key: '1f3e504440bab2df3a181058fad7149c85c48c14', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: 'a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: '5c104f5ba1a018219c6ed5f6e50af99b035a0344' }, index.h("div", { key: 'bd94591e6ab9298ab7c769fa48efaf314dc1a63b', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: '928849ce86d8c7a483eba7850efc83f8149bae43', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: '37192c9b8502eb3c7d93914369df2d784c17e9f7', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h(playerElevateCardItems.PlayerElevateLoyaltyLevel, { key: '2684a177f4bb1053c4587fd4158666fb35ca23f4', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), index.h("div", { key: '173a37c63868f2d900c12af3ffc2d9a4a57550e4', class: 'PointsRange' }, index.h(playerElevateCardItems.PlayerPoints, { key: 'a7111154f7dc547e0b05c70d24508bdd75c5d882', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), index.h(playerElevateCardItems.PlayerPoints, { key: 'ad31574e7db81a7ecb7a06b28b1d4968cbcab93e', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), index.h(playerElevateCardItems.PlayerLoyaltyProcess, { key: '88ddfdb326edfb1de9519da6b3d0e5b514725e27' }), index.h("div", { key: 'b9c79555a8001bd2c754d7573df04016da235c84', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (index.h("div", { key: '02da725060c9db4a8c1c2e8bad3426894d7f8f2c', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " "))))))))));
     }
     static get watchers() { return {
         "session": ["onSessionOrEndpointChange"],