@everymatrix/player-account-controller 1.65.3 → 1.66.0

package/stencil/{user-deposit-withdrawal-BMWb-WJE.js → user-deposit-withdrawal-Dzz_fEvK.js}

@@ -1,4 +1,4 @@
-import { b as ae, p as oe, r as se, h as b, H as de } from "./index-1ef3a64c-B1Hda3TY.js";
+import { b as ae, p as oe, r as se, h as b, H as de } from "./index-1ef3a64c-DsTe-fF4.js";
 import { c as ue } from "./app-globals-0f993ce5-DzSE6TtH.js";
 var le = () => {
   const n = import.meta.url, h = {};
@@ -147,7 +147,7 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
   (function(u, l) {
     n.exports = l();
   })(te, function() {
-    var u = 1e3, l = 6e4, m = 36e5, L = "millisecond", S = "second", y = "minute", c = "hour", T = "day", P = "week", D = "month", N = "quarter", z = "year", E = "date", o = "Invalid Date", M = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, I = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, F = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(a) {
+    var u = 1e3, l = 6e4, m = 36e5, L = "millisecond", v = "second", y = "minute", c = "hour", T = "day", P = "week", D = "month", N = "quarter", z = "year", E = "date", o = "Invalid Date", M = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, I = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, F = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(a) {
       var r = ["th", "st", "nd", "rd"], e = a % 100;
       return "[" + a + (r[(e - 20) % 10] || r[e] || r[0]) + "]";
     } }, U = function(a, r, e) {
@@ -164,7 +164,7 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     }, a: function(a) {
       return a < 0 ? Math.ceil(a) || 0 : Math.floor(a);
     }, p: function(a) {
-      return { M: D, y: z, w: P, d: T, D: E, h: c, m: y, s: S, ms: L, Q: N }[a] || String(a || "").toLowerCase().replace(/s$/, "");
+      return { M: D, y: z, w: P, d: T, D: E, h: c, m: y, s: v, ms: L, Q: N }[a] || String(a || "").toLowerCase().replace(/s$/, "");
     }, u: function(a) {
       return a === void 0;
     } }, x = "en", k = {};
@@ -239,20 +239,20 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }, r.valueOf = function() {
         return this.$d.getTime();
       }, r.startOf = function(e, i) {
-        var t = this, s = !!f.u(i) || i, d = f.p(e), p = function(R, v) {
-          var j = f.w(t.$u ? Date.UTC(t.$y, v, R) : new Date(t.$y, v, R), t);
+        var t = this, s = !!f.u(i) || i, d = f.p(e), p = function(R, $) {
+          var j = f.w(t.$u ? Date.UTC(t.$y, $, R) : new Date(t.$y, $, R), t);
           return s ? j : j.endOf(T);
-        }, g = function(R, v) {
-          return f.w(t.toDate()[R].apply(t.toDate("s"), (s ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(v)), t);
-        }, C = this.$W, $ = this.$M, W = this.$D, Y = "set" + (this.$u ? "UTC" : "");
+        }, g = function(R, $) {
+          return f.w(t.toDate()[R].apply(t.toDate("s"), (s ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice($)), t);
+        }, C = this.$W, S = this.$M, W = this.$D, Y = "set" + (this.$u ? "UTC" : "");
         switch (d) {
           case z:
             return s ? p(1, 0) : p(31, 11);
           case D:
-            return s ? p(1, $) : p(0, $ + 1);
+            return s ? p(1, S) : p(0, S + 1);
           case P:
             var _ = this.$locale().weekStart || 0, A = (C < _ ? C + 7 : C) - _;
-            return p(s ? W - A : W + (6 - A), $);
+            return p(s ? W - A : W + (6 - A), S);
           case T:
           case E:
             return g(Y + "Hours", 0);
@@ -260,7 +260,7 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
             return g(Y + "Minutes", 1);
           case y:
             return g(Y + "Seconds", 2);
-          case S:
+          case v:
             return g(Y + "Milliseconds", 3);
           default:
             return this.clone();
@@ -268,7 +268,7 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }, r.endOf = function(e) {
         return this.startOf(e, !1);
       }, r.$set = function(e, i) {
-        var t, s = f.p(e), d = "set" + (this.$u ? "UTC" : ""), p = (t = {}, t[T] = d + "Date", t[E] = d + "Date", t[D] = d + "Month", t[z] = d + "FullYear", t[c] = d + "Hours", t[y] = d + "Minutes", t[S] = d + "Seconds", t[L] = d + "Milliseconds", t)[s], g = s === T ? this.$D + (i - this.$W) : i;
+        var t, s = f.p(e), d = "set" + (this.$u ? "UTC" : ""), p = (t = {}, t[T] = d + "Date", t[E] = d + "Date", t[D] = d + "Month", t[z] = d + "FullYear", t[c] = d + "Hours", t[y] = d + "Minutes", t[v] = d + "Seconds", t[L] = d + "Milliseconds", t)[s], g = s === T ? this.$D + (i - this.$W) : i;
         if (s === D || s === z) {
           var C = this.clone().set(E, 1);
           C.$d[p](g), C.init(), this.$d = C.set(E, Math.min(this.$D, C.daysInMonth())).$d;
@@ -282,9 +282,9 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }, r.add = function(e, i) {
         var t, s = this;
         e = Number(e);
-        var d = f.p(i), p = function($) {
+        var d = f.p(i), p = function(S) {
           var W = w(s);
-          return f.w(W.date(W.date() + Math.round($ * e)), s);
+          return f.w(W.date(W.date() + Math.round(S * e)), s);
         };
         if (d === D)
           return this.set(D, this.$M + e);
@@ -294,7 +294,7 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           return p(1);
         if (d === P)
           return p(7);
-        var g = (t = {}, t[y] = l, t[c] = m, t[S] = u, t)[d] || 1, C = this.$d.getTime() + e * g;
+        var g = (t = {}, t[y] = l, t[c] = m, t[v] = u, t)[d] || 1, C = this.$d.getTime() + e * g;
         return f.w(C, this);
       }, r.subtract = function(e, i) {
         return this.add(-1 * e, i);
@@ -302,15 +302,15 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         var i = this, t = this.$locale();
         if (!this.isValid())
           return t.invalidDate || o;
-        var s = e || "YYYY-MM-DDTHH:mm:ssZ", d = f.z(this), p = this.$H, g = this.$m, C = this.$M, $ = t.weekdays, W = t.months, Y = t.meridiem, _ = function(v, j, V, J) {
-          return v && (v[j] || v(i, s)) || V[j].slice(0, J);
-        }, A = function(v) {
-          return f.s(p % 12 || 12, v, "0");
-        }, R = Y || function(v, j, V) {
-          var J = v < 12 ? "AM" : "PM";
+        var s = e || "YYYY-MM-DDTHH:mm:ssZ", d = f.z(this), p = this.$H, g = this.$m, C = this.$M, S = t.weekdays, W = t.months, Y = t.meridiem, _ = function($, j, V, J) {
+          return $ && ($[j] || $(i, s)) || V[j].slice(0, J);
+        }, A = function($) {
+          return f.s(p % 12 || 12, $, "0");
+        }, R = Y || function($, j, V) {
+          var J = $ < 12 ? "AM" : "PM";
           return V ? J.toLowerCase() : J;
         };
-        return s.replace(I, function(v, j) {
+        return s.replace(I, function($, j) {
           return j || function(V) {
             switch (V) {
               case "YY":
@@ -332,11 +332,11 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
               case "d":
                 return String(i.$W);
               case "dd":
-                return _(t.weekdaysMin, i.$W, $, 2);
+                return _(t.weekdaysMin, i.$W, S, 2);
               case "ddd":
-                return _(t.weekdaysShort, i.$W, $, 3);
+                return _(t.weekdaysShort, i.$W, S, 3);
               case "dddd":
-                return $[i.$W];
+                return S[i.$W];
               case "H":
                 return String(p);
               case "HH":
@@ -363,12 +363,12 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
                 return d;
             }
             return null;
-          }(v) || d.replace(":", "");
+          }($) || d.replace(":", "");
         });
       }, r.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, r.diff = function(e, i, t) {
-        var s, d = this, p = f.p(i), g = w(e), C = (g.utcOffset() - this.utcOffset()) * l, $ = this - g, W = function() {
+        var s, d = this, p = f.p(i), g = w(e), C = (g.utcOffset() - this.utcOffset()) * l, S = this - g, W = function() {
           return f.m(d, g);
         };
         switch (p) {
@@ -382,22 +382,22 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
             s = W() / 3;
             break;
           case P:
-            s = ($ - C) / 6048e5;
+            s = (S - C) / 6048e5;
             break;
           case T:
-            s = ($ - C) / 864e5;
+            s = (S - C) / 864e5;
             break;
           case c:
-            s = $ / m;
+            s = S / m;
             break;
           case y:
-            s = $ / l;
+            s = S / l;
             break;
-          case S:
-            s = $ / u;
+          case v:
+            s = S / u;
             break;
           default:
-            s = $;
+            s = S;
         }
         return t ? s : f.a(s);
       }, r.daysInMonth = function() {
@@ -421,7 +421,7 @@ var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         return this.$d.toUTCString();
       }, a;
     }(), Q = Z.prototype;
-    return w.prototype = Q, [["$ms", L], ["$s", S], ["$m", y], ["$H", c], ["$W", T], ["$M", D], ["$y", z], ["$D", E]].forEach(function(a) {
+    return w.prototype = Q, [["$ms", L], ["$s", v], ["$m", y], ["$H", c], ["$W", T], ["$M", D], ["$y", z], ["$D", E]].forEach(function(a) {
       Q[a[1]] = function(r) {
         return this.$g(r, a[0], a[1]);
       };
@@ -439,11 +439,11 @@ var ie = { exports: {} };
     n.exports = l();
   })(te, function() {
     var u = "minute", l = /[+-]\d\d(?::?\d\d)?/g, m = /([+-]|\d\d)/g;
-    return function(L, S, y) {
-      var c = S.prototype;
+    return function(L, v, y) {
+      var c = v.prototype;
       y.utc = function(o) {
         var M = { date: o, utc: !0, args: arguments };
-        return new S(M);
+        return new v(M);
       }, c.utc = function(o) {
         var M = y(this.toDate(), { locale: this.$L, utc: !0 });
         return o ? M.add(this.utcOffset(), u) : M;
@@ -584,7 +584,7 @@ const ge = ie.exports, ye = `:host {
 }`, we = ye;
 ne.extend(ge);
 const Ce = () => {
-}, Se = class {
+}, ve = class {
   constructor(n) {
     se(this, n), this.bindedHandler = this.handleMessage.bind(this), this.userAgent = window.navigator.userAgent, this.isMobile = me(this.userAgent), this.errorCodes = ["21123", "21122", "21121"], this.mbSource = void 0, this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.endpoint = void 0, this.type = void 0, this.channel = void 0, this.language = void 0, this.productType = void 0, this.userId = void 0, this.session = void 0, this.successUrl = void 0, this.cancelUrl = void 0, this.failUrl = void 0, this.sportsUrl = void 0, this.casinoUrl = void 0, this.contactUrl = void 0, this.depositUrl = void 0, this.currency = "", this.showBonusSelectionInput = "true", this.isShortCashier = !1, this.homeUrl = void 0, this.beforeRedirect = Ce, this.dynamicHeight = void 0, this.cashierInfoUrl = void 0;
   }
@@ -652,8 +652,8 @@ const Ce = () => {
       else {
         let m;
         if (l.ResponseMessage) {
-          let S = this.errorCodes.find((y) => l.ResponseMessage.includes(y)) || null;
-          S ? m = H(`errorCode${S}`, this.language) : m = H("notFoundErrorCode", this.language);
+          let v = this.errorCodes.find((y) => l.ResponseMessage.includes(y)) || null;
+          v ? m = H(`errorCode${v}`, this.language) : m = H("notFoundErrorCode", this.language);
         } else
           m = this.type === "deposit" ? H("denyDeposit", this.language) : H("denyWithdrawal", this.language);
         const L = { type: "error", message: m };
@@ -664,8 +664,8 @@ const Ce = () => {
     }
   }
   handleMessage(n) {
-    var h, u, l, m, L, S, y, c;
-    n.data["MMFE:openFullCashier"] === "true" && (window.postMessage({ type: "GoToDeposit" }, window.location.href), window.postMessage({ type: "CloseShortCashier" }, window.location.href)), n.data["MMFE:setQuickDepositHeight"] && this.isShortCashier && (this.dynamicHeight = n.data["MMFE:setQuickDepositHeight"].toString() + "px"), n.data["MMFE:setIFrameHeight"] && (this.dynamicHeight = n.data["MMFE:setIFrameHeight"].toString() + "px"), ((h = n.data) === null || h === void 0 ? void 0 : h.type) === "mm-hcback-to-merchant" && this.doRedirect(n.data.type, this.homeUrl), ((u = n.data) === null || u === void 0 ? void 0 : u.redirect) === "mm-hc-back-tomerchant" && this.doRedirect(n.data.redirect, this.homeUrl), ((l = n.data) === null || l === void 0 ? void 0 : l.redirect) === "mm-hc-sports" && this.doRedirect((m = n.data) === null || m === void 0 ? void 0 : m.redirect, this.sportsUrl), ((L = n.data) === null || L === void 0 ? void 0 : L.redirect) === "mm-hc-casino" && this.doRedirect(window.location.href, this.casinoUrl), ((S = n.data) === null || S === void 0 ? void 0 : S.redirect) === "mm-hc-contact" && (window.postMessage({ type: "CloseShortCashier" }, window.location.href), this.doRedirect(window.location.href, this.contactUrl)), (((y = n.data) === null || y === void 0 ? void 0 : y.redirect) === "mm-wm-hc-init-deposit" || ((c = n.data) === null || c === void 0 ? void 0 : c.redirect) === "mm-wm-hc-init-deposit-quick") && (window.postMessage({ type: "CloseShortCashier" }, window.location.href), this.doRedirect(window.location.href, this.depositUrl));
+    var h, u, l, m, L, v, y, c;
+    n.data["MMFE:openFullCashier"] === "true" && (window.postMessage({ type: "GoToDeposit" }, window.location.href), window.postMessage({ type: "CloseShortCashier" }, window.location.href)), n.data["MMFE:setQuickDepositHeight"] && this.isShortCashier && (this.dynamicHeight = n.data["MMFE:setQuickDepositHeight"].toString() + "px"), n.data["MMFE:setIFrameHeight"] && (this.dynamicHeight = n.data["MMFE:setIFrameHeight"].toString() + "px"), ((h = n.data) === null || h === void 0 ? void 0 : h.type) === "mm-hcback-to-merchant" && this.doRedirect(n.data.type, this.homeUrl), ((u = n.data) === null || u === void 0 ? void 0 : u.redirect) === "mm-hc-back-tomerchant" && this.doRedirect(n.data.redirect, this.homeUrl), ((l = n.data) === null || l === void 0 ? void 0 : l.redirect) === "mm-hc-sports" && this.doRedirect((m = n.data) === null || m === void 0 ? void 0 : m.redirect, this.sportsUrl), ((L = n.data) === null || L === void 0 ? void 0 : L.redirect) === "mm-hc-casino" && this.doRedirect(window.location.href, this.casinoUrl), ((v = n.data) === null || v === void 0 ? void 0 : v.redirect) === "mm-hc-contact" && (window.postMessage({ type: "CloseShortCashier" }, window.location.href), this.doRedirect(window.location.href, this.contactUrl)), (((y = n.data) === null || y === void 0 ? void 0 : y.redirect) === "mm-wm-hc-init-deposit" || ((c = n.data) === null || c === void 0 ? void 0 : c.redirect) === "mm-wm-hc-init-deposit-quick") && (window.postMessage({ type: "CloseShortCashier" }, window.location.href), this.doRedirect(window.location.href, this.depositUrl));
   }
   doRedirect(n, h) {
     const u = { reason: n, url: h, cancel: !1 };
@@ -689,7 +689,7 @@ const Ce = () => {
     };
   }
 };
-Se.style = we;
+ve.style = we;
 export {
-  Se as user_deposit_withdrawal
+  ve as user_deposit_withdrawal
 };

package/stencil/{user-transaction-history-CXBKXul8.js → user-transaction-history-BAK7MHHa.js}

@@ -2,23 +2,23 @@ var c = (t, a, i) => new Promise((n, r) => {
   var l = (s) => {
     try {
       d(i.next(s));
-    } catch (u) {
-      r(u);
+    } catch (p) {
+      r(p);
     }
   }, h = (s) => {
     try {
       d(i.throw(s));
-    } catch (u) {
-      r(u);
+    } catch (p) {
+      r(p);
     }
   }, d = (s) => s.done ? n(s.value) : Promise.resolve(s.value).then(l, h);
   d((i = i.apply(t, a)).next());
 });
-import { b as y, p as x, r as v, g as p, h as e, H as w, a as S } from "./index-7c5e707a-8-4_dLFT.js";
+import { b as y, p as v, r as x, g as u, h as e, H as w, a as S } from "./index-7c5e707a-DvxqcEpc.js";
 import { d as C } from "./app-globals-0f993ce5-DzSE6TtH.js";
 var k = () => {
   const t = import.meta.url, a = {};
-  return t !== "" && (a.resourcesUrl = new URL(".", t).href), x(a);
+  return t !== "" && (a.resourcesUrl = new URL(".", t).href), v(a);
 };
 k().then((t) => c(void 0, null, function* () {
   return yield C(), y([["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"], 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"] }]]]], t);
@@ -108,7 +108,7 @@ const B = () => e(
   e("div", null),
   e("div", null)
 );
-class f {
+class b {
   constructor() {
   }
   static dateToFormatedString(a) {
@@ -116,7 +116,7 @@ class f {
     return `${i}, ${n}`;
   }
 }
-class b {
+class f {
   constructor() {
   }
   static format(a, i) {
@@ -145,12 +145,12 @@ const L = (t) => e(
     { class: "date" },
     t.transId,
     " | ",
-    f.dateToFormatedString(new Date(t.created))
+    b.dateToFormatedString(new Date(t.created))
   ),
   e(
     "p",
     { class: "text-style" },
-    b.format(t.currency, t.realAmount),
+    f.format(t.currency, t.realAmount),
     " "
   )
 ), D = (t) => e(
@@ -219,11 +219,11 @@ const L = (t) => e(
       "tr",
       null,
       e("td", null, n.transId),
-      e("td", null, f.dateToFormatedString(new Date(n.created))),
+      e("td", null, b.dateToFormatedString(new Date(n.created))),
       e(
         "td",
         null,
-        b.format(n.currency, n.realAmount),
+        f.format(n.currency, n.realAmount),
         " "
       ),
       e("td", null, n.productType),
@@ -260,7 +260,7 @@ function U(t, a, i) {
 }
 const z = ':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%}}', I = z, H = class {
   constructor(t) {
-    v(this, t), this.pageSizes = [10, 25, 50], this.pagination = null, this.endpoint = void 0, this.session = void 0, this.language = o.defaultLanguage, this.userId = void 0, this.translationUrl = void 0, this.mobile = !1, this.clientStyling = null, this.clientStylingUrl = null, this.mbSource = void 0, 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;
+    x(this, t), this.pageSizes = [10, 25, 50], this.pagination = null, this.endpoint = void 0, this.session = void 0, this.language = o.defaultLanguage, this.userId = void 0, this.translationUrl = void 0, this.mobile = !1, this.clientStyling = null, this.clientStylingUrl = null, this.mbSource = void 0, 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();
@@ -318,7 +318,7 @@ const z = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--h
   }
   render() {
     var t;
-    const a = p("../assets/filter.svg"), i = p("../assets/warning.svg");
+    const a = u("../assets/filter.svg"), i = u("../assets/warning.svg");
     return e(w, { key: "8d6470d73afff5dbc8a8c3a1a47426223971ad47" }, this.showLoader ? e(B, null) : "", e("div", { key: "8c32d9425b701747559ea1e63a3b2c4bb31780ab", class: "wrapper", ref: (n) => this.stylingContainer = n }, e("div", { key: "b2a9216bfcfa5950c174f6e06a179e2ae3790f6b", class: { "types types-mobile": this.mobile, "types types-desktop": !this.mobile } }, e("button", { key: "e2ce33fe2ab27abab68bd721b8b945bde5d672ac", class: "transaction-type " + (this.type === "0" ? "clicked" : ""), onClick: () => this.changeTransactionsType("0") }, o.translate("deposit", this.language)), e("button", { key: "6d80bef56bf4ec590cc2e4aa704f930a47b29f3c", class: "transaction-type " + (this.type === "1" ? "clicked" : ""), onClick: () => this.changeTransactionsType("1") }, o.translate("withdrawals", this.language))), this.mobile ? "" : e(D, { language: this.language, pageSizes: this.pageSizes, currentPageSize: this.pageSize, changePageSize: (n) => this.changePageSize(n) }), this.mobile ? e("button", { class: "mobile-filter-button", onClick: () => this.showFilter() }, e("img", { src: a, alt: "Filter" }), o.translate("filter", this.language)) : "", !this.mobile || this.showMobileFilter && this.mobile ? e(F, { language: this.language, applyFilters: (n, r) => this.applyFilters(n, r) }) : "", ((t = this.transactions) === null || t === void 0 ? void 0 : t.length) > 0 ? e("div", { class: "table" }, this.mobile ? e("div", { class: "mobile-table" }, this.transactions.map((n) => e(L, Object.assign({}, n)))) : e(M, { source: this.transactions, language: this.language })) : e("div", { class: "noData" }, e("img", { src: i, alt: "Warning" }), e("span", null, o.translate("noData", this.language))), e("div", { key: "14b4d34c0e1d258ea0547b4aa43766199a629526", class: "pagination" }, e("button", { key: "fdd2a70e6dacf863c0783ab8dce80951294f04cc", onClick: () => this.prev() }, "<"), e("button", { key: "3bdc96262e16573e24ba07362e80ea779d30da9f", onClick: () => this.next() }, ">"))));
   }
   loadTransactions() {

package/stencil/{user-transaction-history-BU4-cXt6.js → user-transaction-history-DhQ6RqNc.js}

@@ -1,10 +1,10 @@
-import { b as f, p as b, r as y, g as d, h as e, H as x, a as v } from "./index-7c5e707a-CuTkyLaW.js";
+import { b, p as f, r as y, g as d, h as e, H as v, a as x } from "./index-7c5e707a-C9R6jYpt.js";
 import { d as w } from "./app-globals-0f993ce5-DzSE6TtH.js";
 var S = () => {
   const t = import.meta.url, a = {};
-  return t !== "" && (a.resourcesUrl = new URL(".", t).href), b(a);
+  return t !== "" && (a.resourcesUrl = new URL(".", t).href), f(a);
 };
-S().then(async (t) => (await w(), f([["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"], 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"] }]]]], t)));
+S().then(async (t) => (await w(), b([["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"], 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"] }]]]], t)));
 const C = {
   en: {
     deposit: "Deposit",
@@ -88,7 +88,7 @@ const k = () => e(
   e("div", null),
   e("div", null)
 );
-class u {
+class p {
   constructor() {
   }
   static dateToFormatedString(a) {
@@ -96,7 +96,7 @@ class u {
     return `${i}, ${n}`;
   }
 }
-class p {
+class u {
   constructor() {
   }
   static format(a, i) {
@@ -125,12 +125,12 @@ const T = (t) => e(
     { class: "date" },
     t.transId,
     " | ",
-    u.dateToFormatedString(new Date(t.created))
+    p.dateToFormatedString(new Date(t.created))
   ),
   e(
     "p",
     { class: "text-style" },
-    p.format(t.currency, t.realAmount),
+    u.format(t.currency, t.realAmount),
     " "
   )
 ), B = (t) => e(
@@ -199,11 +199,11 @@ const T = (t) => e(
       "tr",
       null,
       e("td", null, n.transId),
-      e("td", null, u.dateToFormatedString(new Date(n.created))),
+      e("td", null, p.dateToFormatedString(new Date(n.created))),
       e(
         "td",
         null,
-        p.format(n.currency, n.realAmount),
+        u.format(n.currency, n.realAmount),
         " "
       ),
       e("td", null, n.productType),
@@ -297,7 +297,7 @@ const M = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--h
   render() {
     var t;
     const a = d("../assets/filter.svg"), i = d("../assets/warning.svg");
-    return e(x, { key: "8d6470d73afff5dbc8a8c3a1a47426223971ad47" }, this.showLoader ? e(k, null) : "", e("div", { key: "8c32d9425b701747559ea1e63a3b2c4bb31780ab", class: "wrapper", ref: (n) => this.stylingContainer = n }, e("div", { key: "b2a9216bfcfa5950c174f6e06a179e2ae3790f6b", class: { "types types-mobile": this.mobile, "types types-desktop": !this.mobile } }, e("button", { key: "e2ce33fe2ab27abab68bd721b8b945bde5d672ac", class: "transaction-type " + (this.type === "0" ? "clicked" : ""), onClick: () => this.changeTransactionsType("0") }, o.translate("deposit", this.language)), e("button", { key: "6d80bef56bf4ec590cc2e4aa704f930a47b29f3c", class: "transaction-type " + (this.type === "1" ? "clicked" : ""), onClick: () => this.changeTransactionsType("1") }, o.translate("withdrawals", this.language))), this.mobile ? "" : e(B, { language: this.language, pageSizes: this.pageSizes, currentPageSize: this.pageSize, changePageSize: (n) => this.changePageSize(n) }), this.mobile ? e("button", { class: "mobile-filter-button", onClick: () => this.showFilter() }, e("img", { src: a, alt: "Filter" }), o.translate("filter", this.language)) : "", !this.mobile || this.showMobileFilter && this.mobile ? e(L, { language: this.language, applyFilters: (n, r) => this.applyFilters(n, r) }) : "", ((t = this.transactions) === null || t === void 0 ? void 0 : t.length) > 0 ? e("div", { class: "table" }, this.mobile ? e("div", { class: "mobile-table" }, this.transactions.map((n) => e(T, Object.assign({}, n)))) : e(D, { source: this.transactions, language: this.language })) : e("div", { class: "noData" }, e("img", { src: i, alt: "Warning" }), e("span", null, o.translate("noData", this.language))), e("div", { key: "14b4d34c0e1d258ea0547b4aa43766199a629526", class: "pagination" }, e("button", { key: "fdd2a70e6dacf863c0783ab8dce80951294f04cc", onClick: () => this.prev() }, "<"), e("button", { key: "3bdc96262e16573e24ba07362e80ea779d30da9f", onClick: () => this.next() }, ">"))));
+    return e(v, { key: "8d6470d73afff5dbc8a8c3a1a47426223971ad47" }, this.showLoader ? e(k, null) : "", e("div", { key: "8c32d9425b701747559ea1e63a3b2c4bb31780ab", class: "wrapper", ref: (n) => this.stylingContainer = n }, e("div", { key: "b2a9216bfcfa5950c174f6e06a179e2ae3790f6b", class: { "types types-mobile": this.mobile, "types types-desktop": !this.mobile } }, e("button", { key: "e2ce33fe2ab27abab68bd721b8b945bde5d672ac", class: "transaction-type " + (this.type === "0" ? "clicked" : ""), onClick: () => this.changeTransactionsType("0") }, o.translate("deposit", this.language)), e("button", { key: "6d80bef56bf4ec590cc2e4aa704f930a47b29f3c", class: "transaction-type " + (this.type === "1" ? "clicked" : ""), onClick: () => this.changeTransactionsType("1") }, o.translate("withdrawals", this.language))), this.mobile ? "" : e(B, { language: this.language, pageSizes: this.pageSizes, currentPageSize: this.pageSize, changePageSize: (n) => this.changePageSize(n) }), this.mobile ? e("button", { class: "mobile-filter-button", onClick: () => this.showFilter() }, e("img", { src: a, alt: "Filter" }), o.translate("filter", this.language)) : "", !this.mobile || this.showMobileFilter && this.mobile ? e(L, { language: this.language, applyFilters: (n, r) => this.applyFilters(n, r) }) : "", ((t = this.transactions) === null || t === void 0 ? void 0 : t.length) > 0 ? e("div", { class: "table" }, this.mobile ? e("div", { class: "mobile-table" }, this.transactions.map((n) => e(T, Object.assign({}, n)))) : e(D, { source: this.transactions, language: this.language })) : e("div", { class: "noData" }, e("img", { src: i, alt: "Warning" }), e("span", null, o.translate("noData", this.language))), e("div", { key: "14b4d34c0e1d258ea0547b4aa43766199a629526", class: "pagination" }, e("button", { key: "fdd2a70e6dacf863c0783ab8dce80951294f04cc", onClick: () => this.prev() }, "<"), e("button", { key: "3bdc96262e16573e24ba07362e80ea779d30da9f", onClick: () => this.next() }, ">"))));
   }
   async loadTransactions() {
     this.showLoader = !0;
@@ -329,7 +329,7 @@ const M = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--h
     return ["../assets"];
   }
   get el() {
-    return v(this);
+    return x(this);
   }
   static get watchers() {
     return {

package/stencil/{user-transaction-history-DLLIZ5Ck.cjs → user-transaction-history-DiRXpfbN.cjs}

@@ -1 +1 @@
-"use strict";var c=(t,a,i)=>new Promise((n,r)=>{var l=s=>{try{d(i.next(s))}catch(u){r(u)}},h=s=>{try{d(i.throw(s))}catch(u){r(u)}},d=s=>s.done?n(s.value):Promise.resolve(s.value).then(l,h);d((i=i.apply(t,a)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7c5e707a-nBsW029h.cjs"),x=require("./app-globals-0f993ce5-DgYhdguE.cjs");var p=typeof document!="undefined"?document.currentScript:null,v=()=>{const t=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:p&&p.tagName.toUpperCase()==="SCRIPT"&&p.src||new URL("stencil/user-transaction-history-DLLIZ5Ck.cjs",document.baseURI).href,a={};return t!==""&&(a.resourcesUrl=new URL(".",t).href),e.promiseResolve(a)};v().then(t=>c(exports,null,function*(){return yield x.globalScripts$4(),e.bootstrapLazy([["user-transaction-history",[[1,"user-transaction-history",{endpoint:[513],session:[513],language:[513],userId:[513,"user-id"],translationUrl:[513,"translation-url"],mobile:[516],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],mbSource:[513,"mb-source"],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"]}]]]],t)}));const w={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 o{constructor(){}static loadCustomTranslations(a){return c(this,null,function*(){try{const i=yield fetch(a,{headers:{"Content-Type":"application/json"}});if(!i.ok){const r=yield i.text();throw new Error(r)}const n=yield i.json();o.updateTranslations(n)}catch(i){console.error(`Failed to load translations ${a}. ${i.message}`)}})}static translate(a,i){var n,r;const l=o.getAvaliableLanguages(i);return((r=(n=o.customTranslation)===null||n===void 0?void 0:n[l.customLanguage])===null||r===void 0?void 0:r[a])||o.defaultTranslation[l.predefinedLanguage][a]}static getAvaliableLanguages(a){var i;const n=!((i=o.customLanguages)===null||i===void 0)&&i.includes(a)?a:o.defaultLanguage;return{predefinedLanguage:o.supportedLanguages.includes(a)?a:o.defaultLanguage,customLanguage:n}}static updateTranslations(a){o.customLanguages=Array.from(new Set([...o.supportedLanguages,...Object.keys(a).map(i=>i.toLowerCase())])),o.customTranslation=a}}o.defaultLanguage="en";o.supportedLanguages=["en"];o.defaultTranslation=w;const S=()=>e.h("div",{class:"loader"},e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null));class f{constructor(){}static dateToFormatedString(a){const i=a.toLocaleDateString("en-gb"),n=a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1});return`${i}, ${n}`}}class b{constructor(){}static format(a,i){let n=`${i} ${a}`;try{n=new Intl.NumberFormat("en-US",{style:"currency",currency:a}).format(i)}catch(r){}return n}}const C=t=>e.h("div",{class:"data-transaction"},e.h("p",null,t.productType),e.h("p",{class:"text-style text-style-status"},e.h("span",{class:t.status.toLowerCase()},t.status)),e.h("p",{class:"date"},t.transId," | ",f.dateToFormatedString(new Date(t.created))),e.h("p",{class:"text-style"},b.format(t.currency,t.realAmount)," ")),k=t=>e.h("div",{class:"page-size"},e.h("span",null,o.translate("show",t.language)),t.pageSizes.map(a=>e.h("button",{class:t.currentPageSize===a?"active":"",onClick:()=>t.changePageSize(a)},a))),T=({from:t,to:a,applyFilters:i,language:n})=>{let r,l;const h=()=>{t=r.value},d=()=>{a=l.value};return e.h("div",{class:"period"},e.h("div",{class:"period-content"},e.h("div",{class:"date-input"},e.h("vaadin-date-picker",{value:t,ref:s=>r=s,label:o.translate("from",n),onChange:h})),e.h("span",null,e.h("svg",{width:"24px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{d:"m21 11.75c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75z","fill-rule":"nonzero",fill:"#5d687b"}))),e.h("div",{class:"date-input"},e.h("vaadin-date-picker",{value:a,ref:s=>l=s,label:o.translate("to",n),onChange:d})),e.h("button",{class:"filter-btn",onClick:()=>i(t,a)},o.translate("filter",n))))},B=({source:t,language:a})=>{const i=[{name:o.translate("transactionId",a)},{name:o.translate("date",a)},{name:o.translate("amount",a)},{name:o.translate("productType",a)},{name:o.translate("status",a)}];return e.h("table",null,e.h("thead",null,e.h("tr",null,i.map(n=>e.h("th",null,n.name)))),e.h("tbody",null,t.map(n=>e.h("tr",null,e.h("td",null,n.transId),e.h("td",null,f.dateToFormatedString(new Date(n.created))),e.h("td",null,b.format(n.currency,n.realAmount)," "),e.h("td",null,n.productType),e.h("td",null,e.h("span",{class:n.status.toLowerCase()},n.status))))))};function g(t,a){if(t){const i=document.createElement("style");i.innerHTML=a,t.appendChild(i)}}function m(t,a){const i=new URL(a);fetch(i.href).then(n=>n.text()).then(n=>{const r=document.createElement("style");r.innerHTML=n,t&&t.appendChild(r)}).catch(n=>{console.error("There was an error while trying to load client styling from URL",n)})}function L(t,a,i){if(window.emMessageBus){const n=document.createElement("style");window.emMessageBus.subscribe(a,r=>{n.innerHTML=r,t&&t.appendChild(n)})}}const F=':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%}}',D=F,y=class{constructor(t){e.registerInstance(this,t),this.pageSizes=[10,25,50],this.pagination=null,this.endpoint=void 0,this.session=void 0,this.language=o.defaultLanguage,this.userId=void 0,this.translationUrl=void 0,this.mobile=!1,this.clientStyling=null,this.clientStylingUrl=null,this.mbSource=void 0,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(t,a){t!=a&&g(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,a){t!=a&&this.clientStylingUrl&&m(this.stylingContainer,this.clientStylingUrl)}componentWillLoad(){return c(this,null,function*(){this.translationUrl&&(yield o.loadCustomTranslations(this.translationUrl)),this.loadTransactions()})}componentDidLoad(){this.stylingContainer&&(window.emMessageBus!=null?L(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&g(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&m(this.stylingContainer,this.clientStylingUrl)))}componentDidRender(){this.getComponentHeight()}getComponentHeight(){var t;if(this.mobile){let a=this.el.getBoundingClientRect().height-((t=this.el.shadowRoot.querySelector(".table"))===null||t===void 0?void 0:t.getBoundingClientRect().y);this.el.style.setProperty("--heightScrollableContainer",a+"px")}}setHeightTableProperty(){let t=this.getComponentHeight();this.el.style.setProperty("--heightScrollableContainer",t+"px")}changeTransactionsType(t){this.type=t}changePageSize(t){this.pageSize=t}prev(){var t;!((t=this.pagination)===null||t===void 0)&&t.previous&&this.page--}next(){var t;!((t=this.pagination)===null||t===void 0)&&t.next&&this.page++}applyFilters(t,a){this.from=t?new Date(t).toISOString():null,this.to=a?new Date(a).toISOString():null,this.loadTransactions()}showFilter(){this.showMobileFilter=!this.showMobileFilter}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){var t;const a=e.getAssetPath("../assets/filter.svg"),i=e.getAssetPath("../assets/warning.svg");return e.h(e.Host,{key:"8d6470d73afff5dbc8a8c3a1a47426223971ad47"},this.showLoader?e.h(S,null):"",e.h("div",{key:"8c32d9425b701747559ea1e63a3b2c4bb31780ab",class:"wrapper",ref:n=>this.stylingContainer=n},e.h("div",{key:"b2a9216bfcfa5950c174f6e06a179e2ae3790f6b",class:{"types types-mobile":this.mobile,"types types-desktop":!this.mobile}},e.h("button",{key:"e2ce33fe2ab27abab68bd721b8b945bde5d672ac",class:"transaction-type "+(this.type==="0"?"clicked":""),onClick:()=>this.changeTransactionsType("0")},o.translate("deposit",this.language)),e.h("button",{key:"6d80bef56bf4ec590cc2e4aa704f930a47b29f3c",class:"transaction-type "+(this.type==="1"?"clicked":""),onClick:()=>this.changeTransactionsType("1")},o.translate("withdrawals",this.language))),this.mobile?"":e.h(k,{language:this.language,pageSizes:this.pageSizes,currentPageSize:this.pageSize,changePageSize:n=>this.changePageSize(n)}),this.mobile?e.h("button",{class:"mobile-filter-button",onClick:()=>this.showFilter()},e.h("img",{src:a,alt:"Filter"}),o.translate("filter",this.language)):"",!this.mobile||this.showMobileFilter&&this.mobile?e.h(T,{language:this.language,applyFilters:(n,r)=>this.applyFilters(n,r)}):"",((t=this.transactions)===null||t===void 0?void 0:t.length)>0?e.h("div",{class:"table"},this.mobile?e.h("div",{class:"mobile-table"},this.transactions.map(n=>e.h(C,Object.assign({},n)))):e.h(B,{source:this.transactions,language:this.language})):e.h("div",{class:"noData"},e.h("img",{src:i,alt:"Warning"}),e.h("span",null,o.translate("noData",this.language))),e.h("div",{key:"14b4d34c0e1d258ea0547b4aa43766199a629526",class:"pagination"},e.h("button",{key:"fdd2a70e6dacf863c0783ab8dce80951294f04cc",onClick:()=>this.prev()},"<"),e.h("button",{key:"3bdc96262e16573e24ba07362e80ea779d30da9f",onClick:()=>this.next()},">"))))}loadTransactions(){return c(this,null,function*(){this.showLoader=!0;try{const t=`${this.endpoint}/v1/player/${this.userId}/transactions/banking?${this.getParams()}`,a=yield fetch(t,{headers:{"X-Sessionid":this.session,"Content-Type":"application/json"}});if(!a.ok){const n=yield a.text();throw new Error(n)}const i=yield a.json();this.pagination=i.pagination,this.transactions=i.transactions}catch(t){console.error(t)}finally{this.showLoader=!1}})}getParams(){var t,a;const i=new Date,n=(this.page*this.pageSize).toString(),r=(t=this.from)!==null&&t!==void 0?t:new Date(i.getFullYear(),i.getMonth(),1).toISOString(),l=(a=this.to)!==null&&a!==void 0?a:new Date(i.getFullYear(),i.getMonth()+1,0).toISOString();return`offset=${n}&endDate=${l}&startDate=${r}&type=${this.type}&limit=${this.pageSize}`}static get assetsDirs(){return["../assets"]}get el(){return e.getElement(this)}static get watchers(){return{page:["watchMultiple"],type:["watchMultiple"],session:["watchMultiple"],userId:["watchMultiple"],pageSize:["watchMultiple"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],showMobileFilter:["getComponentHeight"]}}};y.style=D;exports.user_transaction_history=y;
+"use strict";var c=(t,a,i)=>new Promise((n,r)=>{var l=s=>{try{d(i.next(s))}catch(p){r(p)}},h=s=>{try{d(i.throw(s))}catch(p){r(p)}},d=s=>s.done?n(s.value):Promise.resolve(s.value).then(l,h);d((i=i.apply(t,a)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7c5e707a-ESX_oqGB.cjs"),v=require("./app-globals-0f993ce5-DgYhdguE.cjs");var u=typeof document!="undefined"?document.currentScript:null,x=()=>{const t=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:u&&u.tagName.toUpperCase()==="SCRIPT"&&u.src||new URL("stencil/user-transaction-history-DiRXpfbN.cjs",document.baseURI).href,a={};return t!==""&&(a.resourcesUrl=new URL(".",t).href),e.promiseResolve(a)};x().then(t=>c(exports,null,function*(){return yield v.globalScripts$4(),e.bootstrapLazy([["user-transaction-history",[[1,"user-transaction-history",{endpoint:[513],session:[513],language:[513],userId:[513,"user-id"],translationUrl:[513,"translation-url"],mobile:[516],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],mbSource:[513,"mb-source"],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"]}]]]],t)}));const w={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 o{constructor(){}static loadCustomTranslations(a){return c(this,null,function*(){try{const i=yield fetch(a,{headers:{"Content-Type":"application/json"}});if(!i.ok){const r=yield i.text();throw new Error(r)}const n=yield i.json();o.updateTranslations(n)}catch(i){console.error(`Failed to load translations ${a}. ${i.message}`)}})}static translate(a,i){var n,r;const l=o.getAvaliableLanguages(i);return((r=(n=o.customTranslation)===null||n===void 0?void 0:n[l.customLanguage])===null||r===void 0?void 0:r[a])||o.defaultTranslation[l.predefinedLanguage][a]}static getAvaliableLanguages(a){var i;const n=!((i=o.customLanguages)===null||i===void 0)&&i.includes(a)?a:o.defaultLanguage;return{predefinedLanguage:o.supportedLanguages.includes(a)?a:o.defaultLanguage,customLanguage:n}}static updateTranslations(a){o.customLanguages=Array.from(new Set([...o.supportedLanguages,...Object.keys(a).map(i=>i.toLowerCase())])),o.customTranslation=a}}o.defaultLanguage="en";o.supportedLanguages=["en"];o.defaultTranslation=w;const S=()=>e.h("div",{class:"loader"},e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null),e.h("div",null));class b{constructor(){}static dateToFormatedString(a){const i=a.toLocaleDateString("en-gb"),n=a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1});return`${i}, ${n}`}}class f{constructor(){}static format(a,i){let n=`${i} ${a}`;try{n=new Intl.NumberFormat("en-US",{style:"currency",currency:a}).format(i)}catch(r){}return n}}const C=t=>e.h("div",{class:"data-transaction"},e.h("p",null,t.productType),e.h("p",{class:"text-style text-style-status"},e.h("span",{class:t.status.toLowerCase()},t.status)),e.h("p",{class:"date"},t.transId," | ",b.dateToFormatedString(new Date(t.created))),e.h("p",{class:"text-style"},f.format(t.currency,t.realAmount)," ")),k=t=>e.h("div",{class:"page-size"},e.h("span",null,o.translate("show",t.language)),t.pageSizes.map(a=>e.h("button",{class:t.currentPageSize===a?"active":"",onClick:()=>t.changePageSize(a)},a))),T=({from:t,to:a,applyFilters:i,language:n})=>{let r,l;const h=()=>{t=r.value},d=()=>{a=l.value};return e.h("div",{class:"period"},e.h("div",{class:"period-content"},e.h("div",{class:"date-input"},e.h("vaadin-date-picker",{value:t,ref:s=>r=s,label:o.translate("from",n),onChange:h})),e.h("span",null,e.h("svg",{width:"24px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{d:"m21 11.75c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75z","fill-rule":"nonzero",fill:"#5d687b"}))),e.h("div",{class:"date-input"},e.h("vaadin-date-picker",{value:a,ref:s=>l=s,label:o.translate("to",n),onChange:d})),e.h("button",{class:"filter-btn",onClick:()=>i(t,a)},o.translate("filter",n))))},B=({source:t,language:a})=>{const i=[{name:o.translate("transactionId",a)},{name:o.translate("date",a)},{name:o.translate("amount",a)},{name:o.translate("productType",a)},{name:o.translate("status",a)}];return e.h("table",null,e.h("thead",null,e.h("tr",null,i.map(n=>e.h("th",null,n.name)))),e.h("tbody",null,t.map(n=>e.h("tr",null,e.h("td",null,n.transId),e.h("td",null,b.dateToFormatedString(new Date(n.created))),e.h("td",null,f.format(n.currency,n.realAmount)," "),e.h("td",null,n.productType),e.h("td",null,e.h("span",{class:n.status.toLowerCase()},n.status))))))};function g(t,a){if(t){const i=document.createElement("style");i.innerHTML=a,t.appendChild(i)}}function m(t,a){const i=new URL(a);fetch(i.href).then(n=>n.text()).then(n=>{const r=document.createElement("style");r.innerHTML=n,t&&t.appendChild(r)}).catch(n=>{console.error("There was an error while trying to load client styling from URL",n)})}function L(t,a,i){if(window.emMessageBus){const n=document.createElement("style");window.emMessageBus.subscribe(a,r=>{n.innerHTML=r,t&&t.appendChild(n)})}}const F=':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%}}',D=F,y=class{constructor(t){e.registerInstance(this,t),this.pageSizes=[10,25,50],this.pagination=null,this.endpoint=void 0,this.session=void 0,this.language=o.defaultLanguage,this.userId=void 0,this.translationUrl=void 0,this.mobile=!1,this.clientStyling=null,this.clientStylingUrl=null,this.mbSource=void 0,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(t,a){t!=a&&g(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,a){t!=a&&this.clientStylingUrl&&m(this.stylingContainer,this.clientStylingUrl)}componentWillLoad(){return c(this,null,function*(){this.translationUrl&&(yield o.loadCustomTranslations(this.translationUrl)),this.loadTransactions()})}componentDidLoad(){this.stylingContainer&&(window.emMessageBus!=null?L(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&g(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&m(this.stylingContainer,this.clientStylingUrl)))}componentDidRender(){this.getComponentHeight()}getComponentHeight(){var t;if(this.mobile){let a=this.el.getBoundingClientRect().height-((t=this.el.shadowRoot.querySelector(".table"))===null||t===void 0?void 0:t.getBoundingClientRect().y);this.el.style.setProperty("--heightScrollableContainer",a+"px")}}setHeightTableProperty(){let t=this.getComponentHeight();this.el.style.setProperty("--heightScrollableContainer",t+"px")}changeTransactionsType(t){this.type=t}changePageSize(t){this.pageSize=t}prev(){var t;!((t=this.pagination)===null||t===void 0)&&t.previous&&this.page--}next(){var t;!((t=this.pagination)===null||t===void 0)&&t.next&&this.page++}applyFilters(t,a){this.from=t?new Date(t).toISOString():null,this.to=a?new Date(a).toISOString():null,this.loadTransactions()}showFilter(){this.showMobileFilter=!this.showMobileFilter}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){var t;const a=e.getAssetPath("../assets/filter.svg"),i=e.getAssetPath("../assets/warning.svg");return e.h(e.Host,{key:"8d6470d73afff5dbc8a8c3a1a47426223971ad47"},this.showLoader?e.h(S,null):"",e.h("div",{key:"8c32d9425b701747559ea1e63a3b2c4bb31780ab",class:"wrapper",ref:n=>this.stylingContainer=n},e.h("div",{key:"b2a9216bfcfa5950c174f6e06a179e2ae3790f6b",class:{"types types-mobile":this.mobile,"types types-desktop":!this.mobile}},e.h("button",{key:"e2ce33fe2ab27abab68bd721b8b945bde5d672ac",class:"transaction-type "+(this.type==="0"?"clicked":""),onClick:()=>this.changeTransactionsType("0")},o.translate("deposit",this.language)),e.h("button",{key:"6d80bef56bf4ec590cc2e4aa704f930a47b29f3c",class:"transaction-type "+(this.type==="1"?"clicked":""),onClick:()=>this.changeTransactionsType("1")},o.translate("withdrawals",this.language))),this.mobile?"":e.h(k,{language:this.language,pageSizes:this.pageSizes,currentPageSize:this.pageSize,changePageSize:n=>this.changePageSize(n)}),this.mobile?e.h("button",{class:"mobile-filter-button",onClick:()=>this.showFilter()},e.h("img",{src:a,alt:"Filter"}),o.translate("filter",this.language)):"",!this.mobile||this.showMobileFilter&&this.mobile?e.h(T,{language:this.language,applyFilters:(n,r)=>this.applyFilters(n,r)}):"",((t=this.transactions)===null||t===void 0?void 0:t.length)>0?e.h("div",{class:"table"},this.mobile?e.h("div",{class:"mobile-table"},this.transactions.map(n=>e.h(C,Object.assign({},n)))):e.h(B,{source:this.transactions,language:this.language})):e.h("div",{class:"noData"},e.h("img",{src:i,alt:"Warning"}),e.h("span",null,o.translate("noData",this.language))),e.h("div",{key:"14b4d34c0e1d258ea0547b4aa43766199a629526",class:"pagination"},e.h("button",{key:"fdd2a70e6dacf863c0783ab8dce80951294f04cc",onClick:()=>this.prev()},"<"),e.h("button",{key:"3bdc96262e16573e24ba07362e80ea779d30da9f",onClick:()=>this.next()},">"))))}loadTransactions(){return c(this,null,function*(){this.showLoader=!0;try{const t=`${this.endpoint}/v1/player/${this.userId}/transactions/banking?${this.getParams()}`,a=yield fetch(t,{headers:{"X-Sessionid":this.session,"Content-Type":"application/json"}});if(!a.ok){const n=yield a.text();throw new Error(n)}const i=yield a.json();this.pagination=i.pagination,this.transactions=i.transactions}catch(t){console.error(t)}finally{this.showLoader=!1}})}getParams(){var t,a;const i=new Date,n=(this.page*this.pageSize).toString(),r=(t=this.from)!==null&&t!==void 0?t:new Date(i.getFullYear(),i.getMonth(),1).toISOString(),l=(a=this.to)!==null&&a!==void 0?a:new Date(i.getFullYear(),i.getMonth()+1,0).toISOString();return`offset=${n}&endDate=${l}&startDate=${r}&type=${this.type}&limit=${this.pageSize}`}static get assetsDirs(){return["../assets"]}get el(){return e.getElement(this)}static get watchers(){return{page:["watchMultiple"],type:["watchMultiple"],session:["watchMultiple"],userId:["watchMultiple"],pageSize:["watchMultiple"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],showMobileFilter:["getComponentHeight"]}}};y.style=D;exports.user_transaction_history=y;