@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.
- package/dist/cjs/bonus-pagination-limits_6.cjs.entry.js +60 -20
- package/dist/cjs/{index-c769d3e9.js → index-d10609c2.js} +30 -13
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{player-elevate-card-items-7e9206cc.js → player-elevate-card-items-f69d5f29.js} +1 -1
- package/dist/cjs/player-elevate-card.cjs.entry.js +2 -2
- package/dist/cjs/player-elevate-loyaltycard.cjs.entry.js +2 -2
- package/dist/cjs/player-elevate-points-history.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/player-elevate-points-history/player-elevate-points-history.css +3 -0
- package/dist/collection/renders/renderWallets.js +12 -2
- package/dist/collection/utils/translation.js +16 -2
- package/dist/esm/bonus-pagination-limits_6.entry.js +60 -20
- package/dist/esm/{index-e7bde614.js → index-7f3411b7.js} +30 -13
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{player-elevate-card-items-f5cb4859.js → player-elevate-card-items-0b23f85a.js} +1 -1
- package/dist/esm/player-elevate-card.entry.js +2 -2
- package/dist/esm/player-elevate-loyaltycard.entry.js +2 -2
- package/dist/esm/player-elevate-points-history.js +3 -3
- package/dist/player-elevate-points-history/{p-c4a4fec1.entry.js → p-5b8dc7ce.entry.js} +1 -1
- package/dist/player-elevate-points-history/p-702726b0.js +2 -0
- package/dist/player-elevate-points-history/{p-d5ef9b50.entry.js → p-abb276d1.entry.js} +1 -1
- package/dist/player-elevate-points-history/{p-f27f4ca8.js → p-d3990dc6.js} +1 -1
- package/dist/player-elevate-points-history/{p-6156436e.entry.js → p-dd9c00ae.entry.js} +1 -1
- package/dist/player-elevate-points-history/player-elevate-points-history.esm.js +1 -1
- 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
- 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
- package/dist/types/renders/renderWallets.d.ts +8 -0
- package/dist/types/stencil-public-runtime.d.ts +6 -0
- package/dist/types/utils/translation.d.ts +14 -0
- package/dist/types/utils/types.d.ts +6 -1
- package/package.json +1 -1
- package/dist/player-elevate-points-history/p-f547f5dc.js +0 -2
- 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
- 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-
|
|
6
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
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
|
|
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
|
-
|
|
699
|
-
|
|
700
|
-
|
|
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]: '
|
|
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]: '
|
|
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 =>
|
|
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.
|
|
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
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
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
|
|
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;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
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) => {
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
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-
|
|
6
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
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-
|
|
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.
|
|
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));
|
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
import { Fragment, h } from "@stencil/core";
|
|
2
|
-
|
|
3
|
-
|
|
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]: '
|
|
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]: '
|
|
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-
|
|
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-
|
|
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
|
|
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
|
-
|
|
695
|
-
|
|
696
|
-
|
|
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]: '
|
|
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]: '
|
|
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 =>
|
|
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.
|
|
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
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
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
|
|
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;
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
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,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
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.
|
|
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;
|