@everymatrix/player-elevate-points-history 1.44.0 → 1.45.0

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 (87) hide show
  1. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  2. package/dist/cjs/bonus-pagination-limits_6.cjs.entry.js +769 -931
  3. package/dist/cjs/index-c769d3e9.js +1651 -0
  4. package/dist/cjs/loader.cjs.js +7 -13
  5. package/dist/cjs/{player-elevate-card-items-574f7423.js → player-elevate-card-items-e7f7d092.js} +171 -285
  6. package/dist/cjs/player-elevate-card.cjs.entry.js +59 -70
  7. package/dist/cjs/player-elevate-loyaltycard.cjs.entry.js +66 -77
  8. package/dist/cjs/player-elevate-points-history.cjs.js +17 -11
  9. package/dist/collection/collection-manifest.json +3 -3
  10. package/dist/collection/components/player-elevate-points-history/index.js +1 -0
  11. package/dist/collection/components/player-elevate-points-history/player-elevate-points-history.css +4 -4
  12. package/dist/collection/components/player-elevate-points-history/player-elevate-points-history.js +389 -396
  13. package/dist/collection/renders/renderTabs.js +7 -9
  14. package/dist/collection/renders/renderTopBar.js +4 -12
  15. package/dist/collection/renders/renderWallets.js +27 -38
  16. package/dist/collection/utils/business.js +12 -12
  17. package/dist/collection/utils/fetch.js +13 -13
  18. package/dist/collection/utils/translation.js +32 -32
  19. package/dist/collection/utils/types.js +3 -3
  20. package/dist/collection/utils/util.js +12 -12
  21. package/dist/collection/utils/utils.js +3 -0
  22. package/dist/esm/app-globals-0f993ce5.js +3 -0
  23. package/dist/esm/bonus-pagination-limits_6.entry.js +769 -931
  24. package/dist/esm/index-e7bde614.js +1621 -0
  25. package/dist/esm/loader.js +7 -13
  26. package/dist/esm/{player-elevate-card-items-2bf82f60.js → player-elevate-card-items-4cabbcc6.js} +172 -285
  27. package/dist/esm/player-elevate-card.entry.js +59 -70
  28. package/dist/esm/player-elevate-loyaltycard.entry.js +66 -77
  29. package/dist/esm/player-elevate-points-history.js +14 -11
  30. package/dist/player-elevate-points-history/p-0f3449ca.entry.js +1 -0
  31. package/dist/player-elevate-points-history/p-212a0bb7.entry.js +1 -0
  32. package/dist/player-elevate-points-history/p-409b8855.entry.js +1 -0
  33. package/dist/player-elevate-points-history/p-8a361039.js +1 -0
  34. package/dist/player-elevate-points-history/p-e1255160.js +1 -0
  35. package/dist/player-elevate-points-history/p-f547f5dc.js +2 -0
  36. package/dist/player-elevate-points-history/player-elevate-points-history.esm.js +1 -1
  37. package/dist/stencil.config.dev.js +17 -0
  38. package/dist/stencil.config.js +12 -26
  39. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/player-elevate-points-history/.stencil/packages/stencil/player-elevate-points-history/stencil.config.d.ts +2 -0
  40. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/player-elevate-points-history/.stencil/packages/stencil/player-elevate-points-history/stencil.config.dev.d.ts +2 -0
  41. package/dist/types/components/player-elevate-points-history/index.d.ts +1 -0
  42. package/dist/types/components/player-elevate-points-history/player-elevate-points-history.d.ts +63 -63
  43. package/dist/types/components.d.ts +16 -1
  44. package/dist/types/stencil-public-runtime.d.ts +142 -33
  45. package/dist/types/utils/translation.d.ts +33 -33
  46. package/dist/types/utils/types.d.ts +32 -32
  47. package/dist/types/utils/utils.d.ts +1 -0
  48. package/loader/cdn.js +1 -3
  49. package/loader/index.cjs.js +1 -3
  50. package/loader/index.d.ts +13 -1
  51. package/loader/index.es2017.js +1 -3
  52. package/loader/index.js +1 -3
  53. package/loader/package.json +1 -0
  54. package/package.json +14 -13
  55. package/dist/assets/back.svg +0 -3
  56. package/dist/assets/menu.svg +0 -5
  57. package/dist/cjs/index-974f5239.js +0 -1686
  58. package/dist/components/bonus-pagination-limits.js +0 -6
  59. package/dist/components/bonus-pagination-limits2.js +0 -111
  60. package/dist/components/bonus-pagination-nav.js +0 -6
  61. package/dist/components/bonus-pagination-nav2.js +0 -219
  62. package/dist/components/general-styling-wrapper.js +0 -6
  63. package/dist/components/general-styling-wrapper2.js +0 -104
  64. package/dist/components/index.d.ts +0 -26
  65. package/dist/components/index.js +0 -1
  66. package/dist/components/player-elevate-card-data.js +0 -6
  67. package/dist/components/player-elevate-card-data2.js +0 -636
  68. package/dist/components/player-elevate-card-items.js +0 -2250
  69. package/dist/components/player-elevate-card.js +0 -127
  70. package/dist/components/player-elevate-loyaltycard.js +0 -133
  71. package/dist/components/player-elevate-pointcard.js +0 -6
  72. package/dist/components/player-elevate-pointcard2.js +0 -133
  73. package/dist/components/player-elevate-points-history.d.ts +0 -11
  74. package/dist/components/player-elevate-points-history.js +0 -471
  75. package/dist/esm/index-18159ab2.js +0 -1657
  76. package/dist/esm/polyfills/core-js.js +0 -11
  77. package/dist/esm/polyfills/css-shim.js +0 -1
  78. package/dist/esm/polyfills/dom.js +0 -79
  79. package/dist/esm/polyfills/es5-html-element.js +0 -1
  80. package/dist/esm/polyfills/index.js +0 -34
  81. package/dist/esm/polyfills/system.js +0 -6
  82. package/dist/player-elevate-points-history/p-2639efd0.js +0 -1
  83. package/dist/player-elevate-points-history/p-2d512640.entry.js +0 -1
  84. package/dist/player-elevate-points-history/p-3073cebd.js +0 -1
  85. package/dist/player-elevate-points-history/p-309d0acb.entry.js +0 -1
  86. package/dist/player-elevate-points-history/p-977d72c7.entry.js +0 -1
  87. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/player-elevate-points-history/.stencil/packages/player-elevate-points-history/stencil.config.d.ts +0 -2
@@ -1,127 +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
- onSessionOrEndpointChange() {
41
- this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
42
- }
43
- playerElevateLeveLoadedHandler(event) {
44
- if (!event.detail) {
45
- return;
46
- }
47
- if (event.detail['elevateLevelWalletTotal']) {
48
- this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
49
- }
50
- if (event.detail['elevateLevel']) {
51
- this.playerElevateLevel = event.detail['elevateLevel'];
52
- }
53
- if (event.detail['pointExpireString']) {
54
- this.pointExpireString = event.detail.xpExpireString;
55
- }
56
- if (event.detail.calculatedLevelFlag) {
57
- this.playerLevelFlag = event.detail.calculatedLevelFlag;
58
- }
59
- }
60
- onRedeemClick() {
61
- window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
62
- }
63
- componentWillLoad() {
64
- this.paramProxy = {
65
- endpoint: this.endpoint,
66
- session: this.session,
67
- language: this.language,
68
- calculateLevelFlag: true,
69
- };
70
- }
71
- render() {
72
- const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
73
- const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
74
- 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 })))))))));
75
- }
76
- static get assetsDirs() { return ["../static"]; }
77
- static get watchers() { return {
78
- "session": ["onSessionOrEndpointChange"],
79
- "endpoint": ["onSessionOrEndpointChange"],
80
- "language": ["onSessionOrEndpointChange"]
81
- }; }
82
- static get style() { return playerElevateCardCss; }
83
- }, [1, "player-elevate-card", {
84
- "endpoint": [513],
85
- "theme": [513],
86
- "session": [513],
87
- "playerAvatarUrl": [513, "player-avatar-url"],
88
- "language": [513],
89
- "playerName": [513, "player-name"],
90
- "dateFormat": [513, "date-format"],
91
- "clientStyling": [513, "client-styling"],
92
- "clientStylingUrl": [513, "client-styling-url"],
93
- "translationUrl": [513, "translation-url"],
94
- "pointExpireString": [32],
95
- "playerLevelFlag": [32],
96
- "playerElevateLevel": [32],
97
- "elevateWalletTotal": [32]
98
- }, [[0, "playerElevateLeveLoaded", "playerElevateLeveLoadedHandler"]]]);
99
- function defineCustomElement$1() {
100
- if (typeof customElements === "undefined") {
101
- return;
102
- }
103
- const components = ["player-elevate-card", "general-styling-wrapper", "player-elevate-card-data"];
104
- components.forEach(tagName => { switch (tagName) {
105
- case "player-elevate-card":
106
- if (!customElements.get(tagName)) {
107
- customElements.define(tagName, PlayerElevateCard$1);
108
- }
109
- break;
110
- case "general-styling-wrapper":
111
- if (!customElements.get(tagName)) {
112
- defineCustomElement$3();
113
- }
114
- break;
115
- case "player-elevate-card-data":
116
- if (!customElements.get(tagName)) {
117
- defineCustomElement$2();
118
- }
119
- break;
120
- } });
121
- }
122
- defineCustomElement$1();
123
-
124
- const PlayerElevateCard = PlayerElevateCard$1;
125
- const defineCustomElement = defineCustomElement$1;
126
-
127
- export { PlayerElevateCard, defineCustomElement };
@@ -1,133 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, getAssetPath, h, Fragment } from '@stencil/core/internal/client';
2
- import { P as PlayerAvatar, a as PlayerPoints, d as PlayerLoyaltyProcess, f as format } from './player-elevate-card-items.js';
3
- import { b as translateWithParams, T as TRANSLATIONS, a as translate, 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 .Row{padding-top:3px;padding-bottom:5px}.LoyaltyCard .ExpireTime{margin-left:5px}.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
- onSessionOrEndpointChange() {
40
- this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
41
- }
42
- playerElevateLeveLoadedHandler(event) {
43
- if (!event.detail) {
44
- return;
45
- }
46
- if (event.detail['elevateLevelWalletTotal']) {
47
- this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
48
- }
49
- if (event.detail['elevateLevel']) {
50
- this.playerElevateLevel = event.detail['elevateLevel'];
51
- }
52
- if (event.detail['pointExpireString']) {
53
- this.pointExpireString = event.detail.xpExpireString;
54
- }
55
- }
56
- onRedeemClick() {
57
- window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
58
- }
59
- componentWillLoad() {
60
- this.paramProxy = {
61
- endpoint: this.endpoint,
62
- session: this.session,
63
- language: this.language,
64
- };
65
- }
66
- getNextLevelTips() {
67
- var _a;
68
- //need xx to reach Diamond
69
- let nextLevel = (_a = this.playerElevateLevel) === null || _a === void 0 ? void 0 : _a.nextLevel;
70
- if (this.playerElevateLevel && nextLevel) {
71
- const pointsToReach = (nextLevel.entryPoints - this.playerElevateLevel.loyaltyPoints).toFixed(2);
72
- return translateWithParams('tipsForNextLevel', {
73
- pointsToReach,
74
- levelName: nextLevel.name,
75
- });
76
- }
77
- return '';
78
- }
79
- render() {
80
- const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
81
- const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
82
- 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.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: 'CardCell ElevateLevel' }, h("span", { class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), h(PlayerPoints, { loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (h("div", { class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), h(PlayerLoyaltyProcess, null), h("div", { class: "Row NextLevelTip" }, this.getNextLevelTips()), this.playerElevateLevel.expireTime && (h("div", { class: "Row CardCell ExpirationDate Txt" }, translate('expireOn', this.language), h("span", { class: "ExpireTime" }, format(new Date(this.playerElevateLevel.expireTime), this.dateFormat || 'yyyy-MM-dd'))))))))))));
83
- }
84
- static get watchers() { return {
85
- "session": ["onSessionOrEndpointChange"],
86
- "endpoint": ["onSessionOrEndpointChange"],
87
- "language": ["onSessionOrEndpointChange"]
88
- }; }
89
- static get style() { return playerElevateLoyaltycardCss; }
90
- }, [1, "player-elevate-loyaltycard", {
91
- "endpoint": [513],
92
- "theme": [513],
93
- "session": [513],
94
- "playerAvatarUrl": [513, "player-avatar-url"],
95
- "language": [513],
96
- "playerName": [513, "player-name"],
97
- "dateFormat": [513, "date-format"],
98
- "clientStyling": [513, "client-styling"],
99
- "clientStylingUrl": [513, "client-styling-url"],
100
- "translationUrl": [513, "translation-url"],
101
- "pointExpireString": [32],
102
- "playerElevateLevel": [32],
103
- "elevateWalletTotal": [32]
104
- }, [[0, "playerElevateLeveLoaded", "playerElevateLeveLoadedHandler"]]]);
105
- function defineCustomElement$1() {
106
- if (typeof customElements === "undefined") {
107
- return;
108
- }
109
- const components = ["player-elevate-loyaltycard", "general-styling-wrapper", "player-elevate-card-data"];
110
- components.forEach(tagName => { switch (tagName) {
111
- case "player-elevate-loyaltycard":
112
- if (!customElements.get(tagName)) {
113
- customElements.define(tagName, PlayerElevateLoyaltycard$1);
114
- }
115
- break;
116
- case "general-styling-wrapper":
117
- if (!customElements.get(tagName)) {
118
- defineCustomElement$3();
119
- }
120
- break;
121
- case "player-elevate-card-data":
122
- if (!customElements.get(tagName)) {
123
- defineCustomElement$2();
124
- }
125
- break;
126
- } });
127
- }
128
- defineCustomElement$1();
129
-
130
- const PlayerElevateLoyaltycard = PlayerElevateLoyaltycard$1;
131
- const defineCustomElement = defineCustomElement$1;
132
-
133
- 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,133 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, getAssetPath, h, Fragment } from '@stencil/core/internal/client';
2
- import { T as TRANSLATIONS, a 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
- onSessionOrEndpointChange() {
49
- this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
50
- }
51
- playerElevateLeveLoadedHandler(event) {
52
- if (!event.detail) {
53
- return;
54
- }
55
- if (event.detail['elevateLevelWalletTotal']) {
56
- this.elevateWalletTotal = event.detail['elevateLevelWalletTotal'];
57
- this.elevateSPTotal = event.detail['loyaltyWalletTotal'];
58
- }
59
- if (event.detail['elevateLevel']) {
60
- this.playerElevateLevel = event.detail['elevateLevel'];
61
- }
62
- if (event.detail['pointExpireString']) {
63
- this.pointExpireString = event.detail.pointExpireString;
64
- }
65
- }
66
- onDetailsClick() {
67
- window.postMessage({ type: this.isPointDetailCard ? 'BEEPointRulesClicked' : 'BEEDetailsClicked',
68
- path: this.isPointDetailCard ? 'player-elevate-level' : 'player-elevate-point-details' }, window.location.href);
69
- }
70
- componentWillLoad() {
71
- this.paramProxy = {
72
- endpoint: this.endpoint,
73
- session: this.session,
74
- language: this.language,
75
- };
76
- }
77
- render() {
78
- const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
79
- const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
80
- 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: () => {
81
- this.onDetailsClick();
82
- } }, translate('termAndConditions', this.language))), this.pointExpireString && (h("div", { class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
83
- }
84
- static get watchers() { return {
85
- "session": ["onSessionOrEndpointChange"],
86
- "endpoint": ["onSessionOrEndpointChange"],
87
- "language": ["onSessionOrEndpointChange"]
88
- }; }
89
- static get style() { return playerElevatePointcardCss; }
90
- }, [1, "player-elevate-pointcard", {
91
- "endpoint": [513],
92
- "theme": [513],
93
- "session": [513],
94
- "playerAvatarUrl": [513, "player-avatar-url"],
95
- "language": [513],
96
- "playerName": [513, "player-name"],
97
- "cardTitle": [513, "card-title"],
98
- "buttonType": [513, "button-type"],
99
- "dateFormat": [513, "date-format"],
100
- "clientStyling": [513, "client-styling"],
101
- "clientStylingUrl": [513, "client-styling-url"],
102
- "translationUrl": [513, "translation-url"],
103
- "pointExpireString": [32],
104
- "playerElevateLevel": [32],
105
- "elevateWalletTotal": [32],
106
- "elevateSPTotal": [32]
107
- }, [[0, "playerElevateLeveLoaded", "playerElevateLeveLoadedHandler"]]]);
108
- function defineCustomElement() {
109
- if (typeof customElements === "undefined") {
110
- return;
111
- }
112
- const components = ["player-elevate-pointcard", "general-styling-wrapper", "player-elevate-card-data"];
113
- components.forEach(tagName => { switch (tagName) {
114
- case "player-elevate-pointcard":
115
- if (!customElements.get(tagName)) {
116
- customElements.define(tagName, PlayerElevatePointcard);
117
- }
118
- break;
119
- case "general-styling-wrapper":
120
- if (!customElements.get(tagName)) {
121
- defineCustomElement$2();
122
- }
123
- break;
124
- case "player-elevate-card-data":
125
- if (!customElements.get(tagName)) {
126
- defineCustomElement$1();
127
- }
128
- break;
129
- } });
130
- }
131
- defineCustomElement();
132
-
133
- export { PlayerElevatePointcard as P, defineCustomElement as d };
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface PlayerElevatePointsHistory extends Components.PlayerElevatePointsHistory, HTMLElement {}
4
- export const PlayerElevatePointsHistory: {
5
- prototype: PlayerElevatePointsHistory;
6
- new (): PlayerElevatePointsHistory;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;