@everymatrix/player-elevate-card 1.44.0 → 1.45.0

package/dist/collection/components/player-elevate-card/player-elevate-card.js

@@ -1,295 +1,279 @@
-import { Component, Prop, h, State, Listen, Fragment, getAssetPath, Watch } from '@stencil/core';
-import { PlayerAvatar, PlayerElevateCardRedeem, PlayerElevateLoyaltyLevel, PlayerLoyaltyProcess, PlayerNameDiv, PlayerPoints, } from './player-elevate-card-items';
-import { TRANSLATIONS } from '../../utils/locale.utils';
+import { h, Fragment, getAssetPath } from "@stencil/core";
+import { PlayerAvatar, PlayerElevateCardRedeem, PlayerElevateLoyaltyLevel, PlayerLoyaltyProcess, PlayerNameDiv, PlayerPoints, } from "./player-elevate-card-items";
+import { TRANSLATIONS } from "../../utils/locale.utils";
 export class PlayerElevateCard {
-  constructor() {
-    /**
-     * The style that widget shows,available value: Dark, Light
-     * Default: Dark
-     */
-    this.theme = 'Dark';
-    /**
-     * Widget Language to show
-     */
-    this.language = 'en';
-    /**
-     * 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.playerLevelFlag = 0;
-  }
-  onSessionOrEndpointChange() {
-    this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
-  }
-  playerElevateLeveLoadedHandler(event) {
-    if (!event.detail) {
-      return;
+    constructor() {
+        this.endpoint = undefined;
+        this.theme = 'Dark';
+        this.session = undefined;
+        this.playerAvatarUrl = undefined;
+        this.language = 'en';
+        this.playerName = undefined;
+        this.dateFormat = 'yyyy-MM-dd';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.pointExpireString = undefined;
+        this.playerLevelFlag = 0;
+        this.playerElevateLevel = undefined;
+        this.elevateWalletTotal = undefined;
     }
-    if (event.detail['elevateLevelWalletTotal']) {
-      this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
+    onSessionOrEndpointChange() {
+        this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
     }
-    if (event.detail['elevateLevel']) {
-      this.playerElevateLevel = event.detail['elevateLevel'];
+    playerElevateLeveLoadedHandler(event) {
+        if (!event.detail) {
+            return;
+        }
+        if (event.detail['elevateLevelWalletTotal']) {
+            this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
+        }
+        if (event.detail['elevateLevel']) {
+            this.playerElevateLevel = event.detail['elevateLevel'];
+        }
+        if (event.detail['pointExpireString']) {
+            this.pointExpireString = event.detail.xpExpireString;
+        }
+        if (event.detail.calculatedLevelFlag) {
+            this.playerLevelFlag = event.detail.calculatedLevelFlag;
+        }
     }
-    if (event.detail['pointExpireString']) {
-      this.pointExpireString = event.detail.xpExpireString;
+    onRedeemClick() {
+        window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
     }
-    if (event.detail.calculatedLevelFlag) {
-      this.playerLevelFlag = event.detail.calculatedLevelFlag;
+    componentWillLoad() {
+        this.paramProxy = {
+            endpoint: this.endpoint,
+            session: this.session,
+            language: this.language,
+            calculateLevelFlag: true,
+        };
     }
-  }
-  onRedeemClick() {
-    window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
-  }
-  componentWillLoad() {
-    this.paramProxy = {
-      endpoint: this.endpoint,
-      session: this.session,
-      language: this.language,
-      calculateLevelFlag: true,
-    };
-  }
-  render() {
-    const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
-    const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
-    return (h("div", { class: `ElevateCardWrapper ${this.theme}` },
-      h("div", { class: "Card Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } },
-        h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }),
-        h("player-elevate-card-data", { params: this.paramProxy }),
-        h("div", { class: "OuterCover Inner", style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, this.playerElevateLevel && (h(Fragment, null,
-          h("div", { class: 'Content Row' },
-            h("div", { class: "PlayerImg" },
-              h(PlayerAvatar, { playerAvatarUrl: this.playerAvatarUrl, loyaltyIconUrl: this.playerElevateLevel.presentation.asset }),
-              h(PlayerPoints, { loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language })),
-            this.pointExpireString && (h("div", { class: 'PointsInfo ExpirationPoints' },
-              this.pointExpireString,
-              " ")),
-            h("div", { class: `LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}` },
-              h(PlayerNameDiv, { playerName: this.playerName }),
-              h(PlayerElevateLoyaltyLevel, { hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }),
-              h(PlayerLoyaltyProcess, null),
-              h(PlayerElevateCardRedeem, { onRedeemClick: this.onRedeemClick, language: this.language })))))))));
-  }
-  static get is() { return "player-elevate-card"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["player-elevate-card.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["player-elevate-card.css"]
-  }; }
-  static get assetsDirs() { return ["../static"]; }
-  static get properties() { return {
-    "endpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The NWA endpoint"
-      },
-      "attribute": "endpoint",
-      "reflect": true
-    },
-    "theme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The style that widget shows,available value: Dark, Light\nDefault: Dark"
-      },
-      "attribute": "theme",
-      "reflect": true,
-      "defaultValue": "'Dark'"
-    },
-    "session": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The NWA session for the logged-in user"
-      },
-      "attribute": "session",
-      "reflect": true
-    },
-    "playerAvatarUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Widget, player avatar url"
-      },
-      "attribute": "player-avatar-url",
-      "reflect": true
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Widget Language to show"
-      },
-      "attribute": "language",
-      "reflect": true,
-      "defaultValue": "'en'"
-    },
-    "playerName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Player name"
-      },
-      "attribute": "player-name",
-      "reflect": true
-    },
-    "dateFormat": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "datePattern"
-      },
-      "attribute": "date-format",
-      "reflect": true,
-      "defaultValue": "'yyyy-MM-dd'"
-    },
-    "clientStyling": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via inline styles"
-      },
-      "attribute": "client-styling",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "clientStylingUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via url"
-      },
-      "attribute": "client-styling-url",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "translationUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Translation via url"
-      },
-      "attribute": "translation-url",
-      "reflect": true,
-      "defaultValue": "''"
+    render() {
+        const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
+        const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
+        return (h("div", { key: '278a328dd084ee73b2707b93a57bccae64a2c9c7', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '68c885baf533447a7c77fd887bbec11e53768277', class: "Card Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: '4066253a70cdd5e712ca244a708e7c1600c83071', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: '64cda2a267c752056b3c7e3134cc324fa96bc261', params: this.paramProxy }), h("div", { key: 'c63ae83b401a35f5a78acd83dc3d7296c25141d7', class: "OuterCover Inner", style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, this.playerElevateLevel && (h(Fragment, { key: 'ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c' }, h("div", { key: 'fa1bf74f45e28318c95266cc42c54541bde92718', class: 'Content Row' }, h("div", { key: '7ede46f91bcc0d894b2b633627a4ca97d15fbe90', class: "PlayerImg" }, h(PlayerAvatar, { key: 'b6d0bac085e0178512b8a63ba8fccae7d4cc8399', playerAvatarUrl: this.playerAvatarUrl, loyaltyIconUrl: this.playerElevateLevel.presentation.asset }), h(PlayerPoints, { key: '88c445dbcd7dbe426a8de18beea02aecc03e26f3', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language })), this.pointExpireString && (h("div", { key: '4d985e486ecb74a6c916b28e619de83cb3d77ac1', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), h("div", { key: '34e051ee1ff79b825fca57db958e1e5684a0aca1', class: `LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}` }, h(PlayerNameDiv, { key: 'fa1b1f16e0b25c6adfba4c215e4ed377e05699b2', playerName: this.playerName }), h(PlayerElevateLoyaltyLevel, { key: '6d18b1422db202363ebcd56cc56946e0e071937b', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), h(PlayerLoyaltyProcess, { key: '7dae355c4a5a9e28c70dced0ac061608f1753020' }), h(PlayerElevateCardRedeem, { key: '7e5f830b612c962a828c58f20a88dc97d315c910', onRedeemClick: this.onRedeemClick, language: this.language })))))))));
+    }
+    static get is() { return "player-elevate-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["player-elevate-card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["player-elevate-card.css"]
+        };
+    }
+    static get assetsDirs() { return ["../static"]; }
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA endpoint"
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The style that widget shows,available value: Dark, Light\nDefault: Dark"
+                },
+                "attribute": "theme",
+                "reflect": true,
+                "defaultValue": "'Dark'"
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA session for the logged-in user"
+                },
+                "attribute": "session",
+                "reflect": true
+            },
+            "playerAvatarUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Widget, player avatar url"
+                },
+                "attribute": "player-avatar-url",
+                "reflect": true
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Widget Language to show"
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "playerName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Player name"
+                },
+                "attribute": "player-name",
+                "reflect": true
+            },
+            "dateFormat": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "datePattern"
+                },
+                "attribute": "date-format",
+                "reflect": true,
+                "defaultValue": "'yyyy-MM-dd'"
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via inline styles"
+                },
+                "attribute": "client-styling",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Translation via url"
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "pointExpireString": {},
+            "playerLevelFlag": {},
+            "playerElevateLevel": {},
+            "elevateWalletTotal": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "session",
+                "methodName": "onSessionOrEndpointChange"
+            }, {
+                "propName": "endpoint",
+                "methodName": "onSessionOrEndpointChange"
+            }, {
+                "propName": "language",
+                "methodName": "onSessionOrEndpointChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "playerElevateLeveLoaded",
+                "method": "playerElevateLeveLoadedHandler",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
     }
-  }; }
-  static get states() { return {
-    "pointExpireString": {},
-    "playerLevelFlag": {},
-    "playerElevateLevel": {},
-    "elevateWalletTotal": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "session",
-      "methodName": "onSessionOrEndpointChange"
-    }, {
-      "propName": "endpoint",
-      "methodName": "onSessionOrEndpointChange"
-    }, {
-      "propName": "language",
-      "methodName": "onSessionOrEndpointChange"
-    }]; }
-  static get listeners() { return [{
-      "name": "playerElevateLeveLoaded",
-      "method": "playerElevateLeveLoadedHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
 }

package/dist/collection/components/player-elevate-card-data/player-elevate-card-data.css

@@ -168,7 +168,7 @@
   align-items: center;
   border-radius: 10px;
   background: var(--emfe-w-elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);
-  box-shadow: 0px 4px 4px 0px #00000040;
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
 }
 .Inner .Row .RedeemButton span {
   color: var(--emfe-w-color-white, #fff);