@everymatrix/player-elevate-card 1.55.0 → 1.56.0

package/dist/esm/general-styling-wrapper_5.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement, a as getAssetPath, F as Fragment, c as createEvent } from './index-94328d47.js';
+import { r as registerInstance, h, g as getElement, a as getAssetPath, F as Fragment, c as createEvent } from './index-29ae3408.js';
 
 const mergeTranslations = (url, target) => {
     return new Promise((resolve) => {
@@ -22,6 +22,18 @@ const GeneralStylingWrapperStyle0 = generalStylingWrapperCss;
 const GeneralStylingWrapper = class {
     constructor(hostRef) {
         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');
@@ -43,10 +55,6 @@ const GeneralStylingWrapper = class {
                 console.log('error ', err);
             });
         };
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.targetTranslations = undefined;
     }
     componentDidRender() {
         // start custom styling area
@@ -2477,20 +2485,32 @@ const PlayerElevateCardStyle0 = playerElevateCardCss;
 const PlayerElevateCard = class {
     constructor(hostRef) {
         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.playerLevelFlag = 0;
-        this.playerElevateLevel = undefined;
-        this.elevateWalletTotal = undefined;
     }
     onSessionOrEndpointChange() {
         this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
@@ -2827,9 +2847,6 @@ const PlayerElevateCardData = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.playerElevateLeveLoaded = createEvent(this, "playerElevateLeveLoaded", 7);
-        this.params = undefined;
-        this.playerElevateLevel = undefined;
-        this.pointExpireString = undefined;
     }
     handleWindowResizs() {
         this.initLevelProgressbar();
@@ -2997,19 +3014,31 @@ const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
 const PlayerElevateLoyaltycard = class {
     constructor(hostRef) {
         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 });
@@ -3059,7 +3088,7 @@ const PlayerElevateLoyaltycard = class {
     render() {
         const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
         const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
-        return (h("div", { key: '2b0944f8317a94621e1bc65bbbb3726654b8963b', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: 'c6d4dbba143435b4485d7fde91ab0a48a2f6688b', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: 'e47a4efe925eb35d4449c6ff33a0afef9d284e55', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: 'a560991893305894ddd41756cd7b3c32d0ef9e03', params: this.paramProxy }), h("div", { key: 'ceb8b71386f84f54518a3694535aa16c2c3d3951', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '1df9647c3de42e74adee0f8895511442118ae381', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '569bcd5fc3c578d2e6cc7442d28444e29688660c' }, h("div", { key: 'aa40032bff99c5462b906e4427232ca2d4019017', class: "PlayerImg" }, h(PlayerAvatar, { key: '7a2d535b0c2029c90b9f1c123f9feebafca6bdde', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: '90999da8fc2a3102eac235fcbc8afbec2a2bbdf8', class: `LevelInfo ${this.playerElevateLevel.name}` }, h(PlayerElevateLoyaltyLevel, { key: '67e8bf370b1b77e776fb6d955ae63928fd1338d8', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), h("div", { key: '1e0fefc6a23f4aeeef5e19828399fe1229a3fc81', class: 'PointsRange' }, h(PlayerPoints, { key: 'dd176e624cde3b6f517101d7702a15465305174d', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), h(PlayerPoints, { key: '6cddb64c92545803d08fbbc513cc951b2691a42e', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), h(PlayerLoyaltyProcess, { key: '08817ca979ea784aeb735579b0d52e5150eb0852' }), h("div", { key: 'be9a1b40a8145d5e6d329d8e9f047296e84dd24b', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (h("div", { key: 'f9cbb7d06e34717cb9f74cb8d2e506e49969e775', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " "))))))))));
+        return (h("div", { key: '39295a651da66747a20554699bba5f96b8ad5c35', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '78c34fe054fc2459f8af3354116cd21a68ce01be', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: 'be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: 'b53e4b59d4ee55a2f567efa09afab3d72969e6e4', params: this.paramProxy }), h("div", { key: '1f3e504440bab2df3a181058fad7149c85c48c14', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: 'a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '5c104f5ba1a018219c6ed5f6e50af99b035a0344' }, h("div", { key: 'bd94591e6ab9298ab7c769fa48efaf314dc1a63b', class: "PlayerImg" }, h(PlayerAvatar, { key: '928849ce86d8c7a483eba7850efc83f8149bae43', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: '37192c9b8502eb3c7d93914369df2d784c17e9f7', class: `LevelInfo ${this.playerElevateLevel.name}` }, h(PlayerElevateLoyaltyLevel, { key: '2684a177f4bb1053c4587fd4158666fb35ca23f4', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), h("div", { key: '173a37c63868f2d900c12af3ffc2d9a4a57550e4', class: 'PointsRange' }, h(PlayerPoints, { key: 'a7111154f7dc547e0b05c70d24508bdd75c5d882', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), h(PlayerPoints, { key: 'ad31574e7db81a7ecb7a06b28b1d4968cbcab93e', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), h(PlayerLoyaltyProcess, { key: '88ddfdb326edfb1de9519da6b3d0e5b514725e27' }), h("div", { key: 'b9c79555a8001bd2c754d7573df04016da235c84', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (h("div", { key: '02da725060c9db4a8c1c2e8bad3426894d7f8f2c', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " "))))))))));
     }
     static get watchers() { return {
         "session": ["onSessionOrEndpointChange"],
@@ -3075,23 +3104,40 @@ const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
 const PlayerElevatePointcard = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.isPointDetailCard = this.buttonType === 'earningRule';
-        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;
-        this.cardTitle = undefined;
+        /**
+         * Check if the card used in points details widget, default: 'earningRule'
+         * value: 'details'/'earningRule'
+         * It effected the button in card
+         * 'earningRule':  button text, 'earning rules', post 'BEEPointRulesClicked' when clicked
+         * 'details': button text, 'details', post 'BEEDetailsClicked' when clicked
+         */
         this.buttonType = 'earningRule';
+        /**
+         * 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;
-        this.elevateSPTotal = undefined;
+        this.isPointDetailCard = this.buttonType === 'earningRule';
     }
     onSessionOrEndpointChange() {
         this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });