@everymatrix/user-transaction-history 1.75.0 → 1.75.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/cjs/{index-8b5843ec.js → index-bda86a75.js} +19 -3
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/user-transaction-history.cjs.js +2 -2
  4. package/dist/cjs/user-transaction-history_2.cjs.entry.js +5540 -0
  5. package/dist/collection/collection-manifest.json +2 -1
  6. package/dist/collection/components/internal/filters.js +138 -11
  7. package/dist/collection/components/user-transaction-history/user-transaction-history.js +18 -9
  8. package/dist/esm/{index-7c5e707a.js → index-6e523641.js} +19 -4
  9. package/dist/esm/loader.js +3 -3
  10. package/dist/esm/user-transaction-history.js +3 -3
  11. package/dist/esm/user-transaction-history_2.entry.js +5535 -0
  12. package/dist/types/components/internal/filters.d.ts +21 -6
  13. package/dist/types/components/user-transaction-history/user-transaction-history.d.ts +2 -1
  14. package/dist/types/components.d.ts +37 -0
  15. package/dist/user-transaction-history/index-6e523641.js +2 -0
  16. package/dist/user-transaction-history/user-transaction-history.esm.js +1 -1
  17. package/dist/user-transaction-history/user-transaction-history_2.entry.js +1 -0
  18. package/package.json +1 -1
  19. package/dist/cjs/user-transaction-history.cjs.entry.js +0 -2605
  20. package/dist/esm/user-transaction-history.entry.js +0 -2601
  21. package/dist/user-transaction-history/index-7c5e707a.js +0 -2
  22. package/dist/user-transaction-history/user-transaction-history.entry.js +0 -1
  23. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
  24. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/packages/stencil/user-transaction-history/stencil.config.d.ts +0 -0
  25. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/packages/stencil/user-transaction-history/stencil.config.dev.d.ts +0 -0
  26. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/packages/stencil/user-transaction-history/storybook/main.d.ts +0 -0
  27. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/packages/stencil/user-transaction-history/storybook/preview.d.ts +0 -0
  28. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/tools/plugins/index.d.ts +0 -0
  29. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
  30. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
  31. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/user-transaction-history/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "entries": [
3
- "components/user-transaction-history/user-transaction-history.js"
3
+ "components/user-transaction-history/user-transaction-history.js",
4
+ "components/internal/filters.js"
4
5
  ],
5
6
  "compiler": {
6
7
  "name": "@stencil/core",
@@ -1,13 +1,140 @@
1
1
  import { h } from "@stencil/core";
2
2
  import { Localization } from "../../utils/locale.util";
3
- export const Filters = ({ from, to, applyFilters, language }) => {
4
- let fromPicker;
5
- let toPicker;
6
- const fromChange = () => {
7
- from = fromPicker.value;
8
- };
9
- const toChange = () => {
10
- to = toPicker.value;
11
- };
12
- return (h("div", { class: "period" }, h("div", { class: "period-content" }, h("div", { class: "date-input" }, h("vaadin-date-picker", { value: from, ref: el => (fromPicker = el), label: Localization.translate('from', language), onChange: fromChange })), h("span", null, h("svg", { width: "24px", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m21 11.75c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75z", "fill-rule": "nonzero", fill: '#5d687b' }))), h("div", { class: "date-input" }, h("vaadin-date-picker", { value: to, ref: el => (toPicker = el), label: Localization.translate('to', language), onChange: toChange })), h("button", { class: "filter-btn", onClick: () => applyFilters(from, to) }, Localization.translate('filter', language)))));
13
- };
3
+ import dateFnsFormat from "date-fns/format";
4
+ import dateFnsParse from "date-fns/parse";
5
+ export class Filters {
6
+ constructor() {
7
+ this.startDateChange = () => {
8
+ this.startDate = dateFnsFormat(new Date(this.startDatePicker.value), `${this.dateformat || 'yyyy-MM-dd'}`);
9
+ };
10
+ this.endDateChange = () => {
11
+ this.endDate = dateFnsFormat(new Date(this.endDatePicker.value), `${this.dateformat || 'yyyy-MM-dd'}`);
12
+ };
13
+ this.from = undefined;
14
+ this.to = undefined;
15
+ this.language = undefined;
16
+ this.dateformat = undefined;
17
+ this.startDate = undefined;
18
+ this.endDate = undefined;
19
+ }
20
+ componentWillLoad() {
21
+ this.startDate = this.from;
22
+ this.endDate = this.to;
23
+ }
24
+ componentDidLoad() {
25
+ this.startDatePicker.i18n = Object.assign(Object.assign({}, this.startDatePicker.i18n), { formatDate: this.formatVaadinDate.bind(this), parseDate: this.parseDate.bind(this) });
26
+ this.endDatePicker.i18n = Object.assign(Object.assign({}, this.endDatePicker.i18n), { formatDate: this.formatVaadinDate.bind(this), parseDate: this.parseDate.bind(this) });
27
+ }
28
+ formatVaadinDate(dateParts) {
29
+ const { year, month, day } = dateParts;
30
+ const date = new Date(year, month, day);
31
+ return dateFnsFormat(date, this.dateformat || 'yyyy-MM-dd');
32
+ }
33
+ parseDate(inputValue) {
34
+ const date = dateFnsParse(inputValue, this.dateformat || 'yyyy-MM-dd', new Date());
35
+ return { year: date.getFullYear(), month: date.getMonth(), day: date.getDate() };
36
+ }
37
+ handleApplyFilters() {
38
+ this.applyFilters.emit({ from: this.startDate, to: this.endDate });
39
+ }
40
+ render() {
41
+ return (h("div", { key: 'e25ee310b522ecfcc8dda8b6294e30f5e66c4edd', class: "period" }, h("div", { key: 'a6ec37aafe30774077bae55366d6357c1b0a8c60', class: "period-content" }, h("div", { key: 'd9796d6972931e14190fcd8ab558162af64d8d62', class: "date-input" }, h("vaadin-date-picker", { key: '3df25b815c7b2a7f3bf72ece4c430f595446122e', value: this.startDate, placeholder: this.startDate, ref: (el) => (this.startDatePicker = el), label: Localization.translate('from', this.language), onChange: this.startDateChange })), h("span", { key: 'f251410540f18bb86946c2e08915edbf73765fbc' }, h("svg", { key: '7c5d28705c152fbc73c3709b5e3b6bee5b14c0c7', width: "24px", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3ebc124be61de20e9f946ae5f9116a5f9bf043ff', d: "m21 11.75c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75z", "fill-rule": "nonzero", fill: "5d687b" }))), h("div", { key: '84aa35e5d8598c713904bfd4baf109a422b83e2c', class: "date-input" }, h("vaadin-date-picker", { key: '3ef7bd62bc9ed6034fb55fff38013425b627d1c9', value: this.endDate, placeholder: this.endDate, ref: (el) => (this.endDatePicker = el), label: Localization.translate('to', this.language), onChange: this.endDateChange })), h("button", { key: '6f3be9bf3a0c2de87d7661691e3b72b16018e460', class: "filter-btn", onClick: this.handleApplyFilters.bind(this) }, Localization.translate('filter', this.language)))));
42
+ }
43
+ static get is() { return "user-transaction-history-filter"; }
44
+ static get properties() {
45
+ return {
46
+ "from": {
47
+ "type": "string",
48
+ "mutable": false,
49
+ "complexType": {
50
+ "original": "string | null",
51
+ "resolved": "string",
52
+ "references": {}
53
+ },
54
+ "required": false,
55
+ "optional": false,
56
+ "docs": {
57
+ "tags": [],
58
+ "text": ""
59
+ },
60
+ "attribute": "from",
61
+ "reflect": true
62
+ },
63
+ "to": {
64
+ "type": "string",
65
+ "mutable": false,
66
+ "complexType": {
67
+ "original": "string | null",
68
+ "resolved": "string",
69
+ "references": {}
70
+ },
71
+ "required": false,
72
+ "optional": false,
73
+ "docs": {
74
+ "tags": [],
75
+ "text": ""
76
+ },
77
+ "attribute": "to",
78
+ "reflect": true
79
+ },
80
+ "language": {
81
+ "type": "string",
82
+ "mutable": false,
83
+ "complexType": {
84
+ "original": "string",
85
+ "resolved": "string",
86
+ "references": {}
87
+ },
88
+ "required": false,
89
+ "optional": false,
90
+ "docs": {
91
+ "tags": [],
92
+ "text": ""
93
+ },
94
+ "attribute": "language",
95
+ "reflect": true
96
+ },
97
+ "dateformat": {
98
+ "type": "string",
99
+ "mutable": false,
100
+ "complexType": {
101
+ "original": "string",
102
+ "resolved": "string",
103
+ "references": {}
104
+ },
105
+ "required": false,
106
+ "optional": false,
107
+ "docs": {
108
+ "tags": [],
109
+ "text": ""
110
+ },
111
+ "attribute": "dateformat",
112
+ "reflect": true
113
+ }
114
+ };
115
+ }
116
+ static get states() {
117
+ return {
118
+ "startDate": {},
119
+ "endDate": {}
120
+ };
121
+ }
122
+ static get events() {
123
+ return [{
124
+ "method": "applyFilters",
125
+ "name": "applyFilters",
126
+ "bubbles": true,
127
+ "cancelable": true,
128
+ "composed": true,
129
+ "docs": {
130
+ "tags": [],
131
+ "text": ""
132
+ },
133
+ "complexType": {
134
+ "original": "{ from: string; to: string }",
135
+ "resolved": "{ from: string; to: string; }",
136
+ "references": {}
137
+ }
138
+ }];
139
+ }
140
+ }
@@ -3,9 +3,11 @@ import { Host, h, getAssetPath } from "@stencil/core";
3
3
  import { Loader } from "../internal/loader";
4
4
  import { TransactionComponent } from "../internal/transaction";
5
5
  import { PageSize } from "../internal/page-size";
6
- import { Filters } from "../internal/filters";
7
6
  import { TableComponent } from "../internal/table";
8
7
  import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
8
+ import dateFnsFormat from "date-fns/format";
9
+ import dateFnsParse from "date-fns/parse";
10
+ import { subMonths } from "date-fns";
9
11
  export class UserTransactionHistory {
10
12
  constructor() {
11
13
  this.pageSizes = [10, 25, 50];
@@ -50,6 +52,8 @@ export class UserTransactionHistory {
50
52
  if (this.translationUrl) {
51
53
  await Localization.loadCustomTranslations(this.translationUrl);
52
54
  }
55
+ this.to = dateFnsFormat(new Date(), `${this.dateFormat || 'yyyy-MM-dd'}`);
56
+ this.from = dateFnsFormat(subMonths(new Date(), 1), `${this.dateFormat || 'yyyy-MM-dd'}`);
53
57
  this.loadTransactions();
54
58
  }
55
59
  componentDidLoad() {
@@ -100,8 +104,8 @@ export class UserTransactionHistory {
100
104
  this.page++;
101
105
  }
102
106
  applyFilters(from, to) {
103
- this.from = from ? new Date(from).toISOString() : null;
104
- this.to = to ? new Date(to).toISOString() : null;
107
+ this.from = from;
108
+ this.to = to;
105
109
  this.loadTransactions();
106
110
  }
107
111
  showFilter() {
@@ -114,9 +118,11 @@ export class UserTransactionHistory {
114
118
  var _a;
115
119
  const filterSrc = getAssetPath('../assets/filter.svg');
116
120
  const warningSrc = getAssetPath('../assets/warning.svg');
117
- return (h(Host, { key: '2c1d74e9d321eb73796caa26b58faa1b130d1da1' }, this.showLoader ? h(Loader, null) : '', h("div", { key: 'a33973c114c4baa184a3699d46e8eb970f3b9dcc', class: "wrapper", ref: el => (this.stylingContainer = el) }, this.mobile ?
121
+ return (h(Host, { key: '395328866f9fbae0a79d1dcf9dc5e9fd6e321406' }, this.showLoader ? h(Loader, null) : '', h("div", { key: 'fcb0efc2b0c9f2daa3df8c6c1d541dabe76c8126', class: "wrapper", ref: el => (this.stylingContainer = el) }, this.mobile ?
118
122
  h("div", { class: "MenuReturnButton", onClick: this.toggleScreen }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, h("defs", null), h("g", { transform: "translate(-20 -158)" }, h("g", { transform: "translate(20 158)" }, h("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), h("h2", { class: "TransactionTitleMobile" }, Localization.translate('transactionTitle', this.language)))
119
- : h("h2", { class: "TransactionTitle" }, Localization.translate('transactionTitle', this.language)), h("div", { key: '2609cf88acf3364e4b40510d451ed49eface97e6', class: { 'types types-mobile': this.mobile, 'types types-desktop': !this.mobile } }, h("button", { key: '7efdac157edfb5dc08f4219b91cf784ac6961d0c', class: 'transaction-type' + ' ' + (this.type === '0' ? 'clicked' : ''), onClick: () => this.changeTransactionsType('0') }, Localization.translate('deposit', this.language)), h("button", { key: 'eaf33173f0e6d6271724816400f63f571874906a', class: 'transaction-type' + ' ' + (this.type === '1' ? 'clicked' : ''), onClick: () => this.changeTransactionsType('1') }, Localization.translate('withdrawals', this.language))), !this.mobile ? h(PageSize, { language: this.language, pageSizes: this.pageSizes, currentPageSize: this.pageSize, changePageSize: s => this.changePageSize(s) }) : '', this.mobile ? (h("button", { class: "mobile-filter-button", onClick: () => this.showFilter() }, h("img", { src: filterSrc, alt: "Filter" }), Localization.translate('filter', this.language))) : (''), !this.mobile || (this.showMobileFilter && this.mobile) ? h(Filters, { language: this.language, applyFilters: (from, to) => this.applyFilters(from, to) }) : '', ((_a = this.transactions) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (h("div", { class: "table" }, this.mobile ? (h("div", { class: "mobile-table" }, this.transactions.map(transaction => (h(TransactionComponent, Object.assign({}, transaction, { dateformat: this.dateFormat })))))) : (h(TableComponent, { source: this.transactions, language: this.language, dateformat: this.dateFormat })))) : (h("div", { class: "noData" }, h("img", { src: warningSrc, alt: "Warning" }), h("span", null, Localization.translate('noData', this.language)))), h("div", { key: 'c8b5f7a1cac64df3fb7879ad020379b81672b8ae', class: "pagination" }, h("button", { key: 'ac06e5c8c62367626b2c72c8d5ee552cefafd3fa', onClick: () => this.prev() }, '<'), h("button", { key: 'bff70f58f1815d8da93fa8e5b2b541893a4f475c', onClick: () => this.next() }, '>')))));
123
+ : h("h2", { class: "TransactionTitle" }, Localization.translate('transactionTitle', this.language)), h("div", { key: '3fcb0ac0f3bc81ce2c3e298e53649a7050a53cb2', class: { 'types types-mobile': this.mobile, 'types types-desktop': !this.mobile } }, h("button", { key: '1fcfd5dbf9857488bd0594f5b908e845a66f0d05', class: 'transaction-type' + ' ' + (this.type === '0' ? 'clicked' : ''), onClick: () => this.changeTransactionsType('0') }, Localization.translate('deposit', this.language)), h("button", { key: '58c6707975e3854e8a4afcf270a11dacd3c15947', class: 'transaction-type' + ' ' + (this.type === '1' ? 'clicked' : ''), onClick: () => this.changeTransactionsType('1') }, Localization.translate('withdrawals', this.language))), !this.mobile ? h(PageSize, { language: this.language, pageSizes: this.pageSizes, currentPageSize: this.pageSize, changePageSize: s => this.changePageSize(s) }) : '', this.mobile ? (h("button", { class: "mobile-filter-button", onClick: () => this.showFilter() }, h("img", { src: filterSrc, alt: "Filter" }), Localization.translate('filter', this.language))) : (''), !this.mobile || (this.showMobileFilter && this.mobile) ?
124
+ h("user-transaction-history-filter", { language: this.language, onApplyFilters: ({ detail: { from, to } }) => this.applyFilters(from, to), from: this.from, to: this.to, dateformat: this.dateFormat })
125
+ : '', ((_a = this.transactions) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (h("div", { class: "table" }, this.mobile ? (h("div", { class: "mobile-table" }, this.transactions.map(transaction => (h(TransactionComponent, Object.assign({}, transaction, { dateformat: this.dateFormat })))))) : (h(TableComponent, { source: this.transactions, language: this.language, dateformat: this.dateFormat })))) : (h("div", { class: "noData" }, h("img", { src: warningSrc, alt: "Warning" }), h("span", null, Localization.translate('noData', this.language)))), h("div", { key: 'a58ec540ecc0d4162bb32eae5bd453e37cf7fed1', class: "pagination" }, h("button", { key: 'f21b01b72d7a4470e1cbbefdec50169e6e5bc222', onClick: () => this.prev() }, '<'), h("button", { key: 'd14d057b3620a30ae3c11a5f22640913c0a1d32e', onClick: () => this.next() }, '>')))));
120
126
  }
121
127
  async loadTransactions() {
122
128
  this.showLoader = true;
@@ -143,12 +149,15 @@ export class UserTransactionHistory {
143
149
  this.showLoader = false;
144
150
  }
145
151
  }
152
+ formatDateForApi(dateString) {
153
+ const parsed = dateFnsParse(dateString, `${this.dateFormat || 'yyyy-MM-dd'}`, new Date());
154
+ const formatted = dateFnsFormat(parsed, "yyyy-MM-dd");
155
+ return formatted;
156
+ }
146
157
  getParams() {
147
- var _a, _b;
148
- const now = new Date();
149
158
  const offset = (this.page * this.pageSize).toString();
150
- const startDate = (_a = this.from) !== null && _a !== void 0 ? _a : new Date(now.getFullYear(), now.getMonth(), 1).toISOString();
151
- const endDate = (_b = this.to) !== null && _b !== void 0 ? _b : new Date(now.getFullYear(), now.getMonth() + 1, 0).toISOString();
159
+ const startDate = this.formatDateForApi(this.from);
160
+ const endDate = this.formatDateForApi(this.to);
152
161
  return `offset=${offset}&endDate=${endDate}&startDate=${startDate}&type=${this.type}&limit=${this.pageSize}`;
153
162
  }
154
163
  static get is() { return "user-transaction-history"; }
@@ -1,5 +1,5 @@
1
1
  const NAMESPACE = 'user-transaction-history';
2
- const BUILD = /* user-transaction-history */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
2
+ const BUILD = /* user-transaction-history */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
3
3
 
4
4
  /*
5
5
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -49,10 +49,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
49
49
  }
50
50
  switch(bundleId) {
51
51
 
52
- case 'user-transaction-history':
52
+ case 'user-transaction-history_2':
53
53
  return import(
54
54
  /* webpackMode: "lazy" */
55
- './user-transaction-history.entry.js').then(processMod, consoleError);
55
+ './user-transaction-history_2.entry.js').then(processMod, consoleError);
56
56
  }
57
57
  }
58
58
  return import(
@@ -346,6 +346,21 @@ var parsePropertyValue = (propValue, propType) => {
346
346
  return propValue;
347
347
  };
348
348
  var getElement = (ref) => getHostRef(ref).$hostElement$ ;
349
+
350
+ // src/runtime/event-emitter.ts
351
+ var createEvent = (ref, name, flags) => {
352
+ const elm = getElement(ref);
353
+ return {
354
+ emit: (detail) => {
355
+ return emitEvent(elm, name, {
356
+ bubbles: !!(flags & 4 /* Bubbles */),
357
+ composed: !!(flags & 2 /* Composed */),
358
+ cancelable: !!(flags & 1 /* Cancellable */),
359
+ detail
360
+ });
361
+ }
362
+ };
363
+ };
349
364
  var emitEvent = (elm, name, opts) => {
350
365
  const ev = plt.ce(name, opts);
351
366
  elm.dispatchEvent(ev);
@@ -1341,4 +1356,4 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
1341
1356
  // src/runtime/nonce.ts
1342
1357
  var setNonce = (nonce) => plt.$nonce$ = nonce;
1343
1358
 
1344
- export { Host as H, getElement as a, bootstrapLazy as b, getAssetPath as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
1359
+ export { Host as H, getElement as a, bootstrapLazy as b, createEvent as c, getAssetPath as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
@@ -1,11 +1,11 @@
1
- import { b as bootstrapLazy } from './index-7c5e707a.js';
2
- export { s as setNonce } from './index-7c5e707a.js';
1
+ import { b as bootstrapLazy } from './index-6e523641.js';
2
+ export { s as setNonce } from './index-6e523641.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["user-transaction-history",[[1,"user-transaction-history",{"endpoint":[513],"session":[513],"language":[513],"userId":[513,"user-id"],"translationUrl":[513,"translation-url"],"mobile":[516],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"dateFormat":[513,"date-format"],"page":[32],"pageSize":[32],"showMobileFilter":[32],"to":[32],"from":[32],"type":[32],"transactions":[32],"showLoader":[32]},[[9,"resize","getComponentHeight"]],{"page":["watchMultiple"],"type":["watchMultiple"],"session":["watchMultiple"],"userId":["watchMultiple"],"pageSize":["watchMultiple"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"showMobileFilter":["getComponentHeight"]}]]]], options);
8
+ return bootstrapLazy([["user-transaction-history_2",[[1,"user-transaction-history",{"endpoint":[513],"session":[513],"language":[513],"userId":[513,"user-id"],"translationUrl":[513,"translation-url"],"mobile":[516],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"dateFormat":[513,"date-format"],"page":[32],"pageSize":[32],"showMobileFilter":[32],"to":[32],"from":[32],"type":[32],"transactions":[32],"showLoader":[32]},[[9,"resize","getComponentHeight"]],{"page":["watchMultiple"],"type":["watchMultiple"],"session":["watchMultiple"],"userId":["watchMultiple"],"pageSize":["watchMultiple"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"showMobileFilter":["getComponentHeight"]}],[0,"user-transaction-history-filter",{"from":[513],"to":[513],"language":[513],"dateformat":[513],"startDate":[32],"endDate":[32]}]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
@@ -1,5 +1,5 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-7c5e707a.js';
2
- export { s as setNonce } from './index-7c5e707a.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-6e523641.js';
2
+ export { s as setNonce } from './index-6e523641.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["user-transaction-history",[[1,"user-transaction-history",{"endpoint":[513],"session":[513],"language":[513],"userId":[513,"user-id"],"translationUrl":[513,"translation-url"],"mobile":[516],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"dateFormat":[513,"date-format"],"page":[32],"pageSize":[32],"showMobileFilter":[32],"to":[32],"from":[32],"type":[32],"transactions":[32],"showLoader":[32]},[[9,"resize","getComponentHeight"]],{"page":["watchMultiple"],"type":["watchMultiple"],"session":["watchMultiple"],"userId":["watchMultiple"],"pageSize":["watchMultiple"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"showMobileFilter":["getComponentHeight"]}]]]], options);
19
+ return bootstrapLazy([["user-transaction-history_2",[[1,"user-transaction-history",{"endpoint":[513],"session":[513],"language":[513],"userId":[513,"user-id"],"translationUrl":[513,"translation-url"],"mobile":[516],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"dateFormat":[513,"date-format"],"page":[32],"pageSize":[32],"showMobileFilter":[32],"to":[32],"from":[32],"type":[32],"transactions":[32],"showLoader":[32]},[[9,"resize","getComponentHeight"]],{"page":["watchMultiple"],"type":["watchMultiple"],"session":["watchMultiple"],"userId":["watchMultiple"],"pageSize":["watchMultiple"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"showMobileFilter":["getComponentHeight"]}],[0,"user-transaction-history-filter",{"from":[513],"to":[513],"language":[513],"dateformat":[513],"startDate":[32],"endDate":[32]}]]]], options);
20
20
  });