@everymatrix/user-transaction-history 1.44.0 → 1.45.0

package/dist/cjs/user-transaction-history.cjs.js

@@ -1,19 +1,25 @@
 'use strict';
 
-const index = require('./index-206e75cb.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4699d9a2.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('user-transaction-history.cjs.js', document.baseURI).href));
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return index.promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('user-transaction-history.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
-  return index.bootstrapLazy([["user-transaction-history.cjs",[[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"],"page":[32],"pageSize":[32],"showMobileFilter":[32],"to":[32],"from":[32],"type":[32],"transactions":[32],"showLoader":[32]},[[9,"resize","getComponentHeight"]]]]]], options);
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["user-transaction-history.cjs",[[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"],"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"],"showMobileFilter":["getComponentHeight"]}]]]], options);
 });
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,11 +1,11 @@
 {
   "entries": [
-    "./components/user-transaction-history/user-transaction-history.js"
+    "components/user-transaction-history/user-transaction-history.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/internal/filters.js

@@ -1,22 +1,13 @@
-import { h } from '@stencil/core';
-import { Localization } from '../../utils/locale.util';
+import { h } from "@stencil/core";
+import { Localization } from "../../utils/locale.util";
 export const Filters = ({ from, to, applyFilters, language }) => {
-  let fromPicker;
-  let toPicker;
-  const fromChange = () => {
-    from = fromPicker.value;
-  };
-  const toChange = () => {
-    to = toPicker.value;
-  };
-  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)))));
+    let fromPicker;
+    let toPicker;
+    const fromChange = () => {
+        from = fromPicker.value;
+    };
+    const toChange = () => {
+        to = toPicker.value;
+    };
+    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)))));
 };

package/dist/collection/components/internal/loader.js

@@ -1,14 +1,2 @@
-import { h } from '@stencil/core';
-export const Loader = () => (h("div", { class: "loader" },
-  h("div", null),
-  h("div", null),
-  h("div", null),
-  h("div", null),
-  h("div", null),
-  h("div", null),
-  h("div", null),
-  h("div", null),
-  h("div", null),
-  h("div", null),
-  h("div", null),
-  h("div", null)));
+import { h } from "@stencil/core";
+export const Loader = () => (h("div", { class: "loader" }, h("div", null), h("div", null), h("div", null), h("div", null), h("div", null), h("div", null), h("div", null), h("div", null), h("div", null), h("div", null), h("div", null), h("div", null)));

package/dist/collection/components/internal/page-size.js

@@ -1,7 +1,5 @@
-import { h } from '@stencil/core';
-import { Localization } from '../../utils/locale.util';
+import { h } from "@stencil/core";
+import { Localization } from "../../utils/locale.util";
 export const PageSize = (props) => {
-  return (h("div", { class: "page-size" },
-    h("span", null, Localization.translate('show', props.language)),
-    props.pageSizes.map(pageSize => (h("button", { class: props.currentPageSize === pageSize ? 'active' : '', onClick: () => props.changePageSize(pageSize) }, pageSize)))));
+    return (h("div", { class: "page-size" }, h("span", null, Localization.translate('show', props.language)), props.pageSizes.map(pageSize => (h("button", { class: props.currentPageSize === pageSize ? 'active' : '', onClick: () => props.changePageSize(pageSize) }, pageSize)))));
 };

package/dist/collection/components/internal/table.js

@@ -1,31 +1,20 @@
-import { h } from '@stencil/core';
-import { CurrencyFormatter } from '../../utils/currency.utils';
-import { DateTransformer } from '../../utils/date.util';
-import { Localization } from '../../utils/locale.util';
+import { h } from "@stencil/core";
+import { CurrencyFormatter } from "../../utils/currency.utils";
+import { DateTransformer } from "../../utils/date.util";
+import { Localization } from "../../utils/locale.util";
 export const TableComponent = ({ source, language }) => {
-  const columns = [
-    { name: Localization.translate('transactionId', language) },
-    {
-      name: Localization.translate('date', language),
-    },
-    {
-      name: Localization.translate('amount', language),
-    },
-    { name: Localization.translate('productType', language) },
-    {
-      name: Localization.translate('status', language),
-    },
-  ];
-  return (h("table", null,
-    h("thead", null,
-      h("tr", null, columns.map(column => h("th", null, column.name)))),
-    h("tbody", null, source.map(transaction => h("tr", null,
-      h("td", null, transaction.transId),
-      h("td", null, DateTransformer.dateToFormatedString(new Date(transaction.created))),
-      h("td", null,
-        CurrencyFormatter.format(transaction.currency, transaction.realAmount),
-        " "),
-      h("td", null, transaction.productType),
-      h("td", null,
-        h("span", { class: transaction.status.toLowerCase() }, transaction.status)))))));
+    const columns = [
+        { name: Localization.translate('transactionId', language) },
+        {
+            name: Localization.translate('date', language),
+        },
+        {
+            name: Localization.translate('amount', language),
+        },
+        { name: Localization.translate('productType', language) },
+        {
+            name: Localization.translate('status', language),
+        },
+    ];
+    return (h("table", null, h("thead", null, h("tr", null, columns.map(column => h("th", null, column.name)))), h("tbody", null, source.map(transaction => h("tr", null, h("td", null, transaction.transId), h("td", null, DateTransformer.dateToFormatedString(new Date(transaction.created))), h("td", null, CurrencyFormatter.format(transaction.currency, transaction.realAmount), " "), h("td", null, transaction.productType), h("td", null, h("span", { class: transaction.status.toLowerCase() }, transaction.status)))))));
 };

package/dist/collection/components/internal/transaction.js

@@ -1,14 +1,4 @@
-import { h } from '@stencil/core';
-import { DateTransformer } from '../../utils/date.util';
-import { CurrencyFormatter } from '../../utils/currency.utils';
-export const TransactionComponent = (transaction) => (h("div", { class: "data-transaction" },
-  h("p", null, transaction.productType),
-  h("p", { class: "text-style text-style-status" },
-    h("span", { class: transaction.status.toLowerCase() }, transaction.status)),
-  h("p", { class: "date" },
-    transaction.transId,
-    " | ",
-    DateTransformer.dateToFormatedString(new Date(transaction.created))),
-  h("p", { class: "text-style" },
-    CurrencyFormatter.format(transaction.currency, transaction.realAmount),
-    " ")));
+import { h } from "@stencil/core";
+import { DateTransformer } from "../../utils/date.util";
+import { CurrencyFormatter } from "../../utils/currency.utils";
+export const TransactionComponent = (transaction) => (h("div", { class: "data-transaction" }, h("p", null, transaction.productType), h("p", { class: "text-style text-style-status" }, h("span", { class: transaction.status.toLowerCase() }, transaction.status)), h("p", { class: "date" }, transaction.transId, " | ", DateTransformer.dateToFormatedString(new Date(transaction.created))), h("p", { class: "text-style" }, CurrencyFormatter.format(transaction.currency, transaction.realAmount), " ")));

package/dist/collection/components/user-transaction-history/index.js

@@ -0,0 +1 @@
+export { UserTransactionHistory } from './user-transaction-history';