@everymatrix/player-elevate-points-history 1.59.0 → 1.59.1

package/dist/esm/bonus-pagination-limits_6.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h as h$1, g as getElement, a as getAssetPath, F as Fragment } from './index-f02f9189.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, a as getAssetPath, F as Fragment } from './index-f02f9189.js';
 import { t as translateWithParams, T as TRANSLATIONS$2, a as translate$2 } from './locale.utils-71f870a8.js';
 import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, P as PlayerAvatar, a as PlayerPoints } from './player-elevate-card-items-431ffcbf.js';
 
@@ -64,14 +64,14 @@ const BonusPaginationLimits = class {
         }
     }
     renderStylingWrapper() {
-        return h$1("general-styling-wrapper", { targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl });
+        return h("general-styling-wrapper", { targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl });
     }
     render() {
-        return h$1("div", { key: '57f5e61ee287f72d0427a2e4f646e37c6b9358b9', class: 'PaginationWrapper' }, h$1("span", { key: '5f82b19fcf269086659b3faa475d9967b2af57fa', class: 'NoOfItemsToDisplayMessage' }, translate$1('pageLimitLabel', this.language)), h$1("ul", { key: '559c2d5378a352691583567579a8e681d092ddd3', class: 'PaginationArea' }, this.pageLimits.map((pageLimit) => {
-            return (h$1("li", { class: `${this.limit == pageLimit ? 'Active' : ''} PageSize Item`, onClick: () => {
+        return h("div", { key: '57f5e61ee287f72d0427a2e4f646e37c6b9358b9', class: 'PaginationWrapper' }, h("span", { key: '5f82b19fcf269086659b3faa475d9967b2af57fa', class: 'NoOfItemsToDisplayMessage' }, translate$1('pageLimitLabel', this.language)), h("ul", { key: '559c2d5378a352691583567579a8e681d092ddd3', class: 'PaginationArea' }, this.pageLimits.map((pageLimit) => {
+            return (h("li", { class: `${this.limit == pageLimit ? 'Active' : ''} PageSize Item`, onClick: () => {
                     this.onPageLimitClicked(pageLimit);
                 } }, pageLimit));
-        })), h$1("general-styling-wrapper", { key: 'a8b9632e7421318e330f33b9c1cc9eb7121e35e9', targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl }), this.renderStylingWrapper());
+        })), h("general-styling-wrapper", { key: 'a8b9632e7421318e330f33b9c1cc9eb7121e35e9', targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl }), this.renderStylingWrapper());
     }
 };
 BonusPaginationLimits.style = BonusPaginationLimitsStyle0;
@@ -169,14 +169,14 @@ const BonusPaginationNav = class {
         this.reloadPageEmitter.emit({ offset, limit: this.limit, tableId: this.tableId });
     }
     renderPageList() {
-        return h$1("ul", { class: 'PaginationArea' }, this.pagesArray.map((page) => {
-            return (h$1("li", { class: `PageItem ${this.currentPage == page ? 'Active' : ''}`, onClick: () => {
+        return h("ul", { class: 'PaginationArea' }, this.pagesArray.map((page) => {
+            return (h("li", { class: `PageItem ${this.currentPage == page ? 'Active' : ''}`, onClick: () => {
                     this.goTo(page);
                 } }, page));
         }));
     }
     renderStylingWrapper() {
-        return h$1("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
+        return h("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
     }
     /**
      *
@@ -254,23 +254,23 @@ const BonusPaginationNav = class {
     render() {
         const startOffset = (this.currentPage - 1) * this.limit + 1;
         const endOffset = this.currentPage * this.limit > this.total ? this.total : this.currentPage * this.limit;
-        return h$1("div", { key: 'aa8d14788833b1b0e13ea20943935b03a3b043ac', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h$1("span", { key: 'a018261b6c598116829d878b8120aee7ae2576c4', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
+        return h("div", { key: 'aa8d14788833b1b0e13ea20943935b03a3b043ac', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h("span", { key: 'a018261b6c598116829d878b8120aee7ae2576c4', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
             values: {
                 start: startOffset,
                 end: endOffset,
                 total: this.total
             }
-        })), h$1("div", { key: '64fc17d0b992b30a4b8d712e47442ee6a2d44b82', class: 'PageNavigation' }, this.arrowsActive &&
-            h$1("div", { key: 'f5f3b562fbdfb9e4b39ffd9755e5dba41e6231ba', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
+        })), h("div", { key: '64fc17d0b992b30a4b8d712e47442ee6a2d44b82', class: 'PageNavigation' }, this.arrowsActive &&
+            h("div", { key: 'f5f3b562fbdfb9e4b39ffd9755e5dba41e6231ba', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
                     this.goTo(1);
                 } }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
-            h$1("span", { key: '39222e258f6c63502bfd3914c673d804edc96b53', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
+            h("span", { key: '39222e258f6c63502bfd3914c673d804edc96b53', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
                     this.goTo(this.currentPage - 1);
                 } }, translate('prePage', this.language)), this.displayPageNumbers && this.renderPageList(), this.secondaryArrowsActive &&
-            h$1("span", { key: 'd6f9a1394debdae49702713ccc59bea710ccd7ae', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
+            h("span", { key: 'd6f9a1394debdae49702713ccc59bea710ccd7ae', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
                     this.goTo(this.currentPage + 1);
                 } }, translate('nextPage', this.language)), this.arrowsActive &&
-            h$1("div", { key: 'd2bb76f9d40fcfc3dbc6bb5fbfe6d237e77f0ee6', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
+            h("div", { key: 'd2bb76f9d40fcfc3dbc6bb5fbfe6d237e77f0ee6', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
                     this.goTo(this.endPageIndex + 1);
                 } }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
     }
@@ -345,7 +345,7 @@ const GeneralStylingWrapper = class {
         return await Promise.all(promises);
     }
     render() {
-        return (h$1("div", { key: '4d3414408c7662f88331dbe655966237f74d6958', class: "StyleShell" }, h$1("slot", { key: '1d004644d84602c4314bdf5dfc26b55b160f57df', name: "mainContent" })));
+        return (h("div", { key: '4d3414408c7662f88331dbe655966237f74d6958', class: "StyleShell" }, h("slot", { key: '1d004644d84602c4314bdf5dfc26b55b160f57df', name: "mainContent" })));
     }
     get el() { return getElement(this); }
 };
@@ -861,9 +861,9 @@ const PlayerElevatePointcard = class {
     render() {
         const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
         const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
-        return (h$1("div", { key: '4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17', class: `ElevateCardWrapper ${this.theme}` }, h$1("div", { key: 'ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h$1("general-styling-wrapper", { key: 'c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS$2, translationUrl: this.translationUrl }), h$1("player-elevate-card-data", { key: '4371faac6967c5b3eced57f6251064ea4e1d6a65', params: this.paramProxy }), h$1("div", { key: 'c78235a6fdc2aed90df898f007b5ee091cece8dc', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h$1("div", { key: '025e779223c1c85c11998be8389a8ff836a31e6c', class: 'Content Row' }, this.playerElevateLevel && (h$1(Fragment, { key: '68daa6047dc93d2596d8b2309a26f56960737617' }, h$1("div", { key: '6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319', class: "PlayerImg" }, h$1(PlayerAvatar, { key: 'aeaf35ad8055ad4f7312922c8600ea58d09be74f', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h$1("div", { key: 'bd51ce868b4d8a547f40ec55548bbf3cfa416534', class: `LevelInfo ${this.playerElevateLevel.name}` }, h$1("div", { key: '5f4d77a5b43c8efee850b9813bc1c8e61d27d45d', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate$2('spendablePoints')), h$1("div", { key: 'bae5dc76d00c98aed803601c19fe3bf1aa4418d5', class: 'PointsTxt SPPoints' }, h$1(PlayerPoints, { key: '59d51bd37f44ed23108fc4356af41c01668354e3', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h$1("a", { key: '3a923bea242ae5fa412f4448dca7277b3588621e', class: "TC", onClick: () => {
+        return (h("div", { key: '4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: 'ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: 'c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS$2, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: '4371faac6967c5b3eced57f6251064ea4e1d6a65', params: this.paramProxy }), h("div", { key: 'c78235a6fdc2aed90df898f007b5ee091cece8dc', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '025e779223c1c85c11998be8389a8ff836a31e6c', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '68daa6047dc93d2596d8b2309a26f56960737617' }, h("div", { key: '6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319', class: "PlayerImg" }, h(PlayerAvatar, { key: 'aeaf35ad8055ad4f7312922c8600ea58d09be74f', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: 'bd51ce868b4d8a547f40ec55548bbf3cfa416534', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: '5f4d77a5b43c8efee850b9813bc1c8e61d27d45d', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate$2('spendablePoints')), h("div", { key: 'bae5dc76d00c98aed803601c19fe3bf1aa4418d5', class: 'PointsTxt SPPoints' }, h(PlayerPoints, { key: '59d51bd37f44ed23108fc4356af41c01668354e3', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h("a", { key: '3a923bea242ae5fa412f4448dca7277b3588621e', class: "TC", onClick: () => {
                 this.onDetailsClick();
-            } }, translate$2('termAndConditions', this.language))), this.pointExpireString && (h$1("div", { key: '8803ae8d343885da58dfa04b9a4474ff473b5a74', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
+            } }, translate$2('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '8803ae8d343885da58dfa04b9a4474ff473b5a74', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
     }
     static get watchers() { return {
         "session": ["onSessionOrEndpointChange"],
@@ -895,6 +895,7 @@ const translation = {
         bonus: 'Bonus',
         coins: 'Coins',
         noContent: 'No Content',
+        loading: 'Loading',
         redeem: 'Redeem',
         reload: 'Reload',
         reloadMsgWhenError: 'Network Problem, please ',
@@ -966,43 +967,43 @@ const getUriByWalletType = (type) => `/v1/elevate/${type == WalletType.history ?
 
 const WalletItem = ({ locale, wallet, walletType }) => {
     if (walletType === WalletType.history) {
-        return h$1("div", { class: "RecordContainer" },
+        return h("div", { class: "RecordContainer" },
             wallet.payload &&
-                h$1("div", { class: "Row" },
-                    h$1("div", { class: "Title" }, wallet.payload.displayName),
-                    h$1("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
-                        h$1("span", { class: "HistoryPoints" },
+                h("div", { class: "Row" },
+                    h("div", { class: "Title" }, wallet.payload.displayName),
+                    h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
+                        h("span", { class: "HistoryPoints" },
                             Math.abs(wallet.points),
                             " ",
                             locale.coins))),
-            h$1("div", { class: "Row" },
-                h$1("div", { class: wallet.payload ? 'PointType' : 'Title' }, locale.pointType[wallet.pointType] || wallet.pointType),
+            h("div", { class: "Row" },
+                h("div", { class: wallet.payload ? 'PointType' : 'Title' }, locale.pointType[wallet.pointType] || wallet.pointType),
                 !wallet.payload &&
-                    h$1("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
-                        h$1("span", { class: "HistoryPoints" },
+                    h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
+                        h("span", { class: "HistoryPoints" },
                             Math.abs(wallet.points),
                             " ",
                             locale.coins))),
-            h$1("div", { class: "Row" },
-                h$1("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))));
+            h("div", { class: "Row" },
+                h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))));
     }
     else {
-        return (h$1("div", { class: "RecordContainer" },
-            h$1("div", { class: `Row ${wallet.pointType}` },
-                h$1("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType),
-                h$1("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
-                    h$1("span", { class: "Points" },
+        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$1("div", { class: "Row" },
-                h$1("div", { class: "DateTime" }, formatDate(new Date(wallet.modified))))));
+            h("div", { class: "Row" },
+                h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified))))));
     }
 };
-const renderWallets = (locale, wallets, pageSetting) => wallets && (h$1(Fragment, null,
-    h$1("div", { class: "Records" }, wallets.map(wallet => h$1(WalletItem, { locale: locale, wallet: wallet, walletType: pageSetting.tableId }))),
-    h$1("div", { class: "PaginationContainer" },
-        h$1("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, displayPageNumbers: pageSetting.displayPageNumbers, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
+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 }))));
 const getAmountConfig = (amount) => {
     if (amount > 0) {
         return {
@@ -1046,554 +1047,26 @@ const menuSvg = `<svg width="30" height="8" viewBox="0 0 30 8" fill="none" xmlns
 </svg>
 `;
 
-const renderTopBar = (locale, type, pageSetting) => h$1("div", { class: "TopBarContainer" },
-    h$1("div", { class: "BackImageContainer" },
-        h$1("span", { class: "BackImage", innerHTML: backSvg })),
-    h$1("div", { class: "TitleContainer" },
-        h$1("div", { class: "Title", title: locale.barTitle[type] }, locale.barTitle[type]),
-        h$1("div", { class: 'Limits' },
-            h$1("bonus-pagination-limits", { pageLimitOptions: pageSetting.pageLimitOptions, limit: pageSetting.limit }))),
-    h$1("div", null,
-        h$1("span", { class: "MenuImage", innerHTML: menuSvg })));
+const renderTopBar = (locale, type, pageSetting) => h("div", { class: "TopBarContainer" },
+    h("div", { class: "BackImageContainer" },
+        h("span", { class: "BackImage", innerHTML: backSvg })),
+    h("div", { class: "TitleContainer" },
+        h("div", { class: "Title", title: locale.barTitle[type] }, locale.barTitle[type]),
+        h("div", { class: 'Limits' },
+            h("bonus-pagination-limits", { pageLimitOptions: pageSetting.pageLimitOptions, limit: pageSetting.limit }))),
+    h("div", null,
+        h("span", { class: "MenuImage", innerHTML: menuSvg })));
 
-const renderTabs = (locale, type, onChangeTab) => h$1("div", { class: "Tabs Row" }, Object.keys(WalletType).map(key => {
+const renderTabs = (locale, type, onChangeTab) => h("div", { class: "Tabs Row" }, Object.keys(WalletType).map(key => {
     const isActive = key === type;
     const cssActive = isActive ? 'active' : '';
-    return (h$1("div", null,
-        h$1("div", { class: `TabText ${cssActive}`, onClick: () => {
+    return (h("div", null,
+        h("div", { class: `TabText ${cssActive}`, onClick: () => {
                 onChangeTab(key);
             } }, locale.tabTitle[key]),
-        h$1("div", { class: `TabBorderBottom ${cssActive}` })));
+        h("div", { class: `TabBorderBottom ${cssActive}` })));
 }));
 
-function a() {
-}
-function M(t) {
-  return t();
-}
-function O() {
-  return /* @__PURE__ */ Object.create(null);
-}
-function y(t) {
-  t.forEach(M);
-}
-function N(t) {
-  return typeof t == "function";
-}
-function R(t, e) {
-  return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
-}
-function T(t) {
-  return Object.keys(t).length === 0;
-}
-function H(t, e) {
-  t.appendChild(e);
-}
-function U(t, e, n) {
-  const s = I(t);
-  if (!s.getElementById(e)) {
-    const i = v("style");
-    i.id = e, i.textContent = n, z(s, i);
-  }
-}
-function I(t) {
-  if (!t)
-    return document;
-  const e = t.getRootNode ? t.getRootNode() : t.ownerDocument;
-  return e && /** @type {ShadowRoot} */
-  e.host ? (
-    /** @type {ShadowRoot} */
-    e
-  ) : t.ownerDocument;
-}
-function z(t, e) {
-  return H(
-    /** @type {Document} */
-    t.head || t,
-    e
-  ), e.sheet;
-}
-function B(t, e, n) {
-  t.insertBefore(e, n || null);
-}
-function E(t) {
-  t.parentNode && t.parentNode.removeChild(t);
-}
-function v(t) {
-  return document.createElement(t);
-}
-function D(t, e, n) {
-  n == null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n);
-}
-function F(t) {
-  return Array.from(t.childNodes);
-}
-function G(t) {
-  const e = {};
-  return t.childNodes.forEach(
-    /** @param {Element} node */
-    (n) => {
-      e[n.slot || "default"] = !0;
-    }
-  ), e;
-}
-let p;
-function _(t) {
-  p = t;
-}
-function J() {
-  if (!p)
-    throw new Error("Function called outside component initialization");
-  return p;
-}
-function V(t) {
-  J().$$.on_mount.push(t);
-}
-const $ = [], w = [];
-let h = [];
-const A = [], q = /* @__PURE__ */ Promise.resolve();
-let x = !1;
-function K() {
-  x || (x = !0, q.then(m));
-}
-function k(t) {
-  h.push(t);
-}
-const b = /* @__PURE__ */ new Set();
-let f = 0;
-function m() {
-  if (f !== 0)
-    return;
-  const t = p;
-  do {
-    try {
-      for (; f < $.length; ) {
-        const e = $[f];
-        f++, _(e), Q(e.$$);
-      }
-    } catch (e) {
-      throw $.length = 0, f = 0, e;
-    }
-    for (_(null), $.length = 0, f = 0; w.length; )
-      w.pop()();
-    for (let e = 0; e < h.length; e += 1) {
-      const n = h[e];
-      b.has(n) || (b.add(n), n());
-    }
-    h.length = 0;
-  } while ($.length);
-  for (; A.length; )
-    A.pop()();
-  x = !1, b.clear(), _(t);
-}
-function Q(t) {
-  if (t.fragment !== null) {
-    t.update(), y(t.before_update);
-    const e = t.dirty;
-    t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(k);
-  }
-}
-function W(t) {
-  const e = [], n = [];
-  h.forEach((s) => t.indexOf(s) === -1 ? e.push(s) : n.push(s)), n.forEach((s) => s()), h = e;
-}
-const X = /* @__PURE__ */ new Set();
-function Y(t, e) {
-  t && t.i && (X.delete(t), t.i(e));
-}
-function Z(t, e, n) {
-  const { fragment: s, after_update: i } = t.$$;
-  s && s.m(e, n), k(() => {
-    const r = t.$$.on_mount.map(M).filter(N);
-    t.$$.on_destroy ? t.$$.on_destroy.push(...r) : y(r), t.$$.on_mount = [];
-  }), i.forEach(k);
-}
-function tt(t, e) {
-  const n = t.$$;
-  n.fragment !== null && (W(n.after_update), y(n.on_destroy), n.fragment && n.fragment.d(e), n.on_destroy = n.fragment = null, n.ctx = []);
-}
-function et(t, e) {
-  t.$$.dirty[0] === -1 && ($.push(t), K(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
-}
-function nt(t, e, n, s, i, r, o = null, l = [-1]) {
-  const c = p;
-  _(t);
-  const u = t.$$ = {
-    fragment: null,
-    ctx: [],
-    // state
-    props: r,
-    update: a,
-    not_equal: i,
-    bound: O(),
-    // lifecycle
-    on_mount: [],
-    on_destroy: [],
-    on_disconnect: [],
-    before_update: [],
-    after_update: [],
-    context: new Map(e.context || (c ? c.$$.context : [])),
-    // everything else
-    callbacks: O(),
-    dirty: l,
-    skip_bound: !1,
-    root: e.target || c.$$.root
-  };
-  o && o(u.root);
-  let L = !1;
-  if (u.ctx = n ? n(t, e.props || {}, (d, C, ...S) => {
-    const j = S.length ? S[0] : C;
-    return u.ctx && i(u.ctx[d], u.ctx[d] = j) && (!u.skip_bound && u.bound[d] && u.bound[d](j), L && et(t, d)), C;
-  }) : [], u.update(), L = !0, y(u.before_update), u.fragment = s ? s(u.ctx) : !1, e.target) {
-    if (e.hydrate) {
-      const d = F(e.target);
-      u.fragment && u.fragment.l(d), d.forEach(E);
-    } else
-      u.fragment && u.fragment.c();
-    e.intro && Y(t.$$.fragment), Z(t, e.target, e.anchor), m();
-  }
-  _(c);
-}
-let P;
-typeof HTMLElement == "function" && (P = class extends HTMLElement {
-  /** The Svelte component constructor */
-  $$ctor;
-  /** Slots */
-  $$s;
-  /** The Svelte component instance */
-  $$c;
-  /** Whether or not the custom element is connected */
-  $$cn = !1;
-  /** Component props data */
-  $$d = {};
-  /** `true` if currently in the process of reflecting component props back to attributes */
-  $$r = !1;
-  /** @type {Record<string, CustomElementPropDefinition>} Props definition (name, reflected, type etc) */
-  $$p_d = {};
-  /** @type {Record<string, Function[]>} Event listeners */
-  $$l = {};
-  /** @type {Map<Function, Function>} Event listener unsubscribe functions */
-  $$l_u = /* @__PURE__ */ new Map();
-  constructor(t, e, n) {
-    super(), this.$$ctor = t, this.$$s = e, n && this.attachShadow({ mode: "open" });
-  }
-  addEventListener(t, e, n) {
-    if (this.$$l[t] = this.$$l[t] || [], this.$$l[t].push(e), this.$$c) {
-      const s = this.$$c.$on(t, e);
-      this.$$l_u.set(e, s);
-    }
-    super.addEventListener(t, e, n);
-  }
-  removeEventListener(t, e, n) {
-    if (super.removeEventListener(t, e, n), this.$$c) {
-      const s = this.$$l_u.get(e);
-      s && (s(), this.$$l_u.delete(e));
-    }
-  }
-  async connectedCallback() {
-    if (this.$$cn = !0, !this.$$c) {
-      let t = function(i) {
-        return () => {
-          let r;
-          return {
-            c: function() {
-              r = v("slot"), i !== "default" && D(r, "name", i);
-            },
-            /**
-             * @param {HTMLElement} target
-             * @param {HTMLElement} [anchor]
-             */
-            m: function(c, u) {
-              B(c, r, u);
-            },
-            d: function(c) {
-              c && E(r);
-            }
-          };
-        };
-      };
-      if (await Promise.resolve(), !this.$$cn || this.$$c)
-        return;
-      const e = {}, n = G(this);
-      for (const i of this.$$s)
-        i in n && (e[i] = [t(i)]);
-      for (const i of this.attributes) {
-        const r = this.$$g_p(i.name);
-        r in this.$$d || (this.$$d[r] = g(r, i.value, this.$$p_d, "toProp"));
-      }
-      for (const i in this.$$p_d)
-        !(i in this.$$d) && this[i] !== void 0 && (this.$$d[i] = this[i], delete this[i]);
-      this.$$c = new this.$$ctor({
-        target: this.shadowRoot || this,
-        props: {
-          ...this.$$d,
-          $$slots: e,
-          $$scope: {
-            ctx: []
-          }
-        }
-      });
-      const s = () => {
-        this.$$r = !0;
-        for (const i in this.$$p_d)
-          if (this.$$d[i] = this.$$c.$$.ctx[this.$$c.$$.props[i]], this.$$p_d[i].reflect) {
-            const r = g(
-              i,
-              this.$$d[i],
-              this.$$p_d,
-              "toAttribute"
-            );
-            r == null ? this.removeAttribute(this.$$p_d[i].attribute || i) : this.setAttribute(this.$$p_d[i].attribute || i, r);
-          }
-        this.$$r = !1;
-      };
-      this.$$c.$$.after_update.push(s), s();
-      for (const i in this.$$l)
-        for (const r of this.$$l[i]) {
-          const o = this.$$c.$on(i, r);
-          this.$$l_u.set(r, o);
-        }
-      this.$$l = {};
-    }
-  }
-  // We don't need this when working within Svelte code, but for compatibility of people using this outside of Svelte
-  // and setting attributes through setAttribute etc, this is helpful
-  attributeChangedCallback(t, e, n) {
-    this.$$r || (t = this.$$g_p(t), this.$$d[t] = g(t, n, this.$$p_d, "toProp"), this.$$c?.$set({ [t]: this.$$d[t] }));
-  }
-  disconnectedCallback() {
-    this.$$cn = !1, Promise.resolve().then(() => {
-      !this.$$cn && this.$$c && (this.$$c.$destroy(), this.$$c = void 0);
-    });
-  }
-  $$g_p(t) {
-    return Object.keys(this.$$p_d).find(
-      (e) => this.$$p_d[e].attribute === t || !this.$$p_d[e].attribute && e.toLowerCase() === t
-    ) || t;
-  }
-});
-function g(t, e, n, s) {
-  const i = n[t]?.type;
-  if (e = i === "Boolean" && typeof e != "boolean" ? e != null : e, !s || !n[t])
-    return e;
-  if (s === "toAttribute")
-    switch (i) {
-      case "Object":
-      case "Array":
-        return e == null ? null : JSON.stringify(e);
-      case "Boolean":
-        return e ? "" : null;
-      case "Number":
-        return e ?? null;
-      default:
-        return e;
-    }
-  else
-    switch (i) {
-      case "Object":
-      case "Array":
-        return e && JSON.parse(e);
-      case "Boolean":
-        return e;
-      case "Number":
-        return e != null ? +e : e;
-      default:
-        return e;
-    }
-}
-function it(t, e, n, s, i, r) {
-  let o = class extends P {
-    constructor() {
-      super(t, n, i), this.$$p_d = e;
-    }
-    static get observedAttributes() {
-      return Object.keys(e).map(
-        (l) => (e[l].attribute || l).toLowerCase()
-      );
-    }
-  };
-  return Object.keys(e).forEach((l) => {
-    Object.defineProperty(o.prototype, l, {
-      get() {
-        return this.$$c && l in this.$$c ? this.$$c[l] : this.$$d[l];
-      },
-      set(c) {
-        c = g(l, c, e), this.$$d[l] = c, this.$$c?.$set({ [l]: c });
-      }
-    });
-  }), s.forEach((l) => {
-    Object.defineProperty(o.prototype, l, {
-      get() {
-        return this.$$c?.[l];
-      }
-    });
-  }), t.element = /** @type {any} */
-  o, o;
-}
-class st {
-  /**
-   * ### PRIVATE API
-   *
-   * Do not use, may change at any time
-   *
-   * @type {any}
-   */
-  $$ = void 0;
-  /**
-   * ### PRIVATE API
-   *
-   * Do not use, may change at any time
-   *
-   * @type {any}
-   */
-  $$set = void 0;
-  /** @returns {void} */
-  $destroy() {
-    tt(this, 1), this.$destroy = a;
-  }
-  /**
-   * @template {Extract<keyof Events, string>} K
-   * @param {K} type
-   * @param {((e: Events[K]) => void) | null | undefined} callback
-   * @returns {() => void}
-   */
-  $on(e, n) {
-    if (!N(n))
-      return a;
-    const s = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
-    return s.push(n), () => {
-      const i = s.indexOf(n);
-      i !== -1 && s.splice(i, 1);
-    };
-  }
-  /**
-   * @param {Partial<Props>} props
-   * @returns {void}
-   */
-  $set(e) {
-    this.$$set && !T(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
-  }
-}
-const rt = "4";
-typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(rt);
-function ct(t, e) {
-  if (t) {
-    const n = document.createElement("style");
-    n.innerHTML = e, t.appendChild(n);
-  }
-}
-function ot(t, e) {
-  const n = new URL(e);
-  fetch(n.href).then((s) => s.text()).then((s) => {
-    const i = document.createElement("style");
-    i.innerHTML = s, t && t.appendChild(i);
-  }).catch((s) => {
-    console.error("There was an error while trying to load client styling from URL", s);
-  });
-}
-function lt(t, e, n) {
-  if (window.emMessageBus) {
-    const s = document.createElement("style");
-    window.emMessageBus.subscribe(e, (i) => {
-      s.innerHTML = i, t && t.appendChild(s);
-    });
-  }
-}
-function ut(t) {
-  U(t, "svelte-gnt082", ".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");
-}
-function dt(t) {
-  let e;
-  return {
-    c() {
-      e = v("div"), e.innerHTML = '<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
-    },
-    m(n, s) {
-      B(n, e, s), t[4](e);
-    },
-    p: a,
-    i: a,
-    o: a,
-    d(n) {
-      n && E(e), t[4](null);
-    }
-  };
-}
-function ft(t, e, n) {
-  let { clientstyling: s = "" } = e, { clientstylingurl: i = "" } = e, { mbsource: r } = e, o;
-  V(() => () => {
-  });
-  function l(c) {
-    w[c ? "unshift" : "push"](() => {
-      o = c, n(0, o);
-    });
-  }
-  return t.$$set = (c) => {
-    "clientstyling" in c && n(1, s = c.clientstyling), "clientstylingurl" in c && n(2, i = c.clientstylingurl), "mbsource" in c && n(3, r = c.mbsource);
-  }, t.$$.update = () => {
-    t.$$.dirty & /*clientstyling, customStylingContainer*/
-    3 && s && o && ct(o, s), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
-    5 && i && o && ot(o, i), t.$$.dirty & /*mbsource, customStylingContainer*/
-    9 && r && o && lt(o, `${r}.Style`);
-  }, [
-    o,
-    s,
-    i,
-    r,
-    l
-  ];
-}
-class $t extends st {
-  constructor(e) {
-    super(), nt(
-      this,
-      e,
-      ft,
-      dt,
-      R,
-      {
-        clientstyling: 1,
-        clientstylingurl: 2,
-        mbsource: 3
-      },
-      ut
-    );
-  }
-  get clientstyling() {
-    return this.$$.ctx[1];
-  }
-  set clientstyling(e) {
-    this.$$set({ clientstyling: e }), m();
-  }
-  get clientstylingurl() {
-    return this.$$.ctx[2];
-  }
-  set clientstylingurl(e) {
-    this.$$set({ clientstylingurl: e }), m();
-  }
-  get mbsource() {
-    return this.$$.ctx[3];
-  }
-  set mbsource(e) {
-    this.$$set({ mbsource: e }), m();
-  }
-}
-it($t, { clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
-
-function i(n) {
-  return function(...t) {
-    try {
-      return n.apply(this, t);
-    } 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 = i(customElements.define);
-!customElements.get("general-animation-loading") && customElements.define("general-animation-loading", $t.element);
-
 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}";
 const PlayerElevatePointsHistoryStyle0 = playerElevatePointsHistoryCss;
 
@@ -1635,11 +1108,11 @@ const PlayerElevatePointsHistory = class {
     }
     loadWallets(renderer) {
         if (!this.pointsWallets[this.type] || this.pointsWallets[this.type].isLoading) {
-            return h$1("general-animation-loading", null);
+            return h("div", { class: "Loading" }, this.locale.loading);
         }
         else {
             if (this.pointsWallets[this.type].wallets.length === 0) {
-                return (h$1("div", { class: "NoContent" }, this.locale.noContent));
+                return (h("div", { class: "NoContent" }, this.locale.noContent));
             }
             else {
                 return renderer();
@@ -1649,13 +1122,13 @@ const PlayerElevatePointsHistory = class {
     render() {
         var _a, _b;
         const pageSetting = this.getPageSettingByType(this.type);
-        return (h$1("main", { key: 'a92c0b154fec4d3ce8b8e919b9af5ebd80f1d125' }, h$1("general-styling-wrapper", { key: '5095ab265d71f9e74f6f049b7b0b212ae11bc4da', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl,
+        return (h("main", { key: 'd942867ea3a231e2aece64b5254addfcc38f1058' }, h("general-styling-wrapper", { key: '69e69c3116ebc71d610437fcf43fd000fcb663c4', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl,
             // @ts-ignore
-            targetTranslations: translation, translationUrl: this.translationUrl }), h$1("player-elevate-pointcard", { key: 'c471ddeccbe8e18e15935c9d106bf8c52c80a6fb', playerAvatarUrl: this.playerAvatarUrl, endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), h$1("div", { key: '5fa700aaa6e0cffe6d3d9dd8366bf9a95bba3a14', class: "PlayerElevatePointsDetaisContainer" }, [
+            targetTranslations: translation, translationUrl: this.translationUrl }), h("player-elevate-pointcard", { key: 'b68a7a98b33935c2d2a5895de3ee5518ca6fd6a3', playerAvatarUrl: this.playerAvatarUrl, endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), h("div", { key: 'd5ee5c395cfab035f2cbc3ac189029fef3cae50e', class: "PlayerElevatePointsDetaisContainer" }, [
             renderTopBar(this.locale, this.type, pageSetting),
             renderTabs(this.locale, this.type, (type) => this.switchTab(type)),
             ((_a = this.pointsWallets[this.type]) === null || _a === void 0 ? void 0 : _a.isLoadFailed)
-                ? h$1("div", { class: 'ReloadMsg' }, this.locale['reloadMsgWhenError'], h$1("a", { class: 'Reload', onClick: () => { this.updateWallets(); } }, this.locale['reload']))
+                ? h("div", { class: 'ReloadMsg' }, this.locale['reloadMsgWhenError'], h("a", { class: 'Reload', onClick: () => { this.updateWallets(); } }, this.locale['reload']))
                 : this.loadWallets(renderWallets.bind(this, this.locale, ((_b = this.pointsWallets[this.type]) === null || _b === void 0 ? void 0 : _b.wallets) || [], pageSetting))
         ])));
     }