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

package/dist/components/player-elevate-points-history.js

@@ -1,471 +0,0 @@
-import { h, Fragment, proxyCustomElement, HTMLElement as HTMLElement$1, createEvent } from '@stencil/core/internal/client';
-import { d as defineCustomElement$6 } from './bonus-pagination-limits2.js';
-import { d as defineCustomElement$5 } from './bonus-pagination-nav2.js';
-import { d as defineCustomElement$4 } from './general-styling-wrapper2.js';
-import { d as defineCustomElement$3 } from './player-elevate-card-data2.js';
-import { d as defineCustomElement$2 } from './player-elevate-pointcard2.js';
-
-var WalletType;
-(function (WalletType) {
-  WalletType["spendable"] = "spendable";
-  WalletType["loyalty"] = "loyalty";
-  WalletType["history"] = "history";
-})(WalletType || (WalletType = {}));
-
-const translation = {
-  en: {
-    tabTitle: {
-      [WalletType.spendable]: 'Coins',
-      [WalletType.loyalty]: 'XP',
-      [WalletType.history]: 'Conversion History'
-    },
-    barTitle: {
-      [WalletType.spendable]: 'Coins History',
-      [WalletType.loyalty]: 'Experience Points History',
-      [WalletType.history]: 'Conversion History'
-    },
-    bonus: 'Bonus',
-    noContent: 'No Content',
-    redeem: 'Redeem',
-    reload: 'Reload',
-    reloadMsgWhenError: 'Network Problem, please ',
-    pointType: {
-      registration: 'Registration',
-      cancelledRegistration: 'Cancelled Registration',
-      expiredRegistration: 'Expired Registration',
-      manual: 'Manual',
-      cancelledManual: 'Cancelled Manual',
-      expiredManual: 'Expired Manual',
-      wageringByRealMoney: 'Real Money Wager',
-      wageringByBonusMoney: 'Bonus Money Wager',
-      cancelledWageringByRealMoney: 'Cancelled Real Money Wager',
-      cancelledWageringByBonusMoney: 'Cancelled Bonus Money Wager',
-      expiredWageringByRealMoney: 'Expired Real Money Wager',
-      expiredWageringByBonusMoney: 'Expired Bonus Money Wager',
-      levelExpired: 'Level Expiration',
-      bonus: 'Bonus Redeem',
-    }
-  }
-};
-
-const getUrl = (path, params = {}) => {
-  return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
-};
-const fetcher = async (input, init = {}) => {
-  let res;
-  // @ts-ignore
-  res = await fetch(input, init);
-  res = await res.text();
-  try {
-    res = JSON.parse(res);
-  }
-  catch (e) {
-    console.error(e);
-    throw e;
-  }
-  return res;
-};
-
-const getWallets = async (endpoint, language, type, session, pageSetting) => {
-  const params = {
-    type,
-    language,
-    pagination: `offset=${pageSetting.offset},limit=${pageSetting.limit}`
-  };
-  const url = getUrl(endpoint + getUriByWalletType(params.type), params);
-  const res = await fetcher(url, {
-    headers: {
-      'x-SessionId': session
-    }
-  });
-  return res;
-};
-const getUriByWalletType = (type) => `/v1/elevate/${type == WalletType.history ? 'redeemHistory' : 'pointsHistory'}`;
-
-const renderWallets = (locale, wallets, pageSetting) => wallets && (h(Fragment, null,
-  h("div", { class: "Records" }, wallets.map(wallet => (h("div", { class: "RecordContainer" },
-    h("div", { class: "Row" },
-      h("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType),
-      h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
-        getAmountConfig(wallet.points).symbol,
-        wallet.points)),
-    wallet.payload && wallet.payload.displayName &&
-      h("div", { class: "Row Desc", innerHTML: wallet.payload.displayName['*'] }),
-    h("div", { class: "Row" },
-      h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))))))),
-  h("div", { class: "PaginationContainer" },
-    h("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, displayPageNumbers: pageSetting.displayPageNumbers, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
-const getAmountConfig = (amount) => {
-  if (amount > 0) {
-    return {
-      class: 'Positive',
-      symbol: '+'
-    };
-  }
-  else {
-    return {
-      class: 'Negative',
-      symbol: ''
-    };
-  }
-};
-const padTo2Digits = (num) => {
-  return num.toString().padStart(2, '0');
-};
-const formatDate = (date) => {
-  return ([
-    date.getFullYear(),
-    padTo2Digits(date.getMonth() + 1),
-    padTo2Digits(date.getDate()),
-  ].join('-') +
-    ' ' +
-    [
-      padTo2Digits(date.getHours()),
-      padTo2Digits(date.getMinutes()),
-      padTo2Digits(date.getSeconds()),
-    ].join(':'));
-};
-
-const backSvg = `<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.75 1L1.25 7.5L7.75 14" stroke="#242424" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-`;
-
-const menuSvg = `<svg width="30" height="8" viewBox="0 0 30 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="4" cy="4" r="4" fill="black"/>
-<circle cx="15" cy="4" r="4" fill="black"/>
-<circle cx="26" cy="4" r="4" fill="black"/>
-</svg>
-`;
-
-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("div", { class: "Tabs Row" }, Object.keys(WalletType).map(key => {
-  const isActive = key === type;
-  const cssActive = isActive ? 'active' : '';
-  return (h("div", null,
-    h("div", { class: `TabText ${cssActive}`, onClick: () => {
-        onChangeTab(key);
-      } }, locale.tabTitle[key]),
-    h("div", { class: `TabBorderBottom ${cssActive}` })));
-}));
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-createCommonjsModule(function (module, exports) {
-!function(t,e){module.exports=e();}(commonjsGlobal,(function(){function t(){}function e(t){return t()}function n(){return Object.create(null)}function i(t){t.forEach(e);}function s(t){return "function"==typeof t}function o(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}function l(t,e,n){t.insertBefore(e,n||null);}function r(t){t.parentNode&&t.parentNode.removeChild(t);}function c(t){const e={};for(const n of t)e[n.name]=n.value;return e}let a;function d(t){a=t;}const u=[],f=[];let p=[];const h=[],$=Promise.resolve();let m=!1;function g(t){p.push(t);}
-// flush() calls callbacks in this order:
-// 1. All beforeUpdate callbacks, in order: parents before children
-// 2. All bind:this callbacks, in reverse order: children before parents.
-// 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
-//    for afterUpdates called during the initial onMount, which are called in
-//    reverse order: children before parents.
-// Since callbacks might update component values, which could trigger another
-// call to flush(), the following steps guard against this:
-// 1. During beforeUpdate, any updated components will be added to the
-//    dirty_components array and will cause a reentrant call to flush(). Because
-//    the flush index is kept outside the function, the reentrant call will pick
-//    up where the earlier call left off and go through all dirty components. The
-//    current_component value is saved and restored so that the reentrant call will
-//    not interfere with the "parent" flush() call.
-// 2. bind:this callbacks cannot trigger new flush() calls.
-// 3. During afterUpdate, any updated components will NOT have their afterUpdate
-//    callback called a second time; the seen_callbacks set, outside the flush()
-//    function, guarantees this behavior.
-const y=new Set;let b=0;// Do *not* move this inside the flush() function
-function x(){
-// Do not reenter flush while dirty components are updated, as this can
-// result in an infinite loop. Instead, let the inner flush handle it.
-// Reentrancy is ok afterwards for bindings etc.
-if(0!==b)return;const t=a;do{
-// first, call beforeUpdate functions
-// and update components
-try{for(;b<u.length;){const t=u[b];b++,d(t),v(t.$$);}}catch(t){
-// reset dirty state to not end up in a deadlocked state and then rethrow
-throw u.length=0,b=0,t}for(d(null),u.length=0,b=0;f.length;)f.pop()();
-// then, once components are updated, call
-// afterUpdate functions. This may cause
-// subsequent updates...
-for(let t=0;t<p.length;t+=1){const e=p[t];y.has(e)||(
-// ...so guard against infinite loops
-y.add(e),e());}p.length=0;}while(u.length);for(;h.length;)h.pop()();m=!1,y.clear(),d(t);}function v(t){if(null!==t.fragment){t.update(),i(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(g);}}
-/**
-     * Useful for example to execute remaining `afterUpdate` callbacks before executing `destroy`.
-     */const _=new Set;function k(t,e){const n=t.$$;null!==n.fragment&&(!function(t){const e=[],n=[];p.forEach((i=>-1===t.indexOf(i)?e.push(i):n.push(i))),n.forEach((t=>t())),p=e;}(n.after_update),i(n.on_destroy),n.fragment&&n.fragment.d(e),
-// TODO null out other refs, including component.$$ (but need to
-// preserve final state?)
-n.on_destroy=n.fragment=null,n.ctx=[]);}function E(t,e){-1===t.$$.dirty[0]&&(u.push(t),m||(m=!0,$.then(x)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31;}function C(o,l,c,u,f,p,h,$=[-1]){const m=a;d(o);const y=o.$$={fragment:null,ctx:[],
-// state
-props:p,update:t,not_equal:f,bound:n(),
-// lifecycle
-on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(l.context||(m?m.$$.context:[])),
-// everything else
-callbacks:n(),dirty:$,skip_bound:!1,root:l.target||m.$$.root};h&&h(y.root);let b=!1;if(y.ctx=c?c(o,l.props||{},((t,e,...n)=>{const i=n.length?n[0]:e;return y.ctx&&f(y.ctx[t],y.ctx[t]=i)&&(!y.skip_bound&&y.bound[t]&&y.bound[t](i),b&&E(o,t)),e})):[],y.update(),b=!0,i(y.before_update),
-// `false` as a special case of no DOM component
-y.fragment=!!u&&u(y.ctx),l.target){if(l.hydrate){const t=function(t){return Array.from(t.childNodes)}(l.target);
-// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-y.fragment&&y.fragment.l(t),t.forEach(r);}else
-// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-y.fragment&&y.fragment.c();l.intro&&((v=o.$$.fragment)&&v.i&&(_.delete(v),v.i(k))),function(t,n,o,l){const{fragment:r,after_update:c}=t.$$;r&&r.m(n,o),l||
-// onMount happens before the initial afterUpdate
-g((()=>{const n=t.$$.on_mount.map(e).filter(s);
-// if the component was destroyed immediately
-// it will update the `$$.on_destroy` reference to `null`.
-// the destructured on_destroy may still reference to the old array
-t.$$.on_destroy?t.$$.on_destroy.push(...n):
-// Edge case - component was destroyed immediately,
-// most likely as a result of a binding initialising
-i(n),t.$$.on_mount=[];})),c.forEach(g);}(o,l.target,l.anchor,l.customElement),x();}var v,k;d(m);}let w;
-/* src/GeneralAnimationLoading.svelte generated by Svelte v3.59.2 */
-function L(e){let n;return {c(){var e;e="div",n=document.createElement(e),n.innerHTML='<section class="LoaderContainer" part="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>',this.c=t;},m(t,i){l(t,n,i),
-/*div5_binding*/e[3](n);},p:t,i:t,o:t,d(t){t&&r(n)
-/*div5_binding*/,e[3](null);}}}function T(t,e,n){let i,{clientstyling:s=""}=e,{clientstylingurl:o=""}=e;return t.$$set=t=>{"clientstyling"in t&&n(1,s=t.clientstyling),"clientstylingurl"in t&&n(2,o=t.clientstylingurl);},t.$$.update=()=>{/*clientstyling, customStylingContainer*/3&t.$$.dirty&&s&&i&&(()=>{let t=document.createElement("style");t.innerHTML=s,i.appendChild(t);})(),/*clientstylingurl, customStylingContainer*/5&t.$$.dirty&&o&&i&&(()=>{let t=new URL(o),e=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{e.innerHTML=t,setTimeout((()=>{i.appendChild(e);}),1),setTimeout((()=>{}),500);}));})();},[i,s,o,function(t){f[t?"unshift":"push"]((()=>{i=t,n(0,i);}));}]}"function"==typeof HTMLElement&&(w=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});}connectedCallback(){const{on_mount:t}=this.$$;this.$$.on_disconnect=t.map(e).filter(s);
-// @ts-ignore todo: improve typings
-for(const t in this.$$.slotted)
-// @ts-ignore todo: improve typings
-this.appendChild(this.$$.slotted[t]);}attributeChangedCallback(t,e,n){this[t]=n;}disconnectedCallback(){i(this.$$.on_disconnect);}$destroy(){k(this,1),this.$destroy=t;}$on(e,n){
-// TODO should this delegate to addEventListener?
-if(!s(n))return t;const i=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return i.push(n),()=>{const t=i.indexOf(n);-1!==t&&i.splice(t,1);}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1);}});class M extends w{constructor(t){super();const e=document.createElement("style");e.textContent=".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)}}",this.shadowRoot.appendChild(e),C(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},T,L,o,{clientstyling:1,clientstylingurl:2},null),t&&(t.target&&l(t.target,this,t.anchor),t.props&&(this.$set(t.props),x()));}static get observedAttributes(){return ["clientstyling","clientstylingurl"]}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),x();}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),x();}}return !customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",M),M}));
-//# sourceMappingURL=general-animation-loading.js.map
-});
-
-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 #00000040;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 #8A959E33;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 #0000001A;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 #00000040}.NoContent{font-size:16px;color:var(--emfe-w-color-black-100, #afafaf);text-align:center;height:120px;line-height:120px}";
-
-const PlayerElevatePointsHistory$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.paginationReset = createEvent(this, "paginationReset", 7);
-    /**
-     * Customize pagination: Activate pagination secondary arrows
-     */
-    this.secondaryArrowsActive = true;
-    /**
-     * Customize pagination: Activate pagination numbered navigation
-     */
-    this.displayPageNumbers = false;
-    /**
-     * Customize page list options, default: 10,25,50
-     */
-    this.pageLimitOptions = '10,25,50';
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * translation via url
-     */
-    this.translationUrl = '';
-    this.locale = translation['en'];
-    this.type = WalletType.spendable;
-    this.pointsWallets = {};
-  }
-  switchTab(type) {
-    var _a, _b;
-    this.type = type;
-    if (this.pointsWallets[type] || !((_a = this.pointsWallets[type]) === null || _a === void 0 ? void 0 : _a.isLoadFailed)) {
-      return;
-    }
-    this.paginationReset.emit({ limit: ((_b = this.pointsWallets[type]) === null || _b === void 0 ? void 0 : _b.pageSetting.limit) || this.limit, tableId: this.type });
-  }
-  getPageSettingByType(type) {
-    return this.pointsWallets[type] ? this.pointsWallets[type].pageSetting : {
-      limit: this.limit, total: 0, offset: 0, tableId: type,
-      secondaryArrowsActive: this.secondaryArrowsActive,
-      displayPageNumbers: this.displayPageNumbers,
-      pageLimitOptions: this.pageLimitOptions || undefined
-    };
-  }
-  loadWallets(renderer) {
-    if (!this.pointsWallets[this.type] || this.pointsWallets[this.type].isLoading) {
-      return h("general-animation-loading", null);
-    }
-    else {
-      if (this.pointsWallets[this.type].wallets.length === 0) {
-        return (h("div", { class: "NoContent" }, this.locale.noContent));
-      }
-      else {
-        return renderer();
-      }
-    }
-  }
-  render() {
-    var _a, _b;
-    const pageSetting = this.getPageSettingByType(this.type);
-    return (h("main", null, h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl,
-      // @ts-ignore
-      targetTranslations: translation, translationUrl: this.translationUrl }), h("player-elevate-pointcard", { playerAvatarUrl: this.playerAvatarUrl, endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), h("div", { 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("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))
-    ])));
-  }
-  walletTypeChangedHandler() {
-    //do not reload when loaded tab switched back
-    if (this.pointsWallets[this.type]) {
-      return;
-    }
-    this.updateWallets();
-  }
-  async updateWallets() {
-    let pageSetting = this.pointsWallets[this.type]
-      ? this.pointsWallets[this.type].pageSetting
-      : this.getPageSettingByType(this.type);
-    try {
-      const walletsDetail = await getWallets(this.endpoint, this.language, this.type, this.session, pageSetting);
-      const wallets = walletsDetail.data || [];
-      if (walletsDetail.success) {
-        pageSetting.total = walletsDetail.total;
-        this.pointsWallets[this.type] = Object.assign(Object.assign({}, this.pointsWallets[this.type]), { wallets,
-          pageSetting });
-        this.pointsWallets = Object.assign({}, this.pointsWallets);
-      }
-      else {
-        console.error(walletsDetail);
-        this.pointsWallets[this.type].isLoadFailed = true;
-        //pageSetting.total = 0;
-      }
-    }
-    catch (e) {
-      console.error(e);
-      this.pointsWallets[this.type].isLoadFailed = true;
-    }
-  }
-  reloadPageByTypeHandler(event) {
-    if (event.detail.tableId != this.type) {
-      return;
-    }
-    //reset all wallets when limit changed
-    //otherwise fetch new data with new offset when offset changed
-    if (this.limit != event.detail.limit) {
-      this.pointsWallets = {};
-      this.limit = event.detail.limit;
-    }
-    else {
-      let pageSetting = this.pointsWallets[this.type].pageSetting || this.getPageSettingByType(this.type);
-      pageSetting.offset = event.detail.offset;
-      this.pointsWallets[this.type].pageSetting = pageSetting;
-    }
-    this.updateWallets();
-  }
-  setLimit() {
-    try {
-      const pageLimits = this.pageLimitOptions.split(',').map((item) => {
-        return parseInt(item);
-      });
-      if (pageLimits.includes(this.limit)) ;
-      else {
-        this.limit = pageLimits[0];
-      }
-    }
-    catch (e) {
-      console.error('Error when parse PageLimitOptions', e);
-      this.limit = 10;
-    }
-  }
-  async componentWillLoad() {
-    this.setLimit();
-    this.updateWallets();
-  }
-  static get assetsDirs() { return ["static"]; }
-  static get watchers() { return {
-    "type": ["walletTypeChangedHandler"],
-    "endpoint": ["updateWallets"],
-    "language": ["updateWallets"],
-    "session": ["updateWallets"]
-  }; }
-  static get style() { return playerElevatePointsHistoryCss; }
-}, [1, "player-elevate-points-history", {
-    "playerAvatarUrl": [513, "player-avatar-url"],
-    "session": [513],
-    "endpoint": [513],
-    "limit": [1538],
-    "secondaryArrowsActive": [1540, "secondary-arrows-active"],
-    "displayPageNumbers": [1540, "display-page-numbers"],
-    "pageLimitOptions": [1537, "page-limit-options"],
-    "language": [513],
-    "clientStyling": [513, "client-styling"],
-    "clientStylingUrl": [513, "client-styling-url"],
-    "translationUrl": [513, "translation-url"],
-    "locale": [32],
-    "type": [32],
-    "pageSetting": [32],
-    "pointsWallets": [32]
-  }, [[0, "reloadPageByType", "reloadPageByTypeHandler"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["player-elevate-points-history", "bonus-pagination-limits", "bonus-pagination-nav", "general-styling-wrapper", "player-elevate-card-data", "player-elevate-pointcard"];
-  components.forEach(tagName => { switch (tagName) {
-    case "player-elevate-points-history":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PlayerElevatePointsHistory$1);
-      }
-      break;
-    case "bonus-pagination-limits":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "bonus-pagination-nav":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "general-styling-wrapper":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "player-elevate-card-data":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "player-elevate-pointcard":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PlayerElevatePointsHistory = PlayerElevatePointsHistory$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PlayerElevatePointsHistory, defineCustomElement };