@everymatrix/player-account-controller-nd 1.67.3 → 1.69.0

package/stencil/user-transaction-history-Dpd_aKdj.js

@@ -0,0 +1,1621 @@
+import { b as rt, p as it, r as ot, g as q, h as s, H as st, a as lt } from "./index-7c5e707a-2AC9SnQ7.js";
+import { d as dt } from "./app-globals-0f993ce5-DzSE6TtH.js";
+var ut = () => {
+  const e = import.meta.url, t = {};
+  return e !== "" && (t.resourcesUrl = new URL(".", e).href), it(t);
+};
+ut().then(async (e) => (await dt(), rt([["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"] }]]]], e)));
+const ct = {
+  en: {
+    deposit: "Deposit",
+    withdrawals: "Withdrawals",
+    show: "Show",
+    from: "From",
+    to: "To",
+    filter: "Filter",
+    transactionId: "Transaction ID",
+    date: "Date",
+    amount: "Amount",
+    productType: "Product Type",
+    status: "Status",
+    noData: "There are no account activities"
+  },
+  hr: {
+    deposit: "Uplate",
+    withdrawals: "Isplate",
+    show: "Prikaži",
+    from: "Od",
+    to: "Do",
+    filter: "Filter",
+    transactionId: "ID transakcije",
+    date: "Datum",
+    amount: "Iznos",
+    productType: "Vrsta proizvoda",
+    status: "Status",
+    noData: "Nema aktivnosti na računu"
+  }
+};
+class l {
+  constructor() {
+  }
+  static async loadCustomTranslations(t) {
+    try {
+      const a = await fetch(t, {
+        headers: {
+          "Content-Type": "application/json"
+        }
+      });
+      if (!a.ok) {
+        const r = await a.text();
+        throw new Error(r);
+      }
+      const n = await a.json();
+      l.updateTranslations(n);
+    } catch (a) {
+      console.error(`Failed to load translations ${t}. ${a.message}`);
+    }
+  }
+  static translate(t, a) {
+    var n, r;
+    const i = l.getAvaliableLanguages(a);
+    return ((r = (n = l.customTranslation) === null || n === void 0 ? void 0 : n[i.customLanguage]) === null || r === void 0 ? void 0 : r[t]) || l.defaultTranslation[i.predefinedLanguage][t];
+  }
+  static getAvaliableLanguages(t) {
+    var a;
+    const n = !((a = l.customLanguages) === null || a === void 0) && a.includes(t) ? t : l.defaultLanguage;
+    return { predefinedLanguage: l.supportedLanguages.includes(t) ? t : l.defaultLanguage, customLanguage: n };
+  }
+  static updateTranslations(t) {
+    l.customLanguages = Array.from(/* @__PURE__ */ new Set([...l.supportedLanguages, ...Object.keys(t).map((a) => a.toLowerCase())])), l.customTranslation = t;
+  }
+}
+l.defaultLanguage = "en";
+l.supportedLanguages = ["en"];
+l.defaultTranslation = ct;
+const ht = () => s(
+  "div",
+  { class: "loader" },
+  s("div", null),
+  s("div", null),
+  s("div", null),
+  s("div", null),
+  s("div", null),
+  s("div", null),
+  s("div", null),
+  s("div", null),
+  s("div", null),
+  s("div", null),
+  s("div", null),
+  s("div", null)
+);
+function Y(e) {
+  "@babel/helpers - typeof";
+  return Y = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, Y(e);
+}
+function v(e, t) {
+  if (t.length < e)
+    throw new TypeError(e + " argument" + (e > 1 ? "s" : "") + " required, but only " + t.length + " present");
+}
+function ft(e) {
+  return v(1, arguments), e instanceof Date || Y(e) === "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+function y(e) {
+  v(1, arguments);
+  var t = Object.prototype.toString.call(e);
+  return e instanceof Date || Y(e) === "object" && t === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || t === "[object Number]" ? new Date(e) : ((typeof e == "string" || t === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
+}
+function mt(e) {
+  if (v(1, arguments), !ft(e) && typeof e != "number")
+    return !1;
+  var t = y(e);
+  return !isNaN(Number(t));
+}
+function k(e) {
+  if (e === null || e === !0 || e === !1)
+    return NaN;
+  var t = Number(e);
+  return isNaN(t) ? t : t < 0 ? Math.ceil(t) : Math.floor(t);
+}
+function gt(e, t) {
+  v(2, arguments);
+  var a = y(e).getTime(), n = k(t);
+  return new Date(a + n);
+}
+function vt(e, t) {
+  v(2, arguments);
+  var a = k(t);
+  return gt(e, -a);
+}
+var pt = 864e5;
+function bt(e) {
+  v(1, arguments);
+  var t = y(e), a = t.getTime();
+  t.setUTCMonth(0, 1), t.setUTCHours(0, 0, 0, 0);
+  var n = t.getTime(), r = a - n;
+  return Math.floor(r / pt) + 1;
+}
+function _(e) {
+  v(1, arguments);
+  var t = 1, a = y(e), n = a.getUTCDay(), r = (n < t ? 7 : 0) + n - t;
+  return a.setUTCDate(a.getUTCDate() - r), a.setUTCHours(0, 0, 0, 0), a;
+}
+function G(e) {
+  v(1, arguments);
+  var t = y(e), a = t.getUTCFullYear(), n = /* @__PURE__ */ new Date(0);
+  n.setUTCFullYear(a + 1, 0, 4), n.setUTCHours(0, 0, 0, 0);
+  var r = _(n), i = /* @__PURE__ */ new Date(0);
+  i.setUTCFullYear(a, 0, 4), i.setUTCHours(0, 0, 0, 0);
+  var o = _(i);
+  return t.getTime() >= r.getTime() ? a + 1 : t.getTime() >= o.getTime() ? a : a - 1;
+}
+function wt(e) {
+  v(1, arguments);
+  var t = G(e), a = /* @__PURE__ */ new Date(0);
+  a.setUTCFullYear(t, 0, 4), a.setUTCHours(0, 0, 0, 0);
+  var n = _(a);
+  return n;
+}
+var yt = 6048e5;
+function xt(e) {
+  v(1, arguments);
+  var t = y(e), a = _(t).getTime() - wt(t).getTime();
+  return Math.round(a / yt) + 1;
+}
+var Tt = {};
+function B() {
+  return Tt;
+}
+function L(e, t) {
+  var a, n, r, i, o, u, c, h;
+  v(1, arguments);
+  var m = B(), f = k((a = (n = (r = (i = t?.weekStartsOn) !== null && i !== void 0 ? i : t == null || (o = t.locale) === null || o === void 0 || (u = o.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && r !== void 0 ? r : m.weekStartsOn) !== null && n !== void 0 ? n : (c = m.locale) === null || c === void 0 || (h = c.options) === null || h === void 0 ? void 0 : h.weekStartsOn) !== null && a !== void 0 ? a : 0);
+  if (!(f >= 0 && f <= 6))
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  var p = y(e), g = p.getUTCDay(), w = (g < f ? 7 : 0) + g - f;
+  return p.setUTCDate(p.getUTCDate() - w), p.setUTCHours(0, 0, 0, 0), p;
+}
+function V(e, t) {
+  var a, n, r, i, o, u, c, h;
+  v(1, arguments);
+  var m = y(e), f = m.getUTCFullYear(), p = B(), g = k((a = (n = (r = (i = t?.firstWeekContainsDate) !== null && i !== void 0 ? i : t == null || (o = t.locale) === null || o === void 0 || (u = o.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && r !== void 0 ? r : p.firstWeekContainsDate) !== null && n !== void 0 ? n : (c = p.locale) === null || c === void 0 || (h = c.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && a !== void 0 ? a : 1);
+  if (!(g >= 1 && g <= 7))
+    throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
+  var w = /* @__PURE__ */ new Date(0);
+  w.setUTCFullYear(f + 1, 0, g), w.setUTCHours(0, 0, 0, 0);
+  var M = L(w, t), C = /* @__PURE__ */ new Date(0);
+  C.setUTCFullYear(f, 0, g), C.setUTCHours(0, 0, 0, 0);
+  var $ = L(C, t);
+  return m.getTime() >= M.getTime() ? f + 1 : m.getTime() >= $.getTime() ? f : f - 1;
+}
+function Ct(e, t) {
+  var a, n, r, i, o, u, c, h;
+  v(1, arguments);
+  var m = B(), f = k((a = (n = (r = (i = t?.firstWeekContainsDate) !== null && i !== void 0 ? i : t == null || (o = t.locale) === null || o === void 0 || (u = o.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && r !== void 0 ? r : m.firstWeekContainsDate) !== null && n !== void 0 ? n : (c = m.locale) === null || c === void 0 || (h = c.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && a !== void 0 ? a : 1), p = V(e, t), g = /* @__PURE__ */ new Date(0);
+  g.setUTCFullYear(p, 0, f), g.setUTCHours(0, 0, 0, 0);
+  var w = L(g, t);
+  return w;
+}
+var St = 6048e5;
+function kt(e, t) {
+  v(1, arguments);
+  var a = y(e), n = L(a, t).getTime() - Ct(a, t).getTime();
+  return Math.round(n / St) + 1;
+}
+function d(e, t) {
+  for (var a = e < 0 ? "-" : "", n = Math.abs(e).toString(); n.length < t; )
+    n = "0" + n;
+  return a + n;
+}
+var Dt = {
+  // Year
+  y: function(t, a) {
+    var n = t.getUTCFullYear(), r = n > 0 ? n : 1 - n;
+    return d(a === "yy" ? r % 100 : r, a.length);
+  },
+  // Month
+  M: function(t, a) {
+    var n = t.getUTCMonth();
+    return a === "M" ? String(n + 1) : d(n + 1, 2);
+  },
+  // Day of the month
+  d: function(t, a) {
+    return d(t.getUTCDate(), a.length);
+  },
+  // AM or PM
+  a: function(t, a) {
+    var n = t.getUTCHours() / 12 >= 1 ? "pm" : "am";
+    switch (a) {
+      case "a":
+      case "aa":
+        return n.toUpperCase();
+      case "aaa":
+        return n;
+      case "aaaaa":
+        return n[0];
+      case "aaaa":
+      default:
+        return n === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h: function(t, a) {
+    return d(t.getUTCHours() % 12 || 12, a.length);
+  },
+  // Hour [0-23]
+  H: function(t, a) {
+    return d(t.getUTCHours(), a.length);
+  },
+  // Minute
+  m: function(t, a) {
+    return d(t.getUTCMinutes(), a.length);
+  },
+  // Second
+  s: function(t, a) {
+    return d(t.getUTCSeconds(), a.length);
+  },
+  // Fraction of second
+  S: function(t, a) {
+    var n = a.length, r = t.getUTCMilliseconds(), i = Math.floor(r * Math.pow(10, n - 3));
+    return d(i, a.length);
+  }
+};
+const T = Dt;
+var D = {
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+}, Mt = {
+  // Era
+  G: function(t, a, n) {
+    var r = t.getUTCFullYear() > 0 ? 1 : 0;
+    switch (a) {
+      case "G":
+      case "GG":
+      case "GGG":
+        return n.era(r, {
+          width: "abbreviated"
+        });
+      case "GGGGG":
+        return n.era(r, {
+          width: "narrow"
+        });
+      case "GGGG":
+      default:
+        return n.era(r, {
+          width: "wide"
+        });
+    }
+  },
+  // Year
+  y: function(t, a, n) {
+    if (a === "yo") {
+      var r = t.getUTCFullYear(), i = r > 0 ? r : 1 - r;
+      return n.ordinalNumber(i, {
+        unit: "year"
+      });
+    }
+    return T.y(t, a);
+  },
+  // Local week-numbering year
+  Y: function(t, a, n, r) {
+    var i = V(t, r), o = i > 0 ? i : 1 - i;
+    if (a === "YY") {
+      var u = o % 100;
+      return d(u, 2);
+    }
+    return a === "Yo" ? n.ordinalNumber(o, {
+      unit: "year"
+    }) : d(o, a.length);
+  },
+  // ISO week-numbering year
+  R: function(t, a) {
+    var n = G(t);
+    return d(n, a.length);
+  },
+  // Extended year. This is a single number designating the year of this calendar system.
+  // The main difference between `y` and `u` localizers are B.C. years:
+  // | Year | `y` | `u` |
+  // |------|-----|-----|
+  // | AC 1 |   1 |   1 |
+  // | BC 1 |   1 |   0 |
+  // | BC 2 |   2 |  -1 |
+  // Also `yy` always returns the last two digits of a year,
+  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
+  u: function(t, a) {
+    var n = t.getUTCFullYear();
+    return d(n, a.length);
+  },
+  // Quarter
+  Q: function(t, a, n) {
+    var r = Math.ceil((t.getUTCMonth() + 1) / 3);
+    switch (a) {
+      case "Q":
+        return String(r);
+      case "QQ":
+        return d(r, 2);
+      case "Qo":
+        return n.ordinalNumber(r, {
+          unit: "quarter"
+        });
+      case "QQQ":
+        return n.quarter(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "QQQQQ":
+        return n.quarter(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "QQQQ":
+      default:
+        return n.quarter(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone quarter
+  q: function(t, a, n) {
+    var r = Math.ceil((t.getUTCMonth() + 1) / 3);
+    switch (a) {
+      case "q":
+        return String(r);
+      case "qq":
+        return d(r, 2);
+      case "qo":
+        return n.ordinalNumber(r, {
+          unit: "quarter"
+        });
+      case "qqq":
+        return n.quarter(r, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "qqqqq":
+        return n.quarter(r, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "qqqq":
+      default:
+        return n.quarter(r, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Month
+  M: function(t, a, n) {
+    var r = t.getUTCMonth();
+    switch (a) {
+      case "M":
+      case "MM":
+        return T.M(t, a);
+      case "Mo":
+        return n.ordinalNumber(r + 1, {
+          unit: "month"
+        });
+      case "MMM":
+        return n.month(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "MMMMM":
+        return n.month(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "MMMM":
+      default:
+        return n.month(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone month
+  L: function(t, a, n) {
+    var r = t.getUTCMonth();
+    switch (a) {
+      case "L":
+        return String(r + 1);
+      case "LL":
+        return d(r + 1, 2);
+      case "Lo":
+        return n.ordinalNumber(r + 1, {
+          unit: "month"
+        });
+      case "LLL":
+        return n.month(r, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "LLLLL":
+        return n.month(r, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "LLLL":
+      default:
+        return n.month(r, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Local week of year
+  w: function(t, a, n, r) {
+    var i = kt(t, r);
+    return a === "wo" ? n.ordinalNumber(i, {
+      unit: "week"
+    }) : d(i, a.length);
+  },
+  // ISO week of year
+  I: function(t, a, n) {
+    var r = xt(t);
+    return a === "Io" ? n.ordinalNumber(r, {
+      unit: "week"
+    }) : d(r, a.length);
+  },
+  // Day of the month
+  d: function(t, a, n) {
+    return a === "do" ? n.ordinalNumber(t.getUTCDate(), {
+      unit: "date"
+    }) : T.d(t, a);
+  },
+  // Day of year
+  D: function(t, a, n) {
+    var r = bt(t);
+    return a === "Do" ? n.ordinalNumber(r, {
+      unit: "dayOfYear"
+    }) : d(r, a.length);
+  },
+  // Day of week
+  E: function(t, a, n) {
+    var r = t.getUTCDay();
+    switch (a) {
+      case "E":
+      case "EE":
+      case "EEE":
+        return n.day(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "EEEEE":
+        return n.day(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "EEEEEE":
+        return n.day(r, {
+          width: "short",
+          context: "formatting"
+        });
+      case "EEEE":
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  e: function(t, a, n, r) {
+    var i = t.getUTCDay(), o = (i - r.weekStartsOn + 8) % 7 || 7;
+    switch (a) {
+      case "e":
+        return String(o);
+      case "ee":
+        return d(o, 2);
+      case "eo":
+        return n.ordinalNumber(o, {
+          unit: "day"
+        });
+      case "eee":
+        return n.day(i, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "eeeee":
+        return n.day(i, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "eeeeee":
+        return n.day(i, {
+          width: "short",
+          context: "formatting"
+        });
+      case "eeee":
+      default:
+        return n.day(i, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone local day of week
+  c: function(t, a, n, r) {
+    var i = t.getUTCDay(), o = (i - r.weekStartsOn + 8) % 7 || 7;
+    switch (a) {
+      case "c":
+        return String(o);
+      case "cc":
+        return d(o, a.length);
+      case "co":
+        return n.ordinalNumber(o, {
+          unit: "day"
+        });
+      case "ccc":
+        return n.day(i, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "ccccc":
+        return n.day(i, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "cccccc":
+        return n.day(i, {
+          width: "short",
+          context: "standalone"
+        });
+      case "cccc":
+      default:
+        return n.day(i, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // ISO day of week
+  i: function(t, a, n) {
+    var r = t.getUTCDay(), i = r === 0 ? 7 : r;
+    switch (a) {
+      case "i":
+        return String(i);
+      case "ii":
+        return d(i, a.length);
+      case "io":
+        return n.ordinalNumber(i, {
+          unit: "day"
+        });
+      case "iii":
+        return n.day(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "iiiii":
+        return n.day(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "iiiiii":
+        return n.day(r, {
+          width: "short",
+          context: "formatting"
+        });
+      case "iiii":
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM or PM
+  a: function(t, a, n) {
+    var r = t.getUTCHours(), i = r / 12 >= 1 ? "pm" : "am";
+    switch (a) {
+      case "a":
+      case "aa":
+        return n.dayPeriod(i, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "aaa":
+        return n.dayPeriod(i, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "aaaaa":
+        return n.dayPeriod(i, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "aaaa":
+      default:
+        return n.dayPeriod(i, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM, PM, midnight, noon
+  b: function(t, a, n) {
+    var r = t.getUTCHours(), i;
+    switch (r === 12 ? i = D.noon : r === 0 ? i = D.midnight : i = r / 12 >= 1 ? "pm" : "am", a) {
+      case "b":
+      case "bb":
+        return n.dayPeriod(i, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "bbb":
+        return n.dayPeriod(i, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "bbbbb":
+        return n.dayPeriod(i, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "bbbb":
+      default:
+        return n.dayPeriod(i, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // in the morning, in the afternoon, in the evening, at night
+  B: function(t, a, n) {
+    var r = t.getUTCHours(), i;
+    switch (r >= 17 ? i = D.evening : r >= 12 ? i = D.afternoon : r >= 4 ? i = D.morning : i = D.night, a) {
+      case "B":
+      case "BB":
+      case "BBB":
+        return n.dayPeriod(i, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "BBBBB":
+        return n.dayPeriod(i, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "BBBB":
+      default:
+        return n.dayPeriod(i, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Hour [1-12]
+  h: function(t, a, n) {
+    if (a === "ho") {
+      var r = t.getUTCHours() % 12;
+      return r === 0 && (r = 12), n.ordinalNumber(r, {
+        unit: "hour"
+      });
+    }
+    return T.h(t, a);
+  },
+  // Hour [0-23]
+  H: function(t, a, n) {
+    return a === "Ho" ? n.ordinalNumber(t.getUTCHours(), {
+      unit: "hour"
+    }) : T.H(t, a);
+  },
+  // Hour [0-11]
+  K: function(t, a, n) {
+    var r = t.getUTCHours() % 12;
+    return a === "Ko" ? n.ordinalNumber(r, {
+      unit: "hour"
+    }) : d(r, a.length);
+  },
+  // Hour [1-24]
+  k: function(t, a, n) {
+    var r = t.getUTCHours();
+    return r === 0 && (r = 24), a === "ko" ? n.ordinalNumber(r, {
+      unit: "hour"
+    }) : d(r, a.length);
+  },
+  // Minute
+  m: function(t, a, n) {
+    return a === "mo" ? n.ordinalNumber(t.getUTCMinutes(), {
+      unit: "minute"
+    }) : T.m(t, a);
+  },
+  // Second
+  s: function(t, a, n) {
+    return a === "so" ? n.ordinalNumber(t.getUTCSeconds(), {
+      unit: "second"
+    }) : T.s(t, a);
+  },
+  // Fraction of second
+  S: function(t, a) {
+    return T.S(t, a);
+  },
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function(t, a, n, r) {
+    var i = r._originalDate || t, o = i.getTimezoneOffset();
+    if (o === 0)
+      return "Z";
+    switch (a) {
+      case "X":
+        return j(o);
+      case "XXXX":
+      case "XX":
+        return S(o);
+      case "XXXXX":
+      case "XXX":
+      default:
+        return S(o, ":");
+    }
+  },
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function(t, a, n, r) {
+    var i = r._originalDate || t, o = i.getTimezoneOffset();
+    switch (a) {
+      case "x":
+        return j(o);
+      case "xxxx":
+      case "xx":
+        return S(o);
+      case "xxxxx":
+      case "xxx":
+      default:
+        return S(o, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(t, a, n, r) {
+    var i = r._originalDate || t, o = i.getTimezoneOffset();
+    switch (a) {
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + R(o, ":");
+      case "OOOO":
+      default:
+        return "GMT" + S(o, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function(t, a, n, r) {
+    var i = r._originalDate || t, o = i.getTimezoneOffset();
+    switch (a) {
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + R(o, ":");
+      case "zzzz":
+      default:
+        return "GMT" + S(o, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(t, a, n, r) {
+    var i = r._originalDate || t, o = Math.floor(i.getTime() / 1e3);
+    return d(o, a.length);
+  },
+  // Milliseconds timestamp
+  T: function(t, a, n, r) {
+    var i = r._originalDate || t, o = i.getTime();
+    return d(o, a.length);
+  }
+};
+function R(e, t) {
+  var a = e > 0 ? "-" : "+", n = Math.abs(e), r = Math.floor(n / 60), i = n % 60;
+  if (i === 0)
+    return a + String(r);
+  var o = t;
+  return a + String(r) + o + d(i, 2);
+}
+function j(e, t) {
+  if (e % 60 === 0) {
+    var a = e > 0 ? "-" : "+";
+    return a + d(Math.abs(e) / 60, 2);
+  }
+  return S(e, t);
+}
+function S(e, t) {
+  var a = t || "", n = e > 0 ? "-" : "+", r = Math.abs(e), i = d(Math.floor(r / 60), 2), o = d(r % 60, 2);
+  return n + i + a + o;
+}
+const Ot = Mt;
+var z = function(t, a) {
+  switch (t) {
+    case "P":
+      return a.date({
+        width: "short"
+      });
+    case "PP":
+      return a.date({
+        width: "medium"
+      });
+    case "PPP":
+      return a.date({
+        width: "long"
+      });
+    case "PPPP":
+    default:
+      return a.date({
+        width: "full"
+      });
+  }
+}, J = function(t, a) {
+  switch (t) {
+    case "p":
+      return a.time({
+        width: "short"
+      });
+    case "pp":
+      return a.time({
+        width: "medium"
+      });
+    case "ppp":
+      return a.time({
+        width: "long"
+      });
+    case "pppp":
+    default:
+      return a.time({
+        width: "full"
+      });
+  }
+}, Pt = function(t, a) {
+  var n = t.match(/(P+)(p+)?/) || [], r = n[1], i = n[2];
+  if (!i)
+    return z(t, a);
+  var o;
+  switch (r) {
+    case "P":
+      o = a.dateTime({
+        width: "short"
+      });
+      break;
+    case "PP":
+      o = a.dateTime({
+        width: "medium"
+      });
+      break;
+    case "PPP":
+      o = a.dateTime({
+        width: "long"
+      });
+      break;
+    case "PPPP":
+    default:
+      o = a.dateTime({
+        width: "full"
+      });
+      break;
+  }
+  return o.replace("{{date}}", z(r, a)).replace("{{time}}", J(i, a));
+}, Ut = {
+  p: J,
+  P: Pt
+};
+const Wt = Ut;
+function Ft(e) {
+  var t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()));
+  return t.setUTCFullYear(e.getFullYear()), e.getTime() - t.getTime();
+}
+var Et = ["D", "DD"], Yt = ["YY", "YYYY"];
+function _t(e) {
+  return Et.indexOf(e) !== -1;
+}
+function Lt(e) {
+  return Yt.indexOf(e) !== -1;
+}
+function A(e, t, a) {
+  if (e === "YYYY")
+    throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(t, "`) for formatting years to the input `").concat(a, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+  if (e === "YY")
+    throw new RangeError("Use `yy` instead of `YY` (in `".concat(t, "`) for formatting years to the input `").concat(a, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+  if (e === "D")
+    throw new RangeError("Use `d` instead of `D` (in `".concat(t, "`) for formatting days of the month to the input `").concat(a, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+  if (e === "DD")
+    throw new RangeError("Use `dd` instead of `DD` (in `".concat(t, "`) for formatting days of the month to the input `").concat(a, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+}
+var Bt = {
+  lessThanXSeconds: {
+    one: "less than a second",
+    other: "less than {{count}} seconds"
+  },
+  xSeconds: {
+    one: "1 second",
+    other: "{{count}} seconds"
+  },
+  halfAMinute: "half a minute",
+  lessThanXMinutes: {
+    one: "less than a minute",
+    other: "less than {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "about 1 hour",
+    other: "about {{count}} hours"
+  },
+  xHours: {
+    one: "1 hour",
+    other: "{{count}} hours"
+  },
+  xDays: {
+    one: "1 day",
+    other: "{{count}} days"
+  },
+  aboutXWeeks: {
+    one: "about 1 week",
+    other: "about {{count}} weeks"
+  },
+  xWeeks: {
+    one: "1 week",
+    other: "{{count}} weeks"
+  },
+  aboutXMonths: {
+    one: "about 1 month",
+    other: "about {{count}} months"
+  },
+  xMonths: {
+    one: "1 month",
+    other: "{{count}} months"
+  },
+  aboutXYears: {
+    one: "about 1 year",
+    other: "about {{count}} years"
+  },
+  xYears: {
+    one: "1 year",
+    other: "{{count}} years"
+  },
+  overXYears: {
+    one: "over 1 year",
+    other: "over {{count}} years"
+  },
+  almostXYears: {
+    one: "almost 1 year",
+    other: "almost {{count}} years"
+  }
+}, $t = function(t, a, n) {
+  var r, i = Bt[t];
+  return typeof i == "string" ? r = i : a === 1 ? r = i.one : r = i.other.replace("{{count}}", a.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
+};
+const Nt = $t;
+function I(e) {
+  return function() {
+    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, a = t.width ? String(t.width) : e.defaultWidth, n = e.formats[a] || e.formats[e.defaultWidth];
+    return n;
+  };
+}
+var Ht = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+}, It = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+}, qt = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, Rt = {
+  date: I({
+    formats: Ht,
+    defaultWidth: "full"
+  }),
+  time: I({
+    formats: It,
+    defaultWidth: "full"
+  }),
+  dateTime: I({
+    formats: qt,
+    defaultWidth: "full"
+  })
+};
+const jt = Rt;
+var zt = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P"
+}, At = function(t, a, n, r) {
+  return zt[t];
+};
+const Qt = At;
+function U(e) {
+  return function(t, a) {
+    var n = a != null && a.context ? String(a.context) : "standalone", r;
+    if (n === "formatting" && e.formattingValues) {
+      var i = e.defaultFormattingWidth || e.defaultWidth, o = a != null && a.width ? String(a.width) : i;
+      r = e.formattingValues[o] || e.formattingValues[i];
+    } else {
+      var u = e.defaultWidth, c = a != null && a.width ? String(a.width) : e.defaultWidth;
+      r = e.values[c] || e.values[u];
+    }
+    var h = e.argumentCallback ? e.argumentCallback(t) : t;
+    return r[h];
+  };
+}
+var Xt = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"]
+}, Gt = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
+}, Vt = {
+  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
+  abbreviated: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+  wide: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
+}, Jt = {
+  narrow: ["S", "M", "T", "W", "T", "F", "S"],
+  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  wide: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
+}, Kt = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  }
+}, Zt = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  }
+}, te = function(t, a) {
+  var n = Number(t), r = n % 100;
+  if (r > 20 || r < 10)
+    switch (r % 10) {
+      case 1:
+        return n + "st";
+      case 2:
+        return n + "nd";
+      case 3:
+        return n + "rd";
+    }
+  return n + "th";
+}, ee = {
+  ordinalNumber: te,
+  era: U({
+    values: Xt,
+    defaultWidth: "wide"
+  }),
+  quarter: U({
+    values: Gt,
+    defaultWidth: "wide",
+    argumentCallback: function(t) {
+      return t - 1;
+    }
+  }),
+  month: U({
+    values: Vt,
+    defaultWidth: "wide"
+  }),
+  day: U({
+    values: Jt,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: U({
+    values: Kt,
+    defaultWidth: "wide",
+    formattingValues: Zt,
+    defaultFormattingWidth: "wide"
+  })
+};
+const ae = ee;
+function W(e) {
+  return function(t) {
+    var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = a.width, r = n && e.matchPatterns[n] || e.matchPatterns[e.defaultMatchWidth], i = t.match(r);
+    if (!i)
+      return null;
+    var o = i[0], u = n && e.parsePatterns[n] || e.parsePatterns[e.defaultParseWidth], c = Array.isArray(u) ? re(u, function(f) {
+      return f.test(o);
+    }) : ne(u, function(f) {
+      return f.test(o);
+    }), h;
+    h = e.valueCallback ? e.valueCallback(c) : c, h = a.valueCallback ? a.valueCallback(h) : h;
+    var m = t.slice(o.length);
+    return {
+      value: h,
+      rest: m
+    };
+  };
+}
+function ne(e, t) {
+  for (var a in e)
+    if (e.hasOwnProperty(a) && t(e[a]))
+      return a;
+}
+function re(e, t) {
+  for (var a = 0; a < e.length; a++)
+    if (t(e[a]))
+      return a;
+}
+function ie(e) {
+  return function(t) {
+    var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.match(e.matchPattern);
+    if (!n)
+      return null;
+    var r = n[0], i = t.match(e.parsePattern);
+    if (!i)
+      return null;
+    var o = e.valueCallback ? e.valueCallback(i[0]) : i[0];
+    o = a.valueCallback ? a.valueCallback(o) : o;
+    var u = t.slice(r.length);
+    return {
+      value: o,
+      rest: u
+    };
+  };
+}
+var oe = /^(\d+)(th|st|nd|rd)?/i, se = /\d+/i, le = {
+  narrow: /^(b|a)/i,
+  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+  wide: /^(before christ|before common era|anno domini|common era)/i
+}, de = {
+  any: [/^b/i, /^(a|c)/i]
+}, ue = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+}, ce = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, he = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+}, fe = {
+  narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
+  any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
+}, me = {
+  narrow: /^[smtwf]/i,
+  short: /^(su|mo|tu|we|th|fr|sa)/i,
+  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+}, ge = {
+  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+}, ve = {
+  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+}, pe = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+}, be = {
+  ordinalNumber: ie({
+    matchPattern: oe,
+    parsePattern: se,
+    valueCallback: function(t) {
+      return parseInt(t, 10);
+    }
+  }),
+  era: W({
+    matchPatterns: le,
+    defaultMatchWidth: "wide",
+    parsePatterns: de,
+    defaultParseWidth: "any"
+  }),
+  quarter: W({
+    matchPatterns: ue,
+    defaultMatchWidth: "wide",
+    parsePatterns: ce,
+    defaultParseWidth: "any",
+    valueCallback: function(t) {
+      return t + 1;
+    }
+  }),
+  month: W({
+    matchPatterns: he,
+    defaultMatchWidth: "wide",
+    parsePatterns: fe,
+    defaultParseWidth: "any"
+  }),
+  day: W({
+    matchPatterns: me,
+    defaultMatchWidth: "wide",
+    parsePatterns: ge,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: W({
+    matchPatterns: ve,
+    defaultMatchWidth: "any",
+    parsePatterns: pe,
+    defaultParseWidth: "any"
+  })
+};
+const we = be;
+var ye = {
+  code: "en-US",
+  formatDistance: Nt,
+  formatLong: jt,
+  formatRelative: Qt,
+  localize: ae,
+  match: we,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+const xe = ye;
+var Te = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Ce = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Se = /^'([^]*?)'?$/, ke = /''/g, De = /[a-zA-Z]/;
+function Me(e, t, a) {
+  var n, r, i, o, u, c, h, m, f, p, g, w, M, C;
+  v(2, arguments);
+  var $ = String(t), O = B(), P = (n = (r = void 0) !== null && r !== void 0 ? r : O.locale) !== null && n !== void 0 ? n : xe, N = k((i = (o = (u = (c = void 0) !== null && c !== void 0 ? c : void 0) !== null && u !== void 0 ? u : O.firstWeekContainsDate) !== null && o !== void 0 ? o : (h = O.locale) === null || h === void 0 || (m = h.options) === null || m === void 0 ? void 0 : m.firstWeekContainsDate) !== null && i !== void 0 ? i : 1);
+  if (!(N >= 1 && N <= 7))
+    throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
+  var H = k((f = (p = (g = (w = void 0) !== null && w !== void 0 ? w : void 0) !== null && g !== void 0 ? g : O.weekStartsOn) !== null && p !== void 0 ? p : (M = O.locale) === null || M === void 0 || (C = M.options) === null || C === void 0 ? void 0 : C.weekStartsOn) !== null && f !== void 0 ? f : 0);
+  if (!(H >= 0 && H <= 6))
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  if (!P.localize)
+    throw new RangeError("locale must contain localize property");
+  if (!P.formatLong)
+    throw new RangeError("locale must contain formatLong property");
+  var F = y(e);
+  if (!mt(F))
+    throw new RangeError("Invalid time value");
+  var tt = Ft(F), et = vt(F, tt), at = {
+    firstWeekContainsDate: N,
+    weekStartsOn: H,
+    locale: P,
+    _originalDate: F
+  }, nt = $.match(Ce).map(function(b) {
+    var x = b[0];
+    if (x === "p" || x === "P") {
+      var E = Wt[x];
+      return E(b, P.formatLong);
+    }
+    return b;
+  }).join("").match(Te).map(function(b) {
+    if (b === "''")
+      return "'";
+    var x = b[0];
+    if (x === "'")
+      return Oe(b);
+    var E = Ot[x];
+    if (E)
+      return Lt(b) && A(b, t, String(e)), _t(b) && A(b, t, String(e)), E(et, b, P.localize, at);
+    if (x.match(De))
+      throw new RangeError("Format string contains an unescaped latin alphabet character `" + x + "`");
+    return b;
+  }).join("");
+  return nt;
+}
+function Oe(e) {
+  var t = e.match(Se);
+  return t ? t[1].replace(ke, "'") : e;
+}
+class K {
+  constructor() {
+  }
+  static dateToFormatedString(t, a) {
+    const n = a ? Me(t, a) : t.toLocaleDateString("en-gb"), r = t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 });
+    return `${n}, ${r}`;
+  }
+}
+class Z {
+  constructor() {
+  }
+  static format(t, a) {
+    let n = `${a} ${t}`;
+    try {
+      n = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: t
+      }).format(a);
+    } catch {
+    }
+    return n;
+  }
+}
+const Pe = (e) => s(
+  "div",
+  { class: "data-transaction" },
+  s("p", null, e.productType),
+  s(
+    "p",
+    { class: "text-style text-style-status" },
+    s("span", { class: e.status.toLowerCase() }, e.status)
+  ),
+  s(
+    "p",
+    { class: "date" },
+    e.transId,
+    " | ",
+    K.dateToFormatedString(new Date(e.created), e.dateformat)
+  ),
+  s(
+    "p",
+    { class: "text-style" },
+    Z.format(e.currency, e.realAmount),
+    " "
+  )
+), Ue = (e) => s(
+  "div",
+  { class: "page-size" },
+  s("span", null, l.translate("show", e.language)),
+  e.pageSizes.map((t) => s("button", { class: e.currentPageSize === t ? "active" : "", onClick: () => e.changePageSize(t) }, t))
+), We = ({ from: e, to: t, applyFilters: a, language: n }) => {
+  let r, i;
+  const o = () => {
+    e = r.value;
+  }, u = () => {
+    t = i.value;
+  };
+  return s(
+    "div",
+    { class: "period" },
+    s(
+      "div",
+      { class: "period-content" },
+      s(
+        "div",
+        { class: "date-input" },
+        s("vaadin-date-picker", { value: e, ref: (c) => r = c, label: l.translate("from", n), onChange: o })
+      ),
+      s(
+        "span",
+        null,
+        s(
+          "svg",
+          { width: "24px", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+          s("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" })
+        )
+      ),
+      s(
+        "div",
+        { class: "date-input" },
+        s("vaadin-date-picker", { value: t, ref: (c) => i = c, label: l.translate("to", n), onChange: u })
+      ),
+      s("button", { class: "filter-btn", onClick: () => a(e, t) }, l.translate("filter", n))
+    )
+  );
+}, Fe = ({ source: e, language: t, dateformat: a }) => {
+  const n = [
+    { name: l.translate("transactionId", t) },
+    {
+      name: l.translate("date", t)
+    },
+    {
+      name: l.translate("amount", t)
+    },
+    { name: l.translate("productType", t) },
+    {
+      name: l.translate("status", t)
+    }
+  ];
+  return s(
+    "table",
+    null,
+    s(
+      "thead",
+      null,
+      s("tr", null, n.map((r) => s("th", null, r.name)))
+    ),
+    s("tbody", null, e.map((r) => s(
+      "tr",
+      null,
+      s("td", null, r.transId),
+      s("td", null, K.dateToFormatedString(new Date(r.created), a)),
+      s(
+        "td",
+        null,
+        Z.format(r.currency, r.realAmount),
+        " "
+      ),
+      s("td", null, r.productType),
+      s(
+        "td",
+        null,
+        s("span", { class: r.status.toLowerCase() }, r.status)
+      )
+    )))
+  );
+};
+function Q(e, t) {
+  if (e) {
+    const a = document.createElement("style");
+    a.innerHTML = t, e.appendChild(a);
+  }
+}
+function X(e, t) {
+  const a = new URL(t);
+  fetch(a.href).then((n) => n.text()).then((n) => {
+    const r = document.createElement("style");
+    r.innerHTML = n, e && e.appendChild(r);
+  }).catch((n) => {
+    console.error("There was an error while trying to load client styling from URL", n);
+  });
+}
+function Ee(e, t, a) {
+  if (window.emMessageBus) {
+    const n = document.createElement("style");
+    window.emMessageBus.subscribe(t, (r) => {
+      n.innerHTML = r, e && e.appendChild(n);
+    });
+  }
+}
+const Ye = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--hoverBackground:#ffffff;--background:#e4e6e8;--success:#7ac345;--heightScrollableContainer:400px;--borderColor:#d3d3d3;--borderColorButton:#c4c4c4;--textColor:#002554;--textColorHover:#7ac345;--errorColor:#c23b21;--loaderColor:#7ac345;--headerTableBackground:#cdcdcd;--borderTable:#dedede;--shadowBorderTable:#f1f1f1;--backgroundTable:#ffffff;font-family:Roboto, Arial, sans-serif;font-size:14px;color:var(--textColor);display:block;background-color:var(--background)}:host .wrapper{height:100%;padding:1rem}:host .types{display:flex;width:100%;gap:5px}:host .transaction-type{background:inherit;font-weight:600;padding:0.6rem 1.6rem;border:1px solid #6c757d;cursor:pointer}:host .transaction-type:hover{color:var(--activeButtonBackground);border-color:var(--activeButtonBackground);background:var(--hoverBackground)}:host .clicked{background-color:var(--activeButtonBackground);border-color:var(--activeButtonBackground)}:host .types-mobile{justify-content:center;margin-bottom:15px}:host .types-desktop{justify-content:flex-end;margin-bottom:3rem}:host .page-size{display:flex;width:100%;justify-content:flex-end;align-items:center}:host .page-size button{background:transparent;border:none;cursor:pointer;margin:0.4rem;width:2rem;height:2rem}:host .page-size button:hover{color:var(--textColorHover)}:host .page-size button.active{background:var(--activeButtonBackground);color:var(--textColor);font-weight:600;border-radius:0.4rem}:host .period{display:flex;width:100%;align-items:flex-end;justify-content:center;gap:10px;background:#f0f0f0;border-bottom:2px solid #e9e9e9;padding:1.6rem 0 0;margin-bottom:4rem}@media (max-width: 801px){:host .period{margin-bottom:0;flex-direction:column;align-items:stretch;width:auto;padding:1.4rem 2.8rem;box-shadow:0 4px 5px 0 rgba(90, 90, 90, 0.24)}}:host .period .range{color:var(--errorColor)}:host .period .filter-btn{height:40px;background:transparent;border:0.1rem solid var(--borderColorButton);min-width:12rem;max-width:17rem;cursor:pointer}@media (max-width: 801px){:host .period .filter-btn{max-width:none;min-width:none;margin-top:1rem}}:host .period .filter-btn:hover{border:none;background:var(--hoverBackground)}:host .period .duet-date__input{padding:7px 60px 7px 7px}:host .period+button{padding:9px 15px}:host .period-content{display:flex;flex-direction:row;width:100%;justify-content:center;align-items:flex-end;margin:0 auto 1.6rem}@media (max-width: 801px){:host .period-content{flex-direction:column;align-items:stretch}}:host .period-content span{height:40px;display:flex;align-items:center;justify-content:center}@media (max-width: 801px){:host .period-content span{display:none}}:host .period-content .filter-btn{margin-left:60px}@media (max-width: 801px){:host .period-content .filter-btn{margin-left:0}}:host .period-content .date-input{padding:0 4px}@media (max-width: 801px){:host .period-content .date-input{width:auto}:host .period-content .date-input:first-child{margin-bottom:0.5rem}}:host .period-content .date-input label{display:inline-block;margin-bottom:0.9rem}:host .period-content .date-input input{border:0.1rem solid var(--borderColor);box-sizing:border-box;border-radius:0.2rem}:host .pagination{display:flex;width:100%;justify-content:center;margin-top:1.5rem}:host .pagination button{cursor:pointer;border:none;background-color:var(--activeButtonBackground);color:#fff;opacity:0.5;padding:7px 12px}:host .pagination button:hover{opacity:1}:host .pagination button:focus{opacity:1}:host button.active{color:var(--activeButtonFont);background-color:var(--activeButtonBackground)}.mobile-filter-button{display:flex;justify-content:center;align-items:center;width:100%;height:2.8rem;background:inherit;border:1px solid var(--borderColorButton)}.mobile-filter-button img{height:50%;margin-right:0.5rem}.noData{display:flex;align-items:center;box-shadow:0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);padding:1.1rem;border-radius:0.6rem}.noData span{margin-left:0.5rem}.table{height:var(--heightScrollableContainer);overflow-y:auto}.table .mobile-table{height:100%}.data-transaction{border-bottom:1px solid var(--borderColor);background-color:var(--hoverBackground);padding:0 20px;display:grid;grid-template-columns:repeat(2, 1fr)}.data-transaction .text-style-status{font-weight:600}.data-transaction .text-style-status .success{color:var(--success)}.data-transaction .text-style-status .error{color:var(--errorColor)}.data-transaction .text-style{text-align:end}.data-transaction .date{font-size:12px;display:flex;align-items:center}.loader{display:inline-block;position:absolute;width:80px;height:80px;top:calc(50% - 40px);left:calc(50% - 40px);z-index:100}.loader::before{content:"";position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(255, 255, 255, 0.6)}.loader div{position:absolute;width:6px;height:6px;background:var(--loaderColor);border-radius:50%;animation:loader 1.2s linear infinite}.loader div:nth-child(1){animation-delay:0s;top:37px;left:66px}.loader div:nth-child(2){animation-delay:-0.1s;top:22px;left:62px}.loader div:nth-child(3){animation-delay:-0.2s;top:11px;left:52px}.loader div:nth-child(4){animation-delay:-0.3s;top:7px;left:37px}.loader div:nth-child(5){animation-delay:-0.4s;top:11px;left:22px}.loader div:nth-child(6){animation-delay:-0.5s;top:22px;left:11px}.loader div:nth-child(7){animation-delay:-0.6s;top:37px;left:7px}.loader div:nth-child(8){animation-delay:-0.7s;top:52px;left:11px}.loader div:nth-child(9){animation-delay:-0.8s;top:62px;left:22px}.loader div:nth-child(10){animation-delay:-0.9s;top:66px;left:37px}.loader div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.loader div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes loader{0%,20%,80%,100%{transform:scale(1)}50%{transform:scale(1.5)}}.table thead th{position:sticky;top:0}table{border-collapse:collapse;width:100%}table th{padding:14px 24px;text-align:left;font-weight:600;color:var(--textColor);background:var(--headerTableBackground)}table td{padding:1rem 1.7rem;box-shadow:0 -1px 0 0 var(--shadowBorderTable) inset;border-bottom:0.1rem solid var(--borderTable);text-align:left;color:var(--textColor)}table tbody{background:var(--backgroundTable)}table .success{color:var(--success)}table .error{color:var(--errorColor)}vaadin-date-picker{min-width:320px}@media (max-width: 1261px){vaadin-date-picker{width:auto;min-width:auto}}@media (max-width: 801px){vaadin-date-picker{width:100%}}', _e = Ye, Le = class {
+  constructor(e) {
+    ot(this, e), this.pageSizes = [10, 25, 50], this.pagination = null, this.endpoint = void 0, this.session = void 0, this.language = l.defaultLanguage, this.userId = void 0, this.translationUrl = void 0, this.mobile = !1, this.clientStyling = null, this.clientStylingUrl = null, this.mbSource = void 0, this.dateFormat = "", this.page = 0, this.pageSize = this.pageSizes[0], this.showMobileFilter = !1, this.to = void 0, this.from = void 0, this.type = "0", this.transactions = void 0, this.showLoader = !0;
+  }
+  watchMultiple() {
+    this.loadTransactions();
+  }
+  handleClientStylingChange(e, t) {
+    e != t && Q(this.stylingContainer, this.clientStyling);
+  }
+  handleClientStylingUrlChange(e, t) {
+    e != t && this.clientStylingUrl && X(this.stylingContainer, this.clientStylingUrl);
+  }
+  async componentWillLoad() {
+    this.translationUrl && await l.loadCustomTranslations(this.translationUrl), this.loadTransactions();
+  }
+  componentDidLoad() {
+    this.stylingContainer && (window.emMessageBus != null ? Ee(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && Q(this.stylingContainer, this.clientStyling), this.clientStylingUrl && X(this.stylingContainer, this.clientStylingUrl)));
+  }
+  componentDidRender() {
+    this.getComponentHeight();
+  }
+  getComponentHeight() {
+    var e;
+    if (this.mobile) {
+      let t = this.el.getBoundingClientRect().height - ((e = this.el.shadowRoot.querySelector(".table")) === null || e === void 0 ? void 0 : e.getBoundingClientRect().y);
+      this.el.style.setProperty("--heightScrollableContainer", t + "px");
+    }
+  }
+  setHeightTableProperty() {
+    let e = this.getComponentHeight();
+    this.el.style.setProperty("--heightScrollableContainer", e + "px");
+  }
+  changeTransactionsType(e) {
+    this.type = e;
+  }
+  changePageSize(e) {
+    this.pageSize = e;
+  }
+  prev() {
+    var e;
+    !((e = this.pagination) === null || e === void 0) && e.previous && this.page--;
+  }
+  next() {
+    var e;
+    !((e = this.pagination) === null || e === void 0) && e.next && this.page++;
+  }
+  applyFilters(e, t) {
+    this.from = e ? new Date(e).toISOString() : null, this.to = t ? new Date(t).toISOString() : null, this.loadTransactions();
+  }
+  showFilter() {
+    this.showMobileFilter = !this.showMobileFilter;
+  }
+  disconnectedCallback() {
+    this.stylingSubscription && this.stylingSubscription.unsubscribe();
+  }
+  render() {
+    var e;
+    const t = q("../assets/filter.svg"), a = q("../assets/warning.svg");
+    return s(st, { key: "7346a5fe57d7bc3df7b3eb88f1a175b1bb4fed10" }, this.showLoader ? s(ht, null) : "", s("div", { key: "f58cb9c38d88702255a3f63731c152f79cc7c071", class: "wrapper", ref: (n) => this.stylingContainer = n }, s("div", { key: "ff79d6a34f9e4615fecd81f12cec228e567317b3", class: { "types types-mobile": this.mobile, "types types-desktop": !this.mobile } }, s("button", { key: "6c89c781087a854edb143e84fd684b72a6a5f8c1", class: "transaction-type " + (this.type === "0" ? "clicked" : ""), onClick: () => this.changeTransactionsType("0") }, l.translate("deposit", this.language)), s("button", { key: "15d1f9c89a1ffdfcbc0d8e5ebf375bcd2129e2aa", class: "transaction-type " + (this.type === "1" ? "clicked" : ""), onClick: () => this.changeTransactionsType("1") }, l.translate("withdrawals", this.language))), this.mobile ? "" : s(Ue, { language: this.language, pageSizes: this.pageSizes, currentPageSize: this.pageSize, changePageSize: (n) => this.changePageSize(n) }), this.mobile ? s("button", { class: "mobile-filter-button", onClick: () => this.showFilter() }, s("img", { src: t, alt: "Filter" }), l.translate("filter", this.language)) : "", !this.mobile || this.showMobileFilter && this.mobile ? s(We, { language: this.language, applyFilters: (n, r) => this.applyFilters(n, r) }) : "", ((e = this.transactions) === null || e === void 0 ? void 0 : e.length) > 0 ? s("div", { class: "table" }, this.mobile ? s("div", { class: "mobile-table" }, this.transactions.map((n) => s(Pe, Object.assign({}, n, { dateformat: this.dateFormat })))) : s(Fe, { source: this.transactions, language: this.language, dateformat: this.dateFormat })) : s("div", { class: "noData" }, s("img", { src: a, alt: "Warning" }), s("span", null, l.translate("noData", this.language))), s("div", { key: "5a0b142e2a02e0a24263a6b66ad36762c3934712", class: "pagination" }, s("button", { key: "2dcc9efdc61ed362e4845da8088bd5de458bab0f", onClick: () => this.prev() }, "<"), s("button", { key: "acd4dfb619f6220bcbc9da932c6accf0e34c7df0", onClick: () => this.next() }, ">"))));
+  }
+  async loadTransactions() {
+    this.showLoader = !0;
+    try {
+      const e = `${this.endpoint}/v1/player/${this.userId}/transactions/banking?${this.getParams()}`, t = await fetch(e, {
+        headers: {
+          "X-Sessionid": this.session,
+          "Content-Type": "application/json"
+        }
+      });
+      if (!t.ok) {
+        const n = await t.text();
+        throw new Error(n);
+      }
+      const a = await t.json();
+      this.pagination = a.pagination, this.transactions = a.transactions;
+    } catch (e) {
+      console.error(e);
+    } finally {
+      this.showLoader = !1;
+    }
+  }
+  getParams() {
+    var e, t;
+    const a = /* @__PURE__ */ new Date(), n = (this.page * this.pageSize).toString(), r = (e = this.from) !== null && e !== void 0 ? e : new Date(a.getFullYear(), a.getMonth(), 1).toISOString(), i = (t = this.to) !== null && t !== void 0 ? t : new Date(a.getFullYear(), a.getMonth() + 1, 0).toISOString();
+    return `offset=${n}&endDate=${i}&startDate=${r}&type=${this.type}&limit=${this.pageSize}`;
+  }
+  static get assetsDirs() {
+    return ["../assets"];
+  }
+  get el() {
+    return lt(this);
+  }
+  static get watchers() {
+    return {
+      page: ["watchMultiple"],
+      type: ["watchMultiple"],
+      session: ["watchMultiple"],
+      userId: ["watchMultiple"],
+      pageSize: ["watchMultiple"],
+      clientStyling: ["handleClientStylingChange"],
+      clientStylingUrl: ["handleClientStylingUrlChange"],
+      showMobileFilter: ["getComponentHeight"]
+    };
+  }
+};
+Le.style = _e;
+export {
+  Le as user_transaction_history
+};