@everymatrix/player-account-controller 1.75.0 → 1.76.0

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

@@ -1,1627 +0,0 @@
-import { b as rt, p as it, r as ot, g as R, h as o, H as st, a as lt } from "./index-7c5e707a-BZ26MA7_.js";
-import { d as ut } from "./app-globals-0f993ce5-DzSE6TtH.js";
-var dt = () => {
-  const e = import.meta.url, t = {};
-  return e !== "" && (t.resourcesUrl = new URL(".", e).href), it(t);
-};
-dt().then(async (e) => (await ut(), 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",
-    transactionTitle: "Transaction History"
-  },
-  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",
-    transactionTitle: "Povijest transakcija"
-  }
-};
-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 = () => o(
-  "div",
-  { class: "loader" },
-  o("div", null),
-  o("div", null),
-  o("div", null),
-  o("div", null),
-  o("div", null),
-  o("div", null),
-  o("div", null),
-  o("div", null),
-  o("div", null),
-  o("div", null),
-  o("div", null),
-  o("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 s = _(i);
-  return t.getTime() >= r.getTime() ? a + 1 : t.getTime() >= s.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, s, d, c, h;
-  v(1, arguments);
-  var m = B(), f = k((a = (n = (r = (i = t?.weekStartsOn) !== null && i !== void 0 ? i : t == null || (s = t.locale) === null || s === void 0 || (d = s.options) === null || d === void 0 ? void 0 : d.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, s, d, 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 || (s = t.locale) === null || s === void 0 || (d = s.options) === null || d === void 0 ? void 0 : d.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 D = 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() >= D.getTime() ? f + 1 : m.getTime() >= $.getTime() ? f : f - 1;
-}
-function Ct(e, t) {
-  var a, n, r, i, s, d, c, h;
-  v(1, arguments);
-  var m = B(), f = k((a = (n = (r = (i = t?.firstWeekContainsDate) !== null && i !== void 0 ? i : t == null || (s = t.locale) === null || s === void 0 || (d = s.options) === null || d === void 0 ? void 0 : d.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 u(e, t) {
-  for (var a = e < 0 ? "-" : "", n = Math.abs(e).toString(); n.length < t; )
-    n = "0" + n;
-  return a + n;
-}
-var Mt = {
-  // Year
-  y: function(t, a) {
-    var n = t.getUTCFullYear(), r = n > 0 ? n : 1 - n;
-    return u(a === "yy" ? r % 100 : r, a.length);
-  },
-  // Month
-  M: function(t, a) {
-    var n = t.getUTCMonth();
-    return a === "M" ? String(n + 1) : u(n + 1, 2);
-  },
-  // Day of the month
-  d: function(t, a) {
-    return u(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 u(t.getUTCHours() % 12 || 12, a.length);
-  },
-  // Hour [0-23]
-  H: function(t, a) {
-    return u(t.getUTCHours(), a.length);
-  },
-  // Minute
-  m: function(t, a) {
-    return u(t.getUTCMinutes(), a.length);
-  },
-  // Second
-  s: function(t, a) {
-    return u(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 u(i, a.length);
-  }
-};
-const T = Mt;
-var M = {
-  am: "am",
-  pm: "pm",
-  midnight: "midnight",
-  noon: "noon",
-  morning: "morning",
-  afternoon: "afternoon",
-  evening: "evening",
-  night: "night"
-}, Dt = {
-  // 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), s = i > 0 ? i : 1 - i;
-    if (a === "YY") {
-      var d = s % 100;
-      return u(d, 2);
-    }
-    return a === "Yo" ? n.ordinalNumber(s, {
-      unit: "year"
-    }) : u(s, a.length);
-  },
-  // ISO week-numbering year
-  R: function(t, a) {
-    var n = G(t);
-    return u(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 u(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 u(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 u(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 u(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"
-    }) : u(i, a.length);
-  },
-  // ISO week of year
-  I: function(t, a, n) {
-    var r = xt(t);
-    return a === "Io" ? n.ordinalNumber(r, {
-      unit: "week"
-    }) : u(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"
-    }) : u(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(), s = (i - r.weekStartsOn + 8) % 7 || 7;
-    switch (a) {
-      case "e":
-        return String(s);
-      case "ee":
-        return u(s, 2);
-      case "eo":
-        return n.ordinalNumber(s, {
-          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(), s = (i - r.weekStartsOn + 8) % 7 || 7;
-    switch (a) {
-      case "c":
-        return String(s);
-      case "cc":
-        return u(s, a.length);
-      case "co":
-        return n.ordinalNumber(s, {
-          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 u(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 = M.noon : r === 0 ? i = M.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 = M.evening : r >= 12 ? i = M.afternoon : r >= 4 ? i = M.morning : i = M.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"
-    }) : u(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"
-    }) : u(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, s = i.getTimezoneOffset();
-    if (s === 0)
-      return "Z";
-    switch (a) {
-      case "X":
-        return j(s);
-      case "XXXX":
-      case "XX":
-        return S(s);
-      case "XXXXX":
-      case "XXX":
-      default:
-        return S(s, ":");
-    }
-  },
-  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(t, a, n, r) {
-    var i = r._originalDate || t, s = i.getTimezoneOffset();
-    switch (a) {
-      case "x":
-        return j(s);
-      case "xxxx":
-      case "xx":
-        return S(s);
-      case "xxxxx":
-      case "xxx":
-      default:
-        return S(s, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(t, a, n, r) {
-    var i = r._originalDate || t, s = i.getTimezoneOffset();
-    switch (a) {
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + q(s, ":");
-      case "OOOO":
-      default:
-        return "GMT" + S(s, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(t, a, n, r) {
-    var i = r._originalDate || t, s = i.getTimezoneOffset();
-    switch (a) {
-      case "z":
-      case "zz":
-      case "zzz":
-        return "GMT" + q(s, ":");
-      case "zzzz":
-      default:
-        return "GMT" + S(s, ":");
-    }
-  },
-  // Seconds timestamp
-  t: function(t, a, n, r) {
-    var i = r._originalDate || t, s = Math.floor(i.getTime() / 1e3);
-    return u(s, a.length);
-  },
-  // Milliseconds timestamp
-  T: function(t, a, n, r) {
-    var i = r._originalDate || t, s = i.getTime();
-    return u(s, a.length);
-  }
-};
-function q(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 s = t;
-  return a + String(r) + s + u(i, 2);
-}
-function j(e, t) {
-  if (e % 60 === 0) {
-    var a = e > 0 ? "-" : "+";
-    return a + u(Math.abs(e) / 60, 2);
-  }
-  return S(e, t);
-}
-function S(e, t) {
-  var a = t || "", n = e > 0 ? "-" : "+", r = Math.abs(e), i = u(Math.floor(r / 60), 2), s = u(r % 60, 2);
-  return n + i + a + s;
-}
-const Pt = Dt;
-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"
-      });
-  }
-}, Ot = function(t, a) {
-  var n = t.match(/(P+)(p+)?/) || [], r = n[1], i = n[2];
-  if (!i)
-    return z(t, a);
-  var s;
-  switch (r) {
-    case "P":
-      s = a.dateTime({
-        width: "short"
-      });
-      break;
-    case "PP":
-      s = a.dateTime({
-        width: "medium"
-      });
-      break;
-    case "PPP":
-      s = a.dateTime({
-        width: "long"
-      });
-      break;
-    case "PPPP":
-    default:
-      s = a.dateTime({
-        width: "full"
-      });
-      break;
-  }
-  return s.replace("{{date}}", z(r, a)).replace("{{time}}", J(i, a));
-}, Ut = {
-  p: J,
-  P: Ot
-};
-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"
-}, Rt = {
-  full: "{{date}} 'at' {{time}}",
-  long: "{{date}} 'at' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-}, qt = {
-  date: I({
-    formats: Ht,
-    defaultWidth: "full"
-  }),
-  time: I({
-    formats: It,
-    defaultWidth: "full"
-  }),
-  dateTime: I({
-    formats: Rt,
-    defaultWidth: "full"
-  })
-};
-const jt = qt;
-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, s = a != null && a.width ? String(a.width) : i;
-      r = e.formattingValues[s] || e.formattingValues[i];
-    } else {
-      var d = e.defaultWidth, c = a != null && a.width ? String(a.width) : e.defaultWidth;
-      r = e.values[c] || e.values[d];
-    }
-    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 s = i[0], d = n && e.parsePatterns[n] || e.parsePatterns[e.defaultParseWidth], c = Array.isArray(d) ? re(d, function(f) {
-      return f.test(s);
-    }) : ne(d, function(f) {
-      return f.test(s);
-    }), h;
-    h = e.valueCallback ? e.valueCallback(c) : c, h = a.valueCallback ? a.valueCallback(h) : h;
-    var m = t.slice(s.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 s = e.valueCallback ? e.valueCallback(i[0]) : i[0];
-    s = a.valueCallback ? a.valueCallback(s) : s;
-    var d = t.slice(r.length);
-    return {
-      value: s,
-      rest: d
-    };
-  };
-}
-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
-}, ue = {
-  any: [/^b/i, /^(a|c)/i]
-}, de = {
-  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: ue,
-    defaultParseWidth: "any"
-  }),
-  quarter: W({
-    matchPatterns: de,
-    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, Me = /[a-zA-Z]/;
-function De(e, t, a) {
-  var n, r, i, s, d, c, h, m, f, p, g, w, D, C;
-  v(2, arguments);
-  var $ = String(t), P = B(), O = (n = (r = void 0) !== null && r !== void 0 ? r : P.locale) !== null && n !== void 0 ? n : xe, N = k((i = (s = (d = (c = void 0) !== null && c !== void 0 ? c : void 0) !== null && d !== void 0 ? d : P.firstWeekContainsDate) !== null && s !== void 0 ? s : (h = P.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 : P.weekStartsOn) !== null && p !== void 0 ? p : (D = P.locale) === null || D === void 0 || (C = D.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 (!O.localize)
-    throw new RangeError("locale must contain localize property");
-  if (!O.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: O,
-    _originalDate: F
-  }, nt = $.match(Ce).map(function(b) {
-    var x = b[0];
-    if (x === "p" || x === "P") {
-      var E = Wt[x];
-      return E(b, O.formatLong);
-    }
-    return b;
-  }).join("").match(Te).map(function(b) {
-    if (b === "''")
-      return "'";
-    var x = b[0];
-    if (x === "'")
-      return Pe(b);
-    var E = Pt[x];
-    if (E)
-      return Lt(b) && A(b, t, String(e)), _t(b) && A(b, t, String(e)), E(et, b, O.localize, at);
-    if (x.match(Me))
-      throw new RangeError("Format string contains an unescaped latin alphabet character `" + x + "`");
-    return b;
-  }).join("");
-  return nt;
-}
-function Pe(e) {
-  var t = e.match(Se);
-  return t ? t[1].replace(ke, "'") : e;
-}
-class K {
-  constructor() {
-  }
-  static dateToFormatedString(t, a) {
-    const n = a ? De(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 Oe = (e) => o(
-  "div",
-  { class: "data-transaction" },
-  o("p", null, e.productType),
-  o(
-    "p",
-    { class: "text-style text-style-status" },
-    o("span", { class: e.status.toLowerCase() }, e.status)
-  ),
-  o(
-    "p",
-    { class: "date" },
-    e.transId,
-    " | ",
-    K.dateToFormatedString(new Date(e.created), e.dateformat)
-  ),
-  o(
-    "p",
-    { class: "text-style" },
-    Z.format(e.currency, e.realAmount),
-    " "
-  )
-), Ue = (e) => o(
-  "div",
-  { class: "page-size" },
-  o("span", null, l.translate("show", e.language)),
-  e.pageSizes.map((t) => o("button", { class: e.currentPageSize === t ? "active" : "", onClick: () => e.changePageSize(t) }, t))
-), We = ({ from: e, to: t, applyFilters: a, language: n }) => {
-  let r, i;
-  const s = () => {
-    e = r.value;
-  }, d = () => {
-    t = i.value;
-  };
-  return o(
-    "div",
-    { class: "period" },
-    o(
-      "div",
-      { class: "period-content" },
-      o(
-        "div",
-        { class: "date-input" },
-        o("vaadin-date-picker", { value: e, ref: (c) => r = c, label: l.translate("from", n), onChange: s })
-      ),
-      o(
-        "span",
-        null,
-        o(
-          "svg",
-          { width: "24px", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-          o("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" })
-        )
-      ),
-      o(
-        "div",
-        { class: "date-input" },
-        o("vaadin-date-picker", { value: t, ref: (c) => i = c, label: l.translate("to", n), onChange: d })
-      ),
-      o("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 o(
-    "table",
-    null,
-    o(
-      "thead",
-      null,
-      o("tr", null, n.map((r) => o("th", null, r.name)))
-    ),
-    o("tbody", null, e.map((r) => o(
-      "tr",
-      null,
-      o("td", null, r.transId),
-      o("td", null, K.dateToFormatedString(new Date(r.created), a)),
-      o(
-        "td",
-        null,
-        Z.format(r.currency, r.realAmount),
-        " "
-      ),
-      o("td", null, r.productType),
-      o(
-        "td",
-        null,
-        o("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%}}.MenuReturnButton{font:inherit;color:var(--emw--color-gray-300, #58586B);display:inline-flex;align-items:center;column-gap:10px;margin-bottom:10px}.MenuReturnButton svg{fill:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))}.MenuReturnButton h2.TransactionTitleMobile{font-size:16px;color:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))}', _e = Ye, Le = class {
-  constructor(e) {
-    ot(this, e), this.pageSizes = [10, 25, 50], this.pagination = null, this.toggleScreen = () => {
-      window.postMessage({ type: "PlayerAccountMenuActive", isMobile: this.mobile }, window.location.href);
-    }, 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 = R("../assets/filter.svg"), a = R("../assets/warning.svg");
-    return o(st, { key: "2c1d74e9d321eb73796caa26b58faa1b130d1da1" }, this.showLoader ? o(ht, null) : "", o("div", { key: "a33973c114c4baa184a3699d46e8eb970f3b9dcc", class: "wrapper", ref: (n) => this.stylingContainer = n }, this.mobile ? o("div", { class: "MenuReturnButton", onClick: this.toggleScreen }, o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, o("defs", null), o("g", { transform: "translate(-20 -158)" }, o("g", { transform: "translate(20 158)" }, o("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)" })))), o("h2", { class: "TransactionTitleMobile" }, l.translate("transactionTitle", this.language))) : o("h2", { class: "TransactionTitle" }, l.translate("transactionTitle", this.language)), o("div", { key: "2609cf88acf3364e4b40510d451ed49eface97e6", class: { "types types-mobile": this.mobile, "types types-desktop": !this.mobile } }, o("button", { key: "7efdac157edfb5dc08f4219b91cf784ac6961d0c", class: "transaction-type " + (this.type === "0" ? "clicked" : ""), onClick: () => this.changeTransactionsType("0") }, l.translate("deposit", this.language)), o("button", { key: "eaf33173f0e6d6271724816400f63f571874906a", class: "transaction-type " + (this.type === "1" ? "clicked" : ""), onClick: () => this.changeTransactionsType("1") }, l.translate("withdrawals", this.language))), this.mobile ? "" : o(Ue, { language: this.language, pageSizes: this.pageSizes, currentPageSize: this.pageSize, changePageSize: (n) => this.changePageSize(n) }), this.mobile ? o("button", { class: "mobile-filter-button", onClick: () => this.showFilter() }, o("img", { src: t, alt: "Filter" }), l.translate("filter", this.language)) : "", !this.mobile || this.showMobileFilter && this.mobile ? o(We, { language: this.language, applyFilters: (n, r) => this.applyFilters(n, r) }) : "", ((e = this.transactions) === null || e === void 0 ? void 0 : e.length) > 0 ? o("div", { class: "table" }, this.mobile ? o("div", { class: "mobile-table" }, this.transactions.map((n) => o(Oe, Object.assign({}, n, { dateformat: this.dateFormat })))) : o(Fe, { source: this.transactions, language: this.language, dateformat: this.dateFormat })) : o("div", { class: "noData" }, o("img", { src: a, alt: "Warning" }), o("span", null, l.translate("noData", this.language))), o("div", { key: "c8b5f7a1cac64df3fb7879ad020379b81672b8ae", class: "pagination" }, o("button", { key: "ac06e5c8c62367626b2c72c8d5ee552cefafd3fa", onClick: () => this.prev() }, "<"), o("button", { key: "bff70f58f1815d8da93fa8e5b2b541893a4f475c", 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
-};