@everymatrix/player-elevate-points-history 1.50.0 → 1.51.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 (34) hide show
  1. package/dist/cjs/bonus-pagination-limits_6.cjs.entry.js +60 -20
  2. package/dist/cjs/{index-c769d3e9.js → index-d10609c2.js} +30 -13
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{player-elevate-card-items-7e9206cc.js → player-elevate-card-items-f69d5f29.js} +1 -1
  5. package/dist/cjs/player-elevate-card.cjs.entry.js +2 -2
  6. package/dist/cjs/player-elevate-loyaltycard.cjs.entry.js +2 -2
  7. package/dist/cjs/player-elevate-points-history.cjs.js +2 -2
  8. package/dist/collection/collection-manifest.json +2 -2
  9. package/dist/collection/components/player-elevate-points-history/player-elevate-points-history.css +3 -0
  10. package/dist/collection/renders/renderWallets.js +12 -2
  11. package/dist/collection/utils/translation.js +16 -2
  12. package/dist/esm/bonus-pagination-limits_6.entry.js +60 -20
  13. package/dist/esm/{index-e7bde614.js → index-7f3411b7.js} +30 -13
  14. package/dist/esm/loader.js +2 -2
  15. package/dist/esm/{player-elevate-card-items-f5cb4859.js → player-elevate-card-items-0b23f85a.js} +1 -1
  16. package/dist/esm/player-elevate-card.entry.js +2 -2
  17. package/dist/esm/player-elevate-loyaltycard.entry.js +2 -2
  18. package/dist/esm/player-elevate-points-history.js +3 -3
  19. package/dist/player-elevate-points-history/{p-c4a4fec1.entry.js → p-5b8dc7ce.entry.js} +1 -1
  20. package/dist/player-elevate-points-history/p-702726b0.js +2 -0
  21. package/dist/player-elevate-points-history/{p-d5ef9b50.entry.js → p-abb276d1.entry.js} +1 -1
  22. package/dist/player-elevate-points-history/{p-f27f4ca8.js → p-d3990dc6.js} +1 -1
  23. package/dist/player-elevate-points-history/{p-6156436e.entry.js → p-dd9c00ae.entry.js} +1 -1
  24. package/dist/player-elevate-points-history/player-elevate-points-history.esm.js +1 -1
  25. 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
  26. 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
  27. package/dist/types/renders/renderWallets.d.ts +8 -0
  28. package/dist/types/stencil-public-runtime.d.ts +6 -0
  29. package/dist/types/utils/translation.d.ts +14 -0
  30. package/dist/types/utils/types.d.ts +6 -1
  31. package/package.json +1 -1
  32. package/dist/player-elevate-points-history/p-f547f5dc.js +0 -2
  33. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/player-elevate-points-history/.stencil/packages/stencil/player-elevate-points-history/stencil.config.d.ts +0 -2
  34. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/player-elevate-points-history/.stencil/packages/stencil/player-elevate-points-history/stencil.config.dev.d.ts +0 -2
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c769d3e9.js');
6
- const playerElevateCardItems = require('./player-elevate-card-items-7e9206cc.js');
5
+ const index = require('./index-d10609c2.js');
6
+ const playerElevateCardItems = require('./player-elevate-card-items-f69d5f29.js');
7
7
 
8
8
  const DEFAULT_LANGUAGE$1 = 'en';
9
9
  const SUPPORTED_LANGUAGES$1 = ['pt-br', 'en', 'es-mx', 'hu', 'hr'];
@@ -691,13 +691,13 @@ const PlayerElevateCardData = class {
691
691
  const aboutToExpire = walletTotalInfo.aboutToExpire[0];
692
692
  const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
693
693
  let hoursToExpired = 0, minutesToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
694
- if (daysToExpried == 0) {
694
+ if (daysToExpried <= 0) {
695
695
  hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
696
696
  expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
697
- }
698
- if (hoursToExpired == 0) {
699
- minutesToExpired = differenceInMinutes(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
700
- expiredTranslationKey = minutesToExpired > 1 ? 'pointsToBeExpiredMinutes' : 'pointsToBeExpiredMinute';
697
+ if (hoursToExpired <= 0) {
698
+ minutesToExpired = differenceInMinutes(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
699
+ expiredTranslationKey = minutesToExpired > 1 ? 'pointsToBeExpiredMinutes' : 'pointsToBeExpiredMinute';
700
+ }
701
701
  }
702
702
  pointExpireInfoAsString = playerElevateCardItems.translateWithParams(expiredTranslationKey, {
703
703
  expirationPoints: aboutToExpire.points,
@@ -888,14 +888,15 @@ const translation = {
888
888
  tabTitle: {
889
889
  [WalletType.spendable]: 'Coins',
890
890
  [WalletType.loyalty]: 'XP',
891
- [WalletType.history]: 'Conversion History'
891
+ [WalletType.history]: 'Shop Purchases',
892
892
  },
893
893
  barTitle: {
894
894
  [WalletType.spendable]: 'Coins History',
895
895
  [WalletType.loyalty]: 'Experience Points History',
896
- [WalletType.history]: 'Conversion History'
896
+ [WalletType.history]: 'Shop Purchases'
897
897
  },
898
898
  bonus: 'Bonus',
899
+ coins: 'Coins',
899
900
  noContent: 'No Content',
900
901
  redeem: 'Redeem',
901
902
  reload: 'Reload',
@@ -915,6 +916,19 @@ const translation = {
915
916
  expiredWageringByBonusMoney: 'Expired Bonus Money Wager',
916
917
  levelExpired: 'Level Expiration',
917
918
  bonus: 'Bonus Redeem',
919
+ manualByTournament: 'Reward from Tournaments',
920
+ manualByPrizeEngine: 'Reward from PrizeEngine',
921
+ manualByMission: 'Reward from Mission',
922
+ cancelledManualByTournament: 'Cancelled Reward from Tournaments',
923
+ cancelledManualByMission: 'Cancelled Reward from Mission',
924
+ expiredManualByTournament: 'Expired Reward from Tournaments',
925
+ expiredManualByMission: 'Expired Reward from Mission',
926
+ cancelledManualByPrizeEngine: 'Cancelled Reward from PrizeEngine',
927
+ expiredManualByPrizeEngine: 'Expired Reward from PrizeEngine',
928
+ prizeEngine: 'PrizeEngine Redeem',
929
+ tournamentTicket: 'Tournament Ticket Redeem',
930
+ physicalItem: 'Physical Item Redeem',
931
+ role: 'Role Assignment Redeem',
918
932
  }
919
933
  }
920
934
  };
@@ -953,17 +967,43 @@ const getWallets = async (endpoint, language, type, session, pageSetting) => {
953
967
  };
954
968
  const getUriByWalletType = (type) => `/v1/elevate/${type == WalletType.history ? 'redeemHistory' : 'pointsHistory'}`;
955
969
 
970
+ const WalletItem = ({ locale, wallet, walletType }) => {
971
+ if (walletType === WalletType.history) {
972
+ return index.h("div", { class: "RecordContainer" },
973
+ wallet.payload &&
974
+ index.h("div", { class: "Row" },
975
+ index.h("div", { class: "Title" }, wallet.payload.description || wallet.payload.displayName),
976
+ index.h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
977
+ index.h("span", { class: "HistoryPoints" },
978
+ Math.abs(wallet.points),
979
+ " ",
980
+ locale.coins))),
981
+ index.h("div", { class: "Row" },
982
+ index.h("div", { class: wallet.payload ? 'PointType' : 'Title' }, locale.pointType[wallet.pointType] || wallet.pointType),
983
+ !wallet.payload &&
984
+ index.h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
985
+ index.h("span", { class: "HistoryPoints" },
986
+ Math.abs(wallet.points),
987
+ " ",
988
+ locale.coins))),
989
+ index.h("div", { class: "Row" },
990
+ index.h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))));
991
+ }
992
+ else {
993
+ return (index.h("div", { class: "RecordContainer" },
994
+ index.h("div", { class: `Row ${wallet.pointType}` },
995
+ index.h("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType),
996
+ index.h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
997
+ index.h("span", { class: "Points" },
998
+ getAmountConfig(wallet.points).symbol,
999
+ " ",
1000
+ wallet.points))),
1001
+ index.h("div", { class: "Row" },
1002
+ index.h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified))))));
1003
+ }
1004
+ };
956
1005
  const renderWallets = (locale, wallets, pageSetting) => wallets && (index.h(index.Fragment, null,
957
- index.h("div", { class: "Records" }, wallets.map(wallet => (index.h("div", { class: "RecordContainer" },
958
- index.h("div", { class: "Row" },
959
- index.h("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType),
960
- index.h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
961
- getAmountConfig(wallet.points).symbol,
962
- wallet.points)),
963
- wallet.payload && wallet.payload.displayName &&
964
- index.h("div", { class: "Row Desc", innerHTML: wallet.payload.displayName['*'] }),
965
- index.h("div", { class: "Row" },
966
- index.h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))))))),
1006
+ index.h("div", { class: "Records" }, wallets.map(wallet => index.h(WalletItem, { locale: locale, wallet: wallet, walletType: pageSetting.tableId }))),
967
1007
  index.h("div", { class: "PaginationContainer" },
968
1008
  index.h("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, displayPageNumbers: pageSetting.displayPageNumbers, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
969
1009
  const getAmountConfig = (amount) => {
@@ -1037,7 +1077,7 @@ var V=Object.defineProperty,z=Object.defineProperties;var F=Object.getOwnPropert
1037
1077
 
1038
1078
  if(typeof window!="undefined"){let n=function(t){return function(...i){try{return t.apply(this,i)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return !1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>GeneralAnimationLoadingCczQRHih).then(({default:t})=>{!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",t.element);});}
1039
1079
 
1040
- const playerElevatePointsHistoryCss = ":host{display:block}main{max-width:420px}main player-elevate-pointcard{width:100%;height:220px}.PlayerElevatePointsDetaisContainer{background:#FFFFFF;padding:20px 10px 0;margin-top:-100px;position:relative;min-height:360px}.PlayerElevatePointsDetaisContainer .ReloadMsg{padding:20px}.PlayerElevatePointsDetaisContainer .ReloadMsg a.Reload{cursor:pointer}.TitleContainer{font-size:20px;font-weight:500;line-height:25px;letter-spacing:0em;text-align:left;display:flex;justify-content:space-between}.TopBarContainer{display:flex;align-items:center;justify-content:space-between}.TopBarContainer .TitleContainer{width:100%}.TopBarContainer .Title{background:#303030;padding:5px 16px;color:#FFFFFF;box-shadow:0px 4px 13px 0px rgba(0, 0, 0, 0.2509803922);border-radius:8px;width:fit-content;margin-left:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.PaginationContainer{display:flex;justify-content:center}.MonthStat{margin-top:25px;display:none;font-size:16px;font-weight:500;line-height:19px;letter-spacing:0px;text-align:left;color:#242424}.MonthStat .Amount{color:#53B65A}.BackImageContainer{width:35px;height:35px;flex:0 0 35px;border-radius:6px;text-align:center;line-height:35px;box-shadow:0px 4px 40px 0px rgba(138, 149, 158, 0.2);display:none}.Records{margin-top:16px}.MenuImage,.BackImage{cursor:pointer;display:none}.Row{display:flex;justify-content:space-between;align-items:center}.Row:nth-child(n+2){margin-top:3px}.Tabs.Row{justify-content:space-around;margin-top:20px}.Tabs.Row .TabText{font-size:16px;margin:10px 15px;color:#9C9C9C;cursor:pointer}.Tabs.Row .TabText.active{color:#242424;font-weight:600}.Tabs.Row .TabBorderBottom{height:5px;border-radius:4px;background:transparent}.Tabs.Row .TabBorderBottom.active{background:#242424}.RecordContainer{margin:5px 0;padding:10px;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.1019607843);border-radius:5px}.RecordContainer .Title{color:#242424;font-size:16px;font-weight:600;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Amount{font-size:16px;font-weight:600;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Amount.Positive{color:#53B65A}.RecordContainer .Amount.Negative{color:#B41E2D}.RecordContainer .DateTime{color:#9C9C9C;font-size:16px;font-weight:400;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Tag{font-size:12px;font-weight:500;line-height:14px;letter-spacing:0em;text-align:center;color:#767171;padding:8px 30px;border-radius:8px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922)}.NoContent{font-size:16px;color:var(--emw--color-black-100, #afafaf);text-align:center;height:120px;line-height:120px}";
1080
+ const playerElevatePointsHistoryCss = ":host{display:block}main{max-width:420px}main player-elevate-pointcard{width:100%;height:220px}.PlayerElevatePointsDetaisContainer{background:#FFFFFF;padding:20px 10px 0;margin-top:-100px;position:relative;min-height:360px}.PlayerElevatePointsDetaisContainer .ReloadMsg{padding:20px}.PlayerElevatePointsDetaisContainer .ReloadMsg a.Reload{cursor:pointer}.TitleContainer{font-size:20px;font-weight:500;line-height:25px;letter-spacing:0em;text-align:left;display:flex;justify-content:space-between}.TopBarContainer{display:flex;align-items:center;justify-content:space-between}.TopBarContainer .TitleContainer{width:100%}.TopBarContainer .Title{background:#303030;padding:5px 16px;color:#FFFFFF;box-shadow:0px 4px 13px 0px rgba(0, 0, 0, 0.2509803922);border-radius:8px;width:fit-content;margin-left:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.PaginationContainer{display:flex;justify-content:center}.MonthStat{margin-top:25px;display:none;font-size:16px;font-weight:500;line-height:19px;letter-spacing:0px;text-align:left;color:#242424}.MonthStat .Amount{color:#53B65A}.BackImageContainer{width:35px;height:35px;flex:0 0 35px;border-radius:6px;text-align:center;line-height:35px;box-shadow:0px 4px 40px 0px rgba(138, 149, 158, 0.2);display:none}.Records{margin-top:16px}.MenuImage,.BackImage{cursor:pointer;display:none}.Row{display:flex;justify-content:space-between;align-items:center}.Row:nth-child(n+2){margin-top:3px}.Tabs.Row{justify-content:space-around;margin-top:20px}.Tabs.Row .TabText{font-size:16px;margin:10px 15px;color:#9C9C9C;cursor:pointer}.Tabs.Row .TabText.active{color:#242424;font-weight:600}.Tabs.Row .TabBorderBottom{height:5px;border-radius:4px;background:transparent}.Tabs.Row .TabBorderBottom.active{background:#242424}.RecordContainer{margin:5px 0;padding:10px;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.1019607843);border-radius:5px}.RecordContainer .Title{color:#242424;font-size:16px;font-weight:600;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .HistoryPoints{text-transform:lowercase}.RecordContainer .Amount{font-size:16px;font-weight:600;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Amount.Positive{color:#53B65A}.RecordContainer .Amount.Negative{color:#B41E2D}.RecordContainer .DateTime{color:#9C9C9C;font-size:16px;font-weight:400;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Tag{font-size:12px;font-weight:500;line-height:14px;letter-spacing:0em;text-align:center;color:#767171;padding:8px 30px;border-radius:8px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922)}.NoContent{font-size:16px;color:var(--emw--color-black-100, #afafaf);text-align:center;height:120px;line-height:120px}";
1041
1081
  const PlayerElevatePointsHistoryStyle0 = playerElevatePointsHistoryCss;
1042
1082
 
1043
1083
  const PlayerElevatePointsHistory = class {
@@ -24,7 +24,7 @@ const NAMESPACE = 'player-elevate-points-history';
24
24
  const BUILD = /* player-elevate-points-history */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
25
25
 
26
26
  /*
27
- Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
27
+ Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
28
28
  */
29
29
  var __defProp = Object.defineProperty;
30
30
  var __export = (target, all) => {
@@ -442,17 +442,30 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
442
442
  if (nonce != null) {
443
443
  styleElm.setAttribute("nonce", nonce);
444
444
  }
445
- const injectStyle = (
446
- /**
447
- * we render a scoped component
448
- */
449
- !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**
450
- * we are using shadow dom and render the style tag within the shadowRoot
451
- */
452
- cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD"
453
- );
454
- if (injectStyle) {
455
- styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
445
+ if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
446
+ if (styleContainerNode.nodeName === "HEAD") {
447
+ const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
448
+ const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
449
+ styleContainerNode.insertBefore(styleElm, referenceNode2);
450
+ } else if ("host" in styleContainerNode) {
451
+ if (supportsConstructableStylesheets) {
452
+ const stylesheet = new CSSStyleSheet();
453
+ stylesheet.replaceSync(style);
454
+ styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
455
+ } else {
456
+ const existingStyleContainer = styleContainerNode.querySelector("style");
457
+ if (existingStyleContainer) {
458
+ existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
459
+ } else {
460
+ styleContainerNode.prepend(styleElm);
461
+ }
462
+ }
463
+ } else {
464
+ styleContainerNode.append(styleElm);
465
+ }
466
+ }
467
+ if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
468
+ styleContainerNode.insertBefore(styleElm, null);
456
469
  }
457
470
  }
458
471
  if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
@@ -541,7 +554,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
541
554
  if (memberName === "list") {
542
555
  isProp = false;
543
556
  } else if (oldValue == null || elm[memberName] != n) {
544
- elm[memberName] = n;
557
+ if (typeof elm.__lookupSetter__(memberName) === "function") {
558
+ elm[memberName] = n;
559
+ } else {
560
+ elm.setAttribute(memberName, n);
561
+ }
545
562
  }
546
563
  } else {
547
564
  elm[memberName] = newValue;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c769d3e9.js');
5
+ const index = require('./index-d10609c2.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  const defineCustomElements = async (win, options) => {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-c769d3e9.js');
3
+ const index = require('./index-d10609c2.js');
4
4
 
5
5
  function _typeof(o) {
6
6
  "@babel/helpers - typeof";
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c769d3e9.js');
6
- const playerElevateCardItems = require('./player-elevate-card-items-7e9206cc.js');
5
+ const index = require('./index-d10609c2.js');
6
+ const playerElevateCardItems = require('./player-elevate-card-items-f69d5f29.js');
7
7
 
8
8
  const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\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(--emw--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}";
9
9
  const PlayerElevateCardStyle0 = playerElevateCardCss;
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c769d3e9.js');
6
- const playerElevateCardItems = require('./player-elevate-card-items-7e9206cc.js');
5
+ const index = require('./index-d10609c2.js');
6
+ const playerElevateCardItems = require('./player-elevate-card-items-f69d5f29.js');
7
7
 
8
8
  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.ExpirationPoints{text-align:left;color:var(--emw--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(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}";
9
9
  const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c769d3e9.js');
5
+ const index = require('./index-d10609c2.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
9
- Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
10
10
  */
11
11
  var patchBrowser = () => {
12
12
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('player-elevate-points-history.cjs.js', document.baseURI).href));
@@ -4,8 +4,8 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.20.0",
8
- "typescriptVersion": "5.5.3"
7
+ "version": "4.22.3",
8
+ "typescriptVersion": "5.5.4"
9
9
  },
10
10
  "collections": [
11
11
  {
@@ -140,6 +140,9 @@ main player-elevate-pointcard {
140
140
  letter-spacing: 0px;
141
141
  text-align: left;
142
142
  }
143
+ .RecordContainer .HistoryPoints {
144
+ text-transform: lowercase;
145
+ }
143
146
  .RecordContainer .Amount {
144
147
  font-size: 16px;
145
148
  font-weight: 600;
@@ -1,6 +1,16 @@
1
1
  import { Fragment, h } from "@stencil/core";
2
- export const renderWallets = (locale, wallets, pageSetting) => wallets && (h(Fragment, null, h("div", { class: "Records" }, wallets.map(wallet => (h("div", { class: "RecordContainer" }, h("div", { class: "Row" }, h("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType), h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` }, getAmountConfig(wallet.points).symbol, wallet.points)), wallet.payload && wallet.payload.displayName &&
3
- h("div", { class: "Row Desc", innerHTML: wallet.payload.displayName['*'] }), h("div", { class: "Row" }, h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))))))), h("div", { class: "PaginationContainer" }, h("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, displayPageNumbers: pageSetting.displayPageNumbers, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
2
+ import { WalletType } from "../utils/types";
3
+ export const WalletItem = ({ locale, wallet, walletType }) => {
4
+ if (walletType === WalletType.history) {
5
+ return h("div", { class: "RecordContainer" }, wallet.payload &&
6
+ h("div", { class: "Row" }, h("div", { class: "Title" }, wallet.payload.description || wallet.payload.displayName), h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` }, h("span", { class: "HistoryPoints" }, Math.abs(wallet.points), " ", locale.coins))), h("div", { class: "Row" }, h("div", { class: wallet.payload ? 'PointType' : 'Title' }, locale.pointType[wallet.pointType] || wallet.pointType), !wallet.payload &&
7
+ h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` }, h("span", { class: "HistoryPoints" }, Math.abs(wallet.points), " ", locale.coins))), h("div", { class: "Row" }, h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))));
8
+ }
9
+ else {
10
+ return (h("div", { class: "RecordContainer" }, h("div", { class: `Row ${wallet.pointType}` }, h("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType), h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` }, h("span", { class: "Points" }, getAmountConfig(wallet.points).symbol, " ", wallet.points))), h("div", { class: "Row" }, h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified))))));
11
+ }
12
+ };
13
+ export const renderWallets = (locale, wallets, pageSetting) => wallets && (h(Fragment, null, h("div", { class: "Records" }, wallets.map(wallet => h(WalletItem, { locale: locale, wallet: wallet, walletType: pageSetting.tableId }))), h("div", { class: "PaginationContainer" }, h("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, displayPageNumbers: pageSetting.displayPageNumbers, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
4
14
  const getAmountConfig = (amount) => {
5
15
  if (amount > 0) {
6
16
  return {
@@ -4,14 +4,15 @@ export const translation = {
4
4
  tabTitle: {
5
5
  [WalletType.spendable]: 'Coins',
6
6
  [WalletType.loyalty]: 'XP',
7
- [WalletType.history]: 'Conversion History'
7
+ [WalletType.history]: 'Shop Purchases',
8
8
  },
9
9
  barTitle: {
10
10
  [WalletType.spendable]: 'Coins History',
11
11
  [WalletType.loyalty]: 'Experience Points History',
12
- [WalletType.history]: 'Conversion History'
12
+ [WalletType.history]: 'Shop Purchases'
13
13
  },
14
14
  bonus: 'Bonus',
15
+ coins: 'Coins',
15
16
  noContent: 'No Content',
16
17
  redeem: 'Redeem',
17
18
  reload: 'Reload',
@@ -31,6 +32,19 @@ export const translation = {
31
32
  expiredWageringByBonusMoney: 'Expired Bonus Money Wager',
32
33
  levelExpired: 'Level Expiration',
33
34
  bonus: 'Bonus Redeem',
35
+ manualByTournament: 'Reward from Tournaments',
36
+ manualByPrizeEngine: 'Reward from PrizeEngine',
37
+ manualByMission: 'Reward from Mission',
38
+ cancelledManualByTournament: 'Cancelled Reward from Tournaments',
39
+ cancelledManualByMission: 'Cancelled Reward from Mission',
40
+ expiredManualByTournament: 'Expired Reward from Tournaments',
41
+ expiredManualByMission: 'Expired Reward from Mission',
42
+ cancelledManualByPrizeEngine: 'Cancelled Reward from PrizeEngine',
43
+ expiredManualByPrizeEngine: 'Expired Reward from PrizeEngine',
44
+ prizeEngine: 'PrizeEngine Redeem',
45
+ tournamentTicket: 'Tournament Ticket Redeem',
46
+ physicalItem: 'Physical Item Redeem',
47
+ role: 'Role Assignment Redeem',
34
48
  }
35
49
  }
36
50
  };
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, c as createEvent, h, g as getElement, a as getAssetPath, F as Fragment } from './index-e7bde614.js';
2
- import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS$2, P as PlayerAvatar, b as translate$2, c as PlayerPoints } from './player-elevate-card-items-f5cb4859.js';
1
+ import { r as registerInstance, c as createEvent, h, g as getElement, a as getAssetPath, F as Fragment } from './index-7f3411b7.js';
2
+ import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS$2, P as PlayerAvatar, b as translate$2, c as PlayerPoints } from './player-elevate-card-items-0b23f85a.js';
3
3
 
4
4
  const DEFAULT_LANGUAGE$1 = 'en';
5
5
  const SUPPORTED_LANGUAGES$1 = ['pt-br', 'en', 'es-mx', 'hu', 'hr'];
@@ -687,13 +687,13 @@ const PlayerElevateCardData = class {
687
687
  const aboutToExpire = walletTotalInfo.aboutToExpire[0];
688
688
  const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
689
689
  let hoursToExpired = 0, minutesToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
690
- if (daysToExpried == 0) {
690
+ if (daysToExpried <= 0) {
691
691
  hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
692
692
  expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
693
- }
694
- if (hoursToExpired == 0) {
695
- minutesToExpired = differenceInMinutes(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
696
- expiredTranslationKey = minutesToExpired > 1 ? 'pointsToBeExpiredMinutes' : 'pointsToBeExpiredMinute';
693
+ if (hoursToExpired <= 0) {
694
+ minutesToExpired = differenceInMinutes(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
695
+ expiredTranslationKey = minutesToExpired > 1 ? 'pointsToBeExpiredMinutes' : 'pointsToBeExpiredMinute';
696
+ }
697
697
  }
698
698
  pointExpireInfoAsString = translateWithParams(expiredTranslationKey, {
699
699
  expirationPoints: aboutToExpire.points,
@@ -884,14 +884,15 @@ const translation = {
884
884
  tabTitle: {
885
885
  [WalletType.spendable]: 'Coins',
886
886
  [WalletType.loyalty]: 'XP',
887
- [WalletType.history]: 'Conversion History'
887
+ [WalletType.history]: 'Shop Purchases',
888
888
  },
889
889
  barTitle: {
890
890
  [WalletType.spendable]: 'Coins History',
891
891
  [WalletType.loyalty]: 'Experience Points History',
892
- [WalletType.history]: 'Conversion History'
892
+ [WalletType.history]: 'Shop Purchases'
893
893
  },
894
894
  bonus: 'Bonus',
895
+ coins: 'Coins',
895
896
  noContent: 'No Content',
896
897
  redeem: 'Redeem',
897
898
  reload: 'Reload',
@@ -911,6 +912,19 @@ const translation = {
911
912
  expiredWageringByBonusMoney: 'Expired Bonus Money Wager',
912
913
  levelExpired: 'Level Expiration',
913
914
  bonus: 'Bonus Redeem',
915
+ manualByTournament: 'Reward from Tournaments',
916
+ manualByPrizeEngine: 'Reward from PrizeEngine',
917
+ manualByMission: 'Reward from Mission',
918
+ cancelledManualByTournament: 'Cancelled Reward from Tournaments',
919
+ cancelledManualByMission: 'Cancelled Reward from Mission',
920
+ expiredManualByTournament: 'Expired Reward from Tournaments',
921
+ expiredManualByMission: 'Expired Reward from Mission',
922
+ cancelledManualByPrizeEngine: 'Cancelled Reward from PrizeEngine',
923
+ expiredManualByPrizeEngine: 'Expired Reward from PrizeEngine',
924
+ prizeEngine: 'PrizeEngine Redeem',
925
+ tournamentTicket: 'Tournament Ticket Redeem',
926
+ physicalItem: 'Physical Item Redeem',
927
+ role: 'Role Assignment Redeem',
914
928
  }
915
929
  }
916
930
  };
@@ -949,17 +963,43 @@ const getWallets = async (endpoint, language, type, session, pageSetting) => {
949
963
  };
950
964
  const getUriByWalletType = (type) => `/v1/elevate/${type == WalletType.history ? 'redeemHistory' : 'pointsHistory'}`;
951
965
 
966
+ const WalletItem = ({ locale, wallet, walletType }) => {
967
+ if (walletType === WalletType.history) {
968
+ return h("div", { class: "RecordContainer" },
969
+ wallet.payload &&
970
+ h("div", { class: "Row" },
971
+ h("div", { class: "Title" }, wallet.payload.description || wallet.payload.displayName),
972
+ h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
973
+ h("span", { class: "HistoryPoints" },
974
+ Math.abs(wallet.points),
975
+ " ",
976
+ locale.coins))),
977
+ h("div", { class: "Row" },
978
+ h("div", { class: wallet.payload ? 'PointType' : 'Title' }, locale.pointType[wallet.pointType] || wallet.pointType),
979
+ !wallet.payload &&
980
+ h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
981
+ h("span", { class: "HistoryPoints" },
982
+ Math.abs(wallet.points),
983
+ " ",
984
+ locale.coins))),
985
+ h("div", { class: "Row" },
986
+ h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))));
987
+ }
988
+ else {
989
+ return (h("div", { class: "RecordContainer" },
990
+ h("div", { class: `Row ${wallet.pointType}` },
991
+ h("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType),
992
+ h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
993
+ h("span", { class: "Points" },
994
+ getAmountConfig(wallet.points).symbol,
995
+ " ",
996
+ wallet.points))),
997
+ h("div", { class: "Row" },
998
+ h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified))))));
999
+ }
1000
+ };
952
1001
  const renderWallets = (locale, wallets, pageSetting) => wallets && (h(Fragment, null,
953
- h("div", { class: "Records" }, wallets.map(wallet => (h("div", { class: "RecordContainer" },
954
- h("div", { class: "Row" },
955
- h("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType),
956
- h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
957
- getAmountConfig(wallet.points).symbol,
958
- wallet.points)),
959
- wallet.payload && wallet.payload.displayName &&
960
- h("div", { class: "Row Desc", innerHTML: wallet.payload.displayName['*'] }),
961
- h("div", { class: "Row" },
962
- h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))))))),
1002
+ h("div", { class: "Records" }, wallets.map(wallet => h(WalletItem, { locale: locale, wallet: wallet, walletType: pageSetting.tableId }))),
963
1003
  h("div", { class: "PaginationContainer" },
964
1004
  h("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, displayPageNumbers: pageSetting.displayPageNumbers, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
965
1005
  const getAmountConfig = (amount) => {
@@ -1033,7 +1073,7 @@ var V=Object.defineProperty,z=Object.defineProperties;var F=Object.getOwnPropert
1033
1073
 
1034
1074
  if(typeof window!="undefined"){let n=function(t){return function(...i){try{return t.apply(this,i)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return !1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>GeneralAnimationLoadingCczQRHih).then(({default:t})=>{!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",t.element);});}
1035
1075
 
1036
- const playerElevatePointsHistoryCss = ":host{display:block}main{max-width:420px}main player-elevate-pointcard{width:100%;height:220px}.PlayerElevatePointsDetaisContainer{background:#FFFFFF;padding:20px 10px 0;margin-top:-100px;position:relative;min-height:360px}.PlayerElevatePointsDetaisContainer .ReloadMsg{padding:20px}.PlayerElevatePointsDetaisContainer .ReloadMsg a.Reload{cursor:pointer}.TitleContainer{font-size:20px;font-weight:500;line-height:25px;letter-spacing:0em;text-align:left;display:flex;justify-content:space-between}.TopBarContainer{display:flex;align-items:center;justify-content:space-between}.TopBarContainer .TitleContainer{width:100%}.TopBarContainer .Title{background:#303030;padding:5px 16px;color:#FFFFFF;box-shadow:0px 4px 13px 0px rgba(0, 0, 0, 0.2509803922);border-radius:8px;width:fit-content;margin-left:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.PaginationContainer{display:flex;justify-content:center}.MonthStat{margin-top:25px;display:none;font-size:16px;font-weight:500;line-height:19px;letter-spacing:0px;text-align:left;color:#242424}.MonthStat .Amount{color:#53B65A}.BackImageContainer{width:35px;height:35px;flex:0 0 35px;border-radius:6px;text-align:center;line-height:35px;box-shadow:0px 4px 40px 0px rgba(138, 149, 158, 0.2);display:none}.Records{margin-top:16px}.MenuImage,.BackImage{cursor:pointer;display:none}.Row{display:flex;justify-content:space-between;align-items:center}.Row:nth-child(n+2){margin-top:3px}.Tabs.Row{justify-content:space-around;margin-top:20px}.Tabs.Row .TabText{font-size:16px;margin:10px 15px;color:#9C9C9C;cursor:pointer}.Tabs.Row .TabText.active{color:#242424;font-weight:600}.Tabs.Row .TabBorderBottom{height:5px;border-radius:4px;background:transparent}.Tabs.Row .TabBorderBottom.active{background:#242424}.RecordContainer{margin:5px 0;padding:10px;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.1019607843);border-radius:5px}.RecordContainer .Title{color:#242424;font-size:16px;font-weight:600;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Amount{font-size:16px;font-weight:600;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Amount.Positive{color:#53B65A}.RecordContainer .Amount.Negative{color:#B41E2D}.RecordContainer .DateTime{color:#9C9C9C;font-size:16px;font-weight:400;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Tag{font-size:12px;font-weight:500;line-height:14px;letter-spacing:0em;text-align:center;color:#767171;padding:8px 30px;border-radius:8px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922)}.NoContent{font-size:16px;color:var(--emw--color-black-100, #afafaf);text-align:center;height:120px;line-height:120px}";
1076
+ const playerElevatePointsHistoryCss = ":host{display:block}main{max-width:420px}main player-elevate-pointcard{width:100%;height:220px}.PlayerElevatePointsDetaisContainer{background:#FFFFFF;padding:20px 10px 0;margin-top:-100px;position:relative;min-height:360px}.PlayerElevatePointsDetaisContainer .ReloadMsg{padding:20px}.PlayerElevatePointsDetaisContainer .ReloadMsg a.Reload{cursor:pointer}.TitleContainer{font-size:20px;font-weight:500;line-height:25px;letter-spacing:0em;text-align:left;display:flex;justify-content:space-between}.TopBarContainer{display:flex;align-items:center;justify-content:space-between}.TopBarContainer .TitleContainer{width:100%}.TopBarContainer .Title{background:#303030;padding:5px 16px;color:#FFFFFF;box-shadow:0px 4px 13px 0px rgba(0, 0, 0, 0.2509803922);border-radius:8px;width:fit-content;margin-left:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.PaginationContainer{display:flex;justify-content:center}.MonthStat{margin-top:25px;display:none;font-size:16px;font-weight:500;line-height:19px;letter-spacing:0px;text-align:left;color:#242424}.MonthStat .Amount{color:#53B65A}.BackImageContainer{width:35px;height:35px;flex:0 0 35px;border-radius:6px;text-align:center;line-height:35px;box-shadow:0px 4px 40px 0px rgba(138, 149, 158, 0.2);display:none}.Records{margin-top:16px}.MenuImage,.BackImage{cursor:pointer;display:none}.Row{display:flex;justify-content:space-between;align-items:center}.Row:nth-child(n+2){margin-top:3px}.Tabs.Row{justify-content:space-around;margin-top:20px}.Tabs.Row .TabText{font-size:16px;margin:10px 15px;color:#9C9C9C;cursor:pointer}.Tabs.Row .TabText.active{color:#242424;font-weight:600}.Tabs.Row .TabBorderBottom{height:5px;border-radius:4px;background:transparent}.Tabs.Row .TabBorderBottom.active{background:#242424}.RecordContainer{margin:5px 0;padding:10px;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.1019607843);border-radius:5px}.RecordContainer .Title{color:#242424;font-size:16px;font-weight:600;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .HistoryPoints{text-transform:lowercase}.RecordContainer .Amount{font-size:16px;font-weight:600;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Amount.Positive{color:#53B65A}.RecordContainer .Amount.Negative{color:#B41E2D}.RecordContainer .DateTime{color:#9C9C9C;font-size:16px;font-weight:400;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Tag{font-size:12px;font-weight:500;line-height:14px;letter-spacing:0em;text-align:center;color:#767171;padding:8px 30px;border-radius:8px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922)}.NoContent{font-size:16px;color:var(--emw--color-black-100, #afafaf);text-align:center;height:120px;line-height:120px}";
1037
1077
  const PlayerElevatePointsHistoryStyle0 = playerElevatePointsHistoryCss;
1038
1078
 
1039
1079
  const PlayerElevatePointsHistory = class {
@@ -2,7 +2,7 @@ const NAMESPACE = 'player-elevate-points-history';
2
2
  const BUILD = /* player-elevate-points-history */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
@@ -420,17 +420,30 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
420
420
  if (nonce != null) {
421
421
  styleElm.setAttribute("nonce", nonce);
422
422
  }
423
- const injectStyle = (
424
- /**
425
- * we render a scoped component
426
- */
427
- !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**
428
- * we are using shadow dom and render the style tag within the shadowRoot
429
- */
430
- cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD"
431
- );
432
- if (injectStyle) {
433
- styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
423
+ if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
424
+ if (styleContainerNode.nodeName === "HEAD") {
425
+ const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
426
+ const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
427
+ styleContainerNode.insertBefore(styleElm, referenceNode2);
428
+ } else if ("host" in styleContainerNode) {
429
+ if (supportsConstructableStylesheets) {
430
+ const stylesheet = new CSSStyleSheet();
431
+ stylesheet.replaceSync(style);
432
+ styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
433
+ } else {
434
+ const existingStyleContainer = styleContainerNode.querySelector("style");
435
+ if (existingStyleContainer) {
436
+ existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
437
+ } else {
438
+ styleContainerNode.prepend(styleElm);
439
+ }
440
+ }
441
+ } else {
442
+ styleContainerNode.append(styleElm);
443
+ }
444
+ }
445
+ if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
446
+ styleContainerNode.insertBefore(styleElm, null);
434
447
  }
435
448
  }
436
449
  if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
@@ -519,7 +532,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
519
532
  if (memberName === "list") {
520
533
  isProp = false;
521
534
  } else if (oldValue == null || elm[memberName] != n) {
522
- elm[memberName] = n;
535
+ if (typeof elm.__lookupSetter__(memberName) === "function") {
536
+ elm[memberName] = n;
537
+ } else {
538
+ elm.setAttribute(memberName, n);
539
+ }
523
540
  }
524
541
  } else {
525
542
  elm[memberName] = newValue;
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-e7bde614.js';
2
- export { s as setNonce } from './index-e7bde614.js';
1
+ import { b as bootstrapLazy } from './index-7f3411b7.js';
2
+ export { s as setNonce } from './index-7f3411b7.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
@@ -1,4 +1,4 @@
1
- import { h, a as getAssetPath } from './index-e7bde614.js';
1
+ import { h, a as getAssetPath } from './index-7f3411b7.js';
2
2
 
3
3
  function _typeof(o) {
4
4
  "@babel/helpers - typeof";
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-e7bde614.js';
2
- import { T as TRANSLATIONS, P as PlayerAvatar, c as PlayerPoints, d as PlayerNameDiv, e as PlayerElevateLoyaltyLevel, f as PlayerLoyaltyProcess, h as PlayerElevateCardRedeem } from './player-elevate-card-items-f5cb4859.js';
1
+ import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-7f3411b7.js';
2
+ import { T as TRANSLATIONS, P as PlayerAvatar, c as PlayerPoints, d as PlayerNameDiv, e as PlayerElevateLoyaltyLevel, f as PlayerLoyaltyProcess, h as PlayerElevateCardRedeem } from './player-elevate-card-items-0b23f85a.js';
3
3
 
4
4
  const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\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(--emw--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}";
5
5
  const PlayerElevateCardStyle0 = playerElevateCardCss;
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-e7bde614.js';
2
- import { a as translateWithParams, T as TRANSLATIONS, P as PlayerAvatar, e as PlayerElevateLoyaltyLevel, c as PlayerPoints, f as PlayerLoyaltyProcess } from './player-elevate-card-items-f5cb4859.js';
1
+ import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-7f3411b7.js';
2
+ import { a as translateWithParams, T as TRANSLATIONS, P as PlayerAvatar, e as PlayerElevateLoyaltyLevel, c as PlayerPoints, f as PlayerLoyaltyProcess } from './player-elevate-card-items-0b23f85a.js';
3
3
 
4
4
  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.ExpirationPoints{text-align:left;color:var(--emw--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(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}";
5
5
  const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-e7bde614.js';
2
- export { s as setNonce } from './index-e7bde614.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-7f3411b7.js';
2
+ export { s as setNonce } from './index-7f3411b7.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  var patchBrowser = () => {
9
9
  const importMeta = import.meta.url;