@everymatrix/bonus-elevate-shop 1.31.2 → 1.32.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/LICENSE +21 -0
  2. package/package.json +5 -4
  3. package/dist/assets/avaliable.false.svg +0 -47
  4. package/dist/assets/avaliable.true.svg +0 -47
  5. package/dist/bonus-elevate-shop/bonus-elevate-shop.esm.js +0 -1
  6. package/dist/bonus-elevate-shop/index.esm.js +0 -0
  7. package/dist/bonus-elevate-shop/p-6410647b.entry.js +0 -1
  8. package/dist/bonus-elevate-shop/p-75b51599.js +0 -1
  9. package/dist/bonus-elevate-shop/p-a76542bd.entry.js +0 -1
  10. package/dist/bonus-elevate-shop/p-d4f6c446.entry.js +0 -1
  11. package/dist/bonus-elevate-shop/p-e2f63c46.js +0 -1
  12. package/dist/cjs/bonus-elevate-shop.cjs.js +0 -19
  13. package/dist/cjs/bonus-elevate-shop_4.cjs.entry.js +0 -787
  14. package/dist/cjs/index-ec3ffb89.js +0 -1680
  15. package/dist/cjs/index.cjs.js +0 -2
  16. package/dist/cjs/loader.cjs.js +0 -21
  17. package/dist/cjs/player-elevate-card-items-8154b78f.js +0 -2477
  18. package/dist/cjs/player-elevate-card.cjs.entry.js +0 -77
  19. package/dist/cjs/player-elevate-loyaltycard.cjs.entry.js +0 -84
  20. package/dist/collection/collection-manifest.json +0 -28
  21. package/dist/collection/components/bonus-elevate-shop/bonus-elevate-shop.css +0 -84
  22. package/dist/collection/components/bonus-elevate-shop/bonus-elevate-shop.js +0 -186
  23. package/dist/collection/index.js +0 -1
  24. package/dist/collection/renders/renderGifts.js +0 -41
  25. package/dist/collection/static/avaliable.false.svg +0 -47
  26. package/dist/collection/static/avaliable.true.svg +0 -47
  27. package/dist/collection/utils/fetch.js +0 -29
  28. package/dist/collection/utils/translation.js +0 -6
  29. package/dist/collection/utils/types.js +0 -1
  30. package/dist/components/bonus-elevate-shop.d.ts +0 -11
  31. package/dist/components/bonus-elevate-shop.js +0 -279
  32. package/dist/components/general-styling-wrapper.js +0 -6
  33. package/dist/components/general-styling-wrapper2.js +0 -103
  34. package/dist/components/index.d.ts +0 -26
  35. package/dist/components/index.js +0 -1
  36. package/dist/components/player-elevate-card-data.js +0 -6
  37. package/dist/components/player-elevate-card-data2.js +0 -624
  38. package/dist/components/player-elevate-card-items.js +0 -2250
  39. package/dist/components/player-elevate-card.js +0 -118
  40. package/dist/components/player-elevate-loyaltycard.js +0 -124
  41. package/dist/components/player-elevate-pointcard.js +0 -6
  42. package/dist/components/player-elevate-pointcard2.js +0 -124
  43. package/dist/esm/bonus-elevate-shop.js +0 -17
  44. package/dist/esm/bonus-elevate-shop_4.entry.js +0 -780
  45. package/dist/esm/index-2b126a46.js +0 -1651
  46. package/dist/esm/index.js +0 -1
  47. package/dist/esm/loader.js +0 -17
  48. package/dist/esm/player-elevate-card-items-88f5a140.js +0 -2464
  49. package/dist/esm/player-elevate-card.entry.js +0 -73
  50. package/dist/esm/player-elevate-loyaltycard.entry.js +0 -80
  51. package/dist/esm/polyfills/core-js.js +0 -11
  52. package/dist/esm/polyfills/css-shim.js +0 -1
  53. package/dist/esm/polyfills/dom.js +0 -79
  54. package/dist/esm/polyfills/es5-html-element.js +0 -1
  55. package/dist/esm/polyfills/index.js +0 -34
  56. package/dist/esm/polyfills/system.js +0 -6
  57. package/dist/index.cjs.js +0 -1
  58. package/dist/index.js +0 -1
  59. package/dist/static/button-default.svg +0 -42
  60. package/dist/static/button-disabled.svg +0 -4
  61. package/dist/static/button-hover.svg +0 -4
  62. package/dist/static/button-level.svg +0 -27
  63. package/dist/static/button-pressed.svg +0 -18
  64. package/dist/static/button-redeem.svg +0 -36
  65. package/dist/static/card-ground-over.png +0 -0
  66. package/dist/static/card-ground-over.svg +0 -903
  67. package/dist/static/card-ground.png +0 -0
  68. package/dist/static/card-ground.svg +0 -34
  69. package/dist/static/info.svg +0 -4
  70. package/dist/static/level-badge.png +0 -0
  71. package/dist/static/level-percent.svg +0 -80
  72. package/dist/static/tips-info.svg +0 -21
  73. package/dist/static/user.svg +0 -3
  74. package/dist/stencil.config.js +0 -34
  75. package/dist/types/Users/dragos.bodea/Documents/everymatrix-prjs/emfe-widgets/widgets-stencil/packages/bonus-elevate-shop/.stencil/packages/bonus-elevate-shop/stencil.config.d.ts +0 -2
  76. package/dist/types/components/bonus-elevate-shop/bonus-elevate-shop.d.ts +0 -36
  77. package/dist/types/components.d.ts +0 -85
  78. package/dist/types/index.d.ts +0 -1
  79. package/dist/types/renders/renderGifts.d.ts +0 -3
  80. package/dist/types/stencil-public-runtime.d.ts +0 -1565
  81. package/dist/types/utils/fetch.d.ts +0 -3
  82. package/dist/types/utils/translation.d.ts +0 -7
  83. package/dist/types/utils/types.d.ts +0 -12
  84. package/loader/cdn.js +0 -3
  85. package/loader/index.cjs.js +0 -3
  86. package/loader/index.d.ts +0 -12
  87. package/loader/index.es2017.js +0 -3
  88. package/loader/index.js +0 -4
  89. package/loader/package.json +0 -10
@@ -1,118 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, getAssetPath, h, Fragment } from '@stencil/core/internal/client';
2
- import { P as PlayerAvatar, a as PlayerPoints, b as PlayerNameDiv, c as PlayerElevateLoyaltyLevel, d as PlayerLoyaltyProcess, e as PlayerElevateCardRedeem } from './player-elevate-card-items.js';
3
- import { T as TRANSLATIONS, d as defineCustomElement$2 } from './player-elevate-card-data2.js';
4
- import { d as defineCustomElement$3 } from './general-styling-wrapper2.js';
5
-
6
- const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emfe-w-color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";
7
-
8
- const PlayerElevateCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
9
- constructor() {
10
- super();
11
- this.__registerHost();
12
- this.__attachShadow();
13
- /**
14
- * The style that widget shows,available value: Dark, Light
15
- * Default: Dark
16
- */
17
- this.theme = 'Dark';
18
- /**
19
- * Widget Language to show
20
- */
21
- this.language = 'en';
22
- /**
23
- * datePattern
24
- */
25
- this.dateFormat = 'yyyy-MM-dd';
26
- /**
27
- * Client custom styling via inline styles
28
- */
29
- this.clientStyling = '';
30
- /**
31
- * Client custom styling via url
32
- */
33
- this.clientStylingUrl = '';
34
- /**
35
- * Translation via url
36
- */
37
- this.translationUrl = '';
38
- this.playerLevelFlag = 0;
39
- }
40
- playerElevateLeveLoadedHandler(event) {
41
- if (!event.detail) {
42
- return;
43
- }
44
- if (event.detail['elevateLevelWalletTotal']) {
45
- this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
46
- }
47
- if (event.detail['elevateLevel']) {
48
- this.playerElevateLevel = event.detail['elevateLevel'];
49
- }
50
- if (event.detail['pointExpireString']) {
51
- this.pointExpireString = event.detail.xpExpireString;
52
- }
53
- if (event.detail.calculatedLevelFlag) {
54
- this.playerLevelFlag = event.detail.calculatedLevelFlag;
55
- }
56
- }
57
- onRedeemClick() {
58
- window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
59
- }
60
- componentWillLoad() {
61
- this.paramProxy = {
62
- endpoint: this.endpoint,
63
- session: this.session,
64
- language: this.language,
65
- calculateLevelFlag: true,
66
- };
67
- }
68
- render() {
69
- const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
70
- const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
71
- 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 })))))))));
72
- }
73
- static get assetsDirs() { return ["../static"]; }
74
- static get style() { return playerElevateCardCss; }
75
- }, [1, "player-elevate-card", {
76
- "endpoint": [513],
77
- "theme": [513],
78
- "session": [513],
79
- "playerAvatarUrl": [513, "player-avatar-url"],
80
- "language": [513],
81
- "playerName": [513, "player-name"],
82
- "dateFormat": [513, "date-format"],
83
- "clientStyling": [513, "client-styling"],
84
- "clientStylingUrl": [513, "client-styling-url"],
85
- "translationUrl": [513, "translation-url"],
86
- "pointExpireString": [32],
87
- "playerLevelFlag": [32],
88
- "playerElevateLevel": [32],
89
- "elevateWalletTotal": [32]
90
- }, [[0, "playerElevateLeveLoaded", "playerElevateLeveLoadedHandler"]]]);
91
- function defineCustomElement$1() {
92
- if (typeof customElements === "undefined") {
93
- return;
94
- }
95
- const components = ["player-elevate-card", "general-styling-wrapper", "player-elevate-card-data"];
96
- components.forEach(tagName => { switch (tagName) {
97
- case "player-elevate-card":
98
- if (!customElements.get(tagName)) {
99
- customElements.define(tagName, PlayerElevateCard$1);
100
- }
101
- break;
102
- case "general-styling-wrapper":
103
- if (!customElements.get(tagName)) {
104
- defineCustomElement$3();
105
- }
106
- break;
107
- case "player-elevate-card-data":
108
- if (!customElements.get(tagName)) {
109
- defineCustomElement$2();
110
- }
111
- break;
112
- } });
113
- }
114
-
115
- const PlayerElevateCard = PlayerElevateCard$1;
116
- const defineCustomElement = defineCustomElement$1;
117
-
118
- export { PlayerElevateCard, defineCustomElement };
@@ -1,124 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, getAssetPath, h, Fragment } from '@stencil/core/internal/client';
2
- import { P as PlayerAvatar, c as PlayerElevateLoyaltyLevel, a as PlayerPoints, d as PlayerLoyaltyProcess } from './player-elevate-card-items.js';
3
- import { b as translateWithParams, T as TRANSLATIONS, d as defineCustomElement$2 } from './player-elevate-card-data2.js';
4
- import { d as defineCustomElement$3 } from './general-styling-wrapper2.js';
5
-
6
- const playerElevateLoyaltycardCss = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo{width:100%}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emfe-w-color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
7
-
8
- const PlayerElevateLoyaltycard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
9
- constructor() {
10
- super();
11
- this.__registerHost();
12
- this.__attachShadow();
13
- /**
14
- * The style that widget shows,available value: Dark, Light
15
- * Default: Dark
16
- */
17
- this.theme = 'Dark';
18
- /**
19
- * Widget Language to show
20
- */
21
- this.language = 'en';
22
- /**
23
- * datePattern
24
- */
25
- this.dateFormat = 'yyyy-MM-dd';
26
- /**
27
- * Client custom styling via inline styles
28
- */
29
- this.clientStyling = '';
30
- /**
31
- * Client custom styling via url
32
- */
33
- this.clientStylingUrl = '';
34
- /**
35
- * Translation via url
36
- */
37
- this.translationUrl = '';
38
- }
39
- playerElevateLeveLoadedHandler(event) {
40
- if (!event.detail) {
41
- return;
42
- }
43
- if (event.detail['elevateLevelWalletTotal']) {
44
- this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
45
- }
46
- if (event.detail['elevateLevel']) {
47
- this.playerElevateLevel = event.detail['elevateLevel'];
48
- }
49
- if (event.detail['pointExpireString']) {
50
- this.pointExpireString = event.detail.xpExpireString;
51
- }
52
- }
53
- onRedeemClick() {
54
- window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
55
- }
56
- componentWillLoad() {
57
- this.paramsProxy = {
58
- endpoint: this.endpoint,
59
- session: this.session,
60
- language: this.language,
61
- };
62
- }
63
- getNextLevelTips() {
64
- var _a;
65
- //need xx to reach Diamond
66
- let nextLevel = (_a = this.playerElevateLevel) === null || _a === void 0 ? void 0 : _a.nextLevel;
67
- if (this.playerElevateLevel && nextLevel) {
68
- const pointsToReach = (nextLevel.entryPoints - this.playerElevateLevel.loyaltyPoints).toFixed(2);
69
- return translateWithParams('tipsForNextLevel', {
70
- pointsToReach,
71
- levelName: nextLevel.name,
72
- });
73
- }
74
- return '';
75
- }
76
- render() {
77
- const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
78
- const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
79
- return (h("div", { class: `ElevateCardWrapper ${this.theme}` }, h("div", { class: "LoyaltyCard 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.paramsProxy }), h("div", { class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, null, h("div", { class: "PlayerImg" }, h(PlayerAvatar, { onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { class: `LevelInfo ${this.playerElevateLevel.name}` }, h(PlayerElevateLoyaltyLevel, { hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), h(PlayerPoints, { loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (h("div", { class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), h(PlayerLoyaltyProcess, null), h("div", { class: "NextLevelTip" }, this.getNextLevelTips())))))))));
80
- }
81
- static get style() { return playerElevateLoyaltycardCss; }
82
- }, [1, "player-elevate-loyaltycard", {
83
- "endpoint": [513],
84
- "theme": [513],
85
- "session": [513],
86
- "playerAvatarUrl": [513, "player-avatar-url"],
87
- "language": [513],
88
- "playerName": [513, "player-name"],
89
- "dateFormat": [513, "date-format"],
90
- "clientStyling": [513, "client-styling"],
91
- "clientStylingUrl": [513, "client-styling-url"],
92
- "translationUrl": [513, "translation-url"],
93
- "pointExpireString": [32],
94
- "playerElevateLevel": [32],
95
- "elevateWalletTotal": [32]
96
- }, [[0, "playerElevateLeveLoaded", "playerElevateLeveLoadedHandler"]]]);
97
- function defineCustomElement$1() {
98
- if (typeof customElements === "undefined") {
99
- return;
100
- }
101
- const components = ["player-elevate-loyaltycard", "general-styling-wrapper", "player-elevate-card-data"];
102
- components.forEach(tagName => { switch (tagName) {
103
- case "player-elevate-loyaltycard":
104
- if (!customElements.get(tagName)) {
105
- customElements.define(tagName, PlayerElevateLoyaltycard$1);
106
- }
107
- break;
108
- case "general-styling-wrapper":
109
- if (!customElements.get(tagName)) {
110
- defineCustomElement$3();
111
- }
112
- break;
113
- case "player-elevate-card-data":
114
- if (!customElements.get(tagName)) {
115
- defineCustomElement$2();
116
- }
117
- break;
118
- } });
119
- }
120
-
121
- const PlayerElevateLoyaltycard = PlayerElevateLoyaltycard$1;
122
- const defineCustomElement = defineCustomElement$1;
123
-
124
- export { PlayerElevateLoyaltycard, defineCustomElement };
@@ -1,6 +0,0 @@
1
- import { P as PlayerElevatePointcard$1, d as defineCustomElement$1 } from './player-elevate-pointcard2.js';
2
-
3
- const PlayerElevatePointcard = PlayerElevatePointcard$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { PlayerElevatePointcard, defineCustomElement };
@@ -1,124 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, getAssetPath, h, Fragment } from '@stencil/core/internal/client';
2
- import { T as TRANSLATIONS, t as translate, d as defineCustomElement$1 } from './player-elevate-card-data2.js';
3
- import { P as PlayerAvatar, a as PlayerPoints } from './player-elevate-card-items.js';
4
- import { d as defineCustomElement$2 } from './general-styling-wrapper2.js';
5
-
6
- const playerElevatePointcardCss = ":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emfe-w-color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emfe-w-color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}";
7
-
8
- const PlayerElevatePointcard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
9
- constructor() {
10
- super();
11
- this.__registerHost();
12
- this.__attachShadow();
13
- /**
14
- * The style that widget shows,available value: Dark, Light
15
- * Default: Dark
16
- */
17
- this.theme = 'Dark';
18
- /**
19
- * Widget Language to show
20
- */
21
- this.language = 'en';
22
- /**
23
- * Check if the card used in points details widget, default: 'earningRule'
24
- * value: 'details'/'earningRule'
25
- * It effected the button in card
26
- * 'earningRule': button text, 'earning rules', post 'BEEPointRulesClicked' when clicked
27
- * 'details': button text, 'details', post 'BEEDetailsClicked' when clicked
28
- */
29
- this.buttonType = 'earningRule';
30
- /**
31
- * datePattern
32
- */
33
- this.dateFormat = 'yyyy-MM-dd';
34
- /**
35
- * Client custom styling via inline styles
36
- */
37
- this.clientStyling = '';
38
- /**
39
- * Client custom styling via url
40
- */
41
- this.clientStylingUrl = '';
42
- /**
43
- * Translation via url
44
- */
45
- this.translationUrl = '';
46
- this.isPointDetailCard = this.buttonType === 'earningRule';
47
- }
48
- playerElevateLeveLoadedHandler(event) {
49
- if (!event.detail) {
50
- return;
51
- }
52
- if (event.detail['elevateLevelWalletTotal']) {
53
- this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
54
- this.elevateSPTotal = event.detail['loyaltyWalletTotal'];
55
- }
56
- if (event.detail['elevateLevel']) {
57
- this.playerElevateLevel = event.detail['elevateLevel'];
58
- }
59
- if (event.detail['pointExpireString']) {
60
- this.pointExpireString = event.detail.pointExpireString;
61
- }
62
- }
63
- onDetailsClick() {
64
- window.postMessage({ type: this.isPointDetailCard ? 'BEEPointRulesClicked' : 'BEEDetailsClicked',
65
- path: this.isPointDetailCard ? 'player-elevate-level' : 'player-elevate-point-details' }, window.location.href);
66
- }
67
- componentWillLoad() {
68
- this.paramProxy = {
69
- endpoint: this.endpoint,
70
- session: this.session,
71
- language: this.language,
72
- };
73
- }
74
- render() {
75
- const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
76
- const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
77
- return (h("div", { class: `ElevateCardWrapper ${this.theme}` }, h("div", { class: "PointsCard 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}` } }, h("div", { class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, null, h("div", { class: "PlayerImg" }, h(PlayerAvatar, { onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate('spendablePoints')), h("div", { class: 'PointsTxt SPPoints' }, h(PlayerPoints, { spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h("a", { class: "TC", onClick: () => {
78
- this.onDetailsClick();
79
- } }, translate('termAndConditions', this.language))), this.pointExpireString && (h("div", { class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
80
- }
81
- static get style() { return playerElevatePointcardCss; }
82
- }, [1, "player-elevate-pointcard", {
83
- "endpoint": [513],
84
- "theme": [513],
85
- "session": [513],
86
- "playerAvatarUrl": [513, "player-avatar-url"],
87
- "language": [513],
88
- "playerName": [513, "player-name"],
89
- "cardTitle": [513, "card-title"],
90
- "buttonType": [513, "button-type"],
91
- "dateFormat": [513, "date-format"],
92
- "clientStyling": [513, "client-styling"],
93
- "clientStylingUrl": [513, "client-styling-url"],
94
- "translationUrl": [513, "translation-url"],
95
- "pointExpireString": [32],
96
- "playerElevateLevel": [32],
97
- "elevateWalletTotal": [32],
98
- "elevateSPTotal": [32]
99
- }, [[0, "playerElevateLeveLoaded", "playerElevateLeveLoadedHandler"]]]);
100
- function defineCustomElement() {
101
- if (typeof customElements === "undefined") {
102
- return;
103
- }
104
- const components = ["player-elevate-pointcard", "general-styling-wrapper", "player-elevate-card-data"];
105
- components.forEach(tagName => { switch (tagName) {
106
- case "player-elevate-pointcard":
107
- if (!customElements.get(tagName)) {
108
- customElements.define(tagName, PlayerElevatePointcard);
109
- }
110
- break;
111
- case "general-styling-wrapper":
112
- if (!customElements.get(tagName)) {
113
- defineCustomElement$2();
114
- }
115
- break;
116
- case "player-elevate-card-data":
117
- if (!customElements.get(tagName)) {
118
- defineCustomElement$1();
119
- }
120
- break;
121
- } });
122
- }
123
-
124
- export { PlayerElevatePointcard as P, defineCustomElement as d };
@@ -1,17 +0,0 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-2b126a46.js';
2
-
3
- /*
4
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
5
- */
6
- const patchBrowser = () => {
7
- const importMeta = import.meta.url;
8
- const opts = {};
9
- if (importMeta !== '') {
10
- opts.resourcesUrl = new URL('.', importMeta).href;
11
- }
12
- return promiseResolve(opts);
13
- };
14
-
15
- patchBrowser().then(options => {
16
- return bootstrapLazy([["bonus-elevate-shop_4",[[1,"bonus-elevate-shop",{"session":[513],"endpoint":[513],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"locale":[32],"gifts":[32]}],[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"]]],[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"]]]]],["player-elevate-card",[[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"]]]]],["player-elevate-loyaltycard",[[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"]]]]]], options);
17
- });