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

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

@@ -1,410 +1,403 @@
-import { Component, h, Listen, Prop, State, Watch, Event } from '@stencil/core';
-import { WalletType } from '../../utils/types';
-import { translation } from '../../utils/translation';
-import { getWallets } from '../../utils/business';
-import { renderWallets } from '../../renders/renderWallets';
-import { renderTopBar } from '../../renders/renderTopBar';
-import { renderTabs } from '../../renders/renderTabs';
-import '@everymatrix/general-styling-wrapper';
-import '@everymatrix/general-animation-loading';
-import '@everymatrix/player-elevate-card';
-import '@everymatrix/bonus-pagination-limits';
-import '@everymatrix/bonus-pagination-nav';
+import { h } from "@stencil/core";
+import { WalletType } from "../../utils/types";
+import { translation } from "../../utils/translation";
+import { getWallets } from "../../utils/business";
+import { renderWallets } from "../../renders/renderWallets";
+import { renderTopBar } from "../../renders/renderTopBar";
+import { renderTabs } from "../../renders/renderTabs";
+import "../../../../../general-styling-wrapper/dist/types/index";
+import "../../../../../../svelte/general-animation-loading/es2015/general-animation-loading";
+import "../../../../../player-elevate-card/dist/types/index";
+import "../../../../../bonus-pagination-limits/dist/types/index";
+import "../../../../../bonus-pagination-nav/dist/types/index";
 export class PlayerElevatePointsHistory {
-  constructor() {
-    /**
-     * 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;
+    constructor() {
+        this.playerAvatarUrl = undefined;
+        this.session = undefined;
+        this.endpoint = undefined;
+        this.limit = undefined;
+        this.secondaryArrowsActive = true;
+        this.displayPageNumbers = false;
+        this.pageLimitOptions = '10,25,50';
+        this.language = 'en';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.locale = translation['en'];
+        this.type = WalletType.spendable;
+        this.pageSetting = undefined;
+        this.pointsWallets = {};
     }
-    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);
+    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 });
     }
-    else {
-      if (this.pointsWallets[this.type].wallets.length === 0) {
-        return (h("div", { class: "NoContent" }, this.locale.noContent));
-      }
-      else {
-        return renderer();
-      }
+    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
+        };
     }
-  }
-  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;
+    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();
+            }
+        }
     }
-    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;
-      }
+    render() {
+        var _a, _b;
+        const pageSetting = this.getPageSettingByType(this.type);
+        return (h("main", { key: 'a92c0b154fec4d3ce8b8e919b9af5ebd80f1d125' }, h("general-styling-wrapper", { key: '5095ab265d71f9e74f6f049b7b0b212ae11bc4da', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl,
+            // @ts-ignore
+            targetTranslations: translation, translationUrl: this.translationUrl }), h("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("div", { key: '5fa700aaa6e0cffe6d3d9dd8366bf9a95bba3a14', 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))
+        ])));
     }
-    catch (e) {
-      console.error(e);
-      this.pointsWallets[this.type].isLoadFailed = true;
+    walletTypeChangedHandler() {
+        //do not reload when loaded tab switched back
+        if (this.pointsWallets[this.type]) {
+            return;
+        }
+        this.updateWallets();
     }
-  }
-  reloadPageByTypeHandler(event) {
-    if (event.detail.tableId != this.type) {
-      return;
+    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;
+        }
     }
-    //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;
+    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();
     }
-    else {
-      let pageSetting = this.pointsWallets[this.type].pageSetting || this.getPageSettingByType(this.type);
-      pageSetting.offset = event.detail.offset;
-      this.pointsWallets[this.type].pageSetting = pageSetting;
+    setLimit() {
+        try {
+            const pageLimits = this.pageLimitOptions.split(',').map((item) => {
+                return parseInt(item);
+            });
+            if (pageLimits.includes(this.limit)) {
+                //do nothing
+            }
+            else {
+                this.limit = pageLimits[0];
+            }
+        }
+        catch (e) {
+            console.error('Error when parse PageLimitOptions', e);
+            this.limit = 10;
+        }
     }
-    this.updateWallets();
-  }
-  setLimit() {
-    try {
-      const pageLimits = this.pageLimitOptions.split(',').map((item) => {
-        return parseInt(item);
-      });
-      if (pageLimits.includes(this.limit)) {
-        //do nothing
-      }
-      else {
-        this.limit = pageLimits[0];
-      }
+    async componentWillLoad() {
+        this.setLimit();
+        this.updateWallets();
     }
-    catch (e) {
-      console.error('Error when parse PageLimitOptions', e);
-      this.limit = 10;
+    static get is() { return "player-elevate-points-history"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["player-elevate-points-history.scss"]
+        };
     }
-  }
-  async componentWillLoad() {
-    this.setLimit();
-    this.updateWallets();
-  }
-  static get is() { return "player-elevate-points-history"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["player-elevate-points-history.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["player-elevate-points-history.css"]
-  }; }
-  static get assetsDirs() { return ["static"]; }
-  static get properties() { return {
-    "playerAvatarUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "player avatar url"
-      },
-      "attribute": "player-avatar-url",
-      "reflect": true
-    },
-    "session": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "User Session"
-      },
-      "attribute": "session",
-      "reflect": true
-    },
-    "endpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Endpoint URL for the source of data"
-      },
-      "attribute": "endpoint",
-      "reflect": true
-    },
-    "limit": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "User Session"
-      },
-      "attribute": "limit",
-      "reflect": true
-    },
-    "secondaryArrowsActive": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Customize pagination: Activate pagination secondary arrows"
-      },
-      "attribute": "secondary-arrows-active",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "displayPageNumbers": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Customize pagination: Activate pagination numbered navigation"
-      },
-      "attribute": "display-page-numbers",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "pageLimitOptions": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Customize page list options, default: 10,25,50"
-      },
-      "attribute": "page-limit-options",
-      "reflect": true,
-      "defaultValue": "'10,25,50'"
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Language of the widget"
-      },
-      "attribute": "language",
-      "reflect": true,
-      "defaultValue": "'en'"
-    },
-    "clientStyling": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via string"
-      },
-      "attribute": "client-styling",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "clientStylingUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via url"
-      },
-      "attribute": "client-styling-url",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "translationUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "translation via url"
-      },
-      "attribute": "translation-url",
-      "reflect": true,
-      "defaultValue": "''"
+    static get styleUrls() {
+        return {
+            "$": ["player-elevate-points-history.css"]
+        };
+    }
+    static get assetsDirs() { return ["static"]; }
+    static get properties() {
+        return {
+            "playerAvatarUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "player avatar url"
+                },
+                "attribute": "player-avatar-url",
+                "reflect": true
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "User Session"
+                },
+                "attribute": "session",
+                "reflect": true
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Endpoint URL for the source of data"
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "limit": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "User Session"
+                },
+                "attribute": "limit",
+                "reflect": true
+            },
+            "secondaryArrowsActive": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Customize pagination: Activate pagination secondary arrows"
+                },
+                "attribute": "secondary-arrows-active",
+                "reflect": true,
+                "defaultValue": "true"
+            },
+            "displayPageNumbers": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Customize pagination: Activate pagination numbered navigation"
+                },
+                "attribute": "display-page-numbers",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "pageLimitOptions": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Customize page list options, default: 10,25,50"
+                },
+                "attribute": "page-limit-options",
+                "reflect": true,
+                "defaultValue": "'10,25,50'"
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language of the widget"
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via string"
+                },
+                "attribute": "client-styling",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "translation via url"
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "locale": {},
+            "type": {},
+            "pageSetting": {},
+            "pointsWallets": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "paginationReset",
+                "name": "paginationReset",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "type",
+                "methodName": "walletTypeChangedHandler"
+            }, {
+                "propName": "endpoint",
+                "methodName": "updateWallets"
+            }, {
+                "propName": "language",
+                "methodName": "updateWallets"
+            }, {
+                "propName": "session",
+                "methodName": "updateWallets"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "reloadPageByType",
+                "method": "reloadPageByTypeHandler",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
     }
-  }; }
-  static get states() { return {
-    "locale": {},
-    "type": {},
-    "pageSetting": {},
-    "pointsWallets": {}
-  }; }
-  static get events() { return [{
-      "method": "paginationReset",
-      "name": "paginationReset",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get watchers() { return [{
-      "propName": "type",
-      "methodName": "walletTypeChangedHandler"
-    }, {
-      "propName": "endpoint",
-      "methodName": "updateWallets"
-    }, {
-      "propName": "language",
-      "methodName": "updateWallets"
-    }, {
-      "propName": "session",
-      "methodName": "updateWallets"
-    }]; }
-  static get listeners() { return [{
-      "name": "reloadPageByType",
-      "method": "reloadPageByTypeHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
 }