@everymatrix/player-account-controller-nd 1.94.4 → 1.94.6

package/components/PlayerAccountNotifications-CIyWN7kR.js

@@ -0,0 +1,364 @@
+import { S as Q, D as X, R as Y, v as y, f as Z, K as M, r as k, F as x, s as g, y as B, N as G, h as J, u as S, q, e as m, g as s, a1 as C, a2 as H, Z as O, a0 as F, a4 as $, Y as P, V as ee, W as te, X as ie, n as ne } from "./PlayerAccountControllerNd-CLHhFHHS.js";
+import "../stencil/ui-skeleton-Dd7tqzYw.js";
+function oe(a) {
+  Z(a, "svelte-1b8j2p", ':host{padding:0;margin:0;font-family:inherit}.PlayerAccountNotificationsContainer{padding:0 5px;display:grid;grid-gap:20px;animation-name:fadeIn;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:0.3s;container-type:inline-size;container-name:notifications-container}.PlayerAccountNotificationBox{background:var(--emw--color-pale, var(--emw--color-gray-50, #f1f1f1));display:block;padding:20px;border-radius:var(--emw--border-radius-medium, 10px);width:100%;color:var(--emw--color-black, #000);box-sizing:border-box;text-decoration:none;word-break:break-word;word-wrap:break-word;overflow-wrap:anywhere;white-space:normal}.PlayerAccountNotificationBoxHeader{display:grid;width:100%;grid-template-areas:"nav  main  aside";grid-template-rows:auto;grid-template-columns:34px calc(100% - 34px);align-items:center}.PlayerAccountNotificationBoxHeader .PlayerAccountNotificationIcon{width:24px;margin-right:10px;flex:1}.PlayerAccountNotificationBoxHeader .PlayerAccountNotificationTitle{font-size:16px;flex:2}.PlayerAccountNotificationText{margin:0;font-size:14px;font-weight:300}.PlayerAccountNotificationText a{text-decoration:none;color:var(--emw--color-white, #FFFFFF)}.PlayerAccountNotificationsMobileContainer{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:20px;padding:20px}.PlayerAccountNotificationsMobileContainer .PlayerAccountNotificationBoxHeader{grid-template-columns:40px calc(100% - 40px)}.PlayerAccountNotificationsMobileContainer .PlayerAccountNotificationTitle{font-size:14px}.PlayerAccountNotificationsMobileContainer .PlayerAccountNotificationIcon{width:30px;margin-right:10px}.skeletonContainer{container-type:inline-size}.skeletonContainer .skeletonWrapper{animation:fadeIn ease 0.3s}@container (max-width: 768px){.skeletonContainer .skeletonWrapper{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:20px}.skeletonContainer .skeletonWrapper .skeletonNotification{width:100%}}@container (max-width: 425px){.skeletonContainer .skeletonWrapper{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:20px;padding:0px 10px}.skeletonContainer .skeletonWrapper .skeletonNotification{width:100%}}@keyframes fadeIn{0%{opacity:0.01}1%{opacity:0}50%{opacity:0}100%{opacity:1}}');
+}
+function L(a, e, n) {
+  const t = a.slice();
+  return t[24] = e[n], t;
+}
+function z(a, e, n) {
+  const t = a.slice();
+  return t[21] = e[n], t;
+}
+function le(a) {
+  let e, n = S(
+    /*notificationsData*/
+    a[1]
+  ), t = [];
+  for (let i = 0; i < n.length; i += 1)
+    t[i] = I(L(a, n, i));
+  return {
+    c() {
+      e = g("div");
+      for (let i = 0; i < t.length; i += 1)
+        t[i].c();
+      s(e, "class", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      (a[3] ? "PlayerAccountNotificationsMobileContainer" : "")), s(e, "part", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      (a[3] ? "PlayerAccountNotificationsMobileContainer" : ""));
+    },
+    m(i, o) {
+      x(i, e, o);
+      for (let l = 0; l < t.length; l += 1)
+        t[l] && t[l].m(e, null);
+    },
+    p(i, o) {
+      if (o & /*notificationsData*/
+      2) {
+        n = S(
+          /*notificationsData*/
+          i[1]
+        );
+        let l;
+        for (l = 0; l < n.length; l += 1) {
+          const r = L(i, n, l);
+          t[l] ? t[l].p(r, o) : (t[l] = I(r), t[l].c(), t[l].m(e, null));
+        }
+        for (; l < t.length; l += 1)
+          t[l].d(1);
+        t.length = n.length;
+      }
+    },
+    d(i) {
+      i && k(e), q(t, i);
+    }
+  };
+}
+function ae(a) {
+  let e, n, t = S({ length: 3 }), i = [];
+  for (let o = 0; o < t.length; o += 1)
+    i[o] = R(z(a, t, o));
+  return {
+    c() {
+      e = g("div"), n = g("div");
+      for (let o = 0; o < i.length; o += 1)
+        i[o].c();
+      s(n, "class", "skeletonWrapper"), s(e, "class", "skeletonContainer");
+    },
+    m(o, l) {
+      x(o, e, l), m(e, n);
+      for (let r = 0; r < i.length; r += 1)
+        i[r] && i[r].m(n, null);
+    },
+    p(o, l) {
+      if (l & /*isMobile, mediaQuery*/
+      24) {
+        t = S({ length: 3 });
+        let r;
+        for (r = 0; r < t.length; r += 1) {
+          const f = z(o, t, r);
+          i[r] ? i[r].p(f, l) : (i[r] = R(f), i[r].c(), i[r].m(n, null));
+        }
+        for (; r < i.length; r += 1)
+          i[r].d(1);
+        i.length = t.length;
+      }
+    },
+    d(o) {
+      o && k(e), q(i, o);
+    }
+  };
+}
+function I(a) {
+  let e, n, t, i, o, l, r, f = (
+    /*notification*/
+    a[24].title + ""
+  ), p, _, u, w = (
+    /*notification*/
+    a[24].description + ""
+  ), N;
+  return {
+    c() {
+      e = g("div"), n = g("div"), t = g("img"), l = C(), r = g("p"), p = $(f), _ = C(), u = g("p"), N = C(), s(t, "class", "PlayerAccountNotificationIcon"), s(t, "width", "24px"), s(t, "height", "24px"), H(t.src, i = /*notification*/
+      a[24].icon) || s(t, "src", i), s(t, "alt", o = /*notification*/
+      a[24].title), s(r, "class", "PlayerAccountNotificationTitle"), s(n, "class", "PlayerAccountNotificationBoxHeader"), s(u, "class", "PlayerAccountNotificationText"), s(e, "class", "PlayerAccountNotificationBox"), F(
+        e,
+        "background",
+        /*notification*/
+        a[24].backgroundColor
+      );
+    },
+    m(d, h) {
+      x(d, e, h), m(e, n), m(n, t), m(n, l), m(n, r), m(r, p), m(e, _), m(e, u), u.innerHTML = w, m(e, N);
+    },
+    p(d, h) {
+      h & /*notificationsData*/
+      2 && !H(t.src, i = /*notification*/
+      d[24].icon) && s(t, "src", i), h & /*notificationsData*/
+      2 && o !== (o = /*notification*/
+      d[24].title) && s(t, "alt", o), h & /*notificationsData*/
+      2 && f !== (f = /*notification*/
+      d[24].title + "") && O(p, f), h & /*notificationsData*/
+      2 && w !== (w = /*notification*/
+      d[24].description + "") && (u.innerHTML = w), h & /*notificationsData*/
+      2 && F(
+        e,
+        "background",
+        /*notification*/
+        d[24].backgroundColor
+      );
+    },
+    d(d) {
+      d && k(e);
+    }
+  };
+}
+function re(a) {
+  let e;
+  return {
+    c() {
+      e = g("ui-skeleton"), P(e, "structure", "rectangle"), P(e, "width", "auto"), P(
+        e,
+        "height",
+        /*isMobile*/
+        a[3] && /*mediaQuery*/
+        a[4].matches ? "250px" : "400px"
+      );
+    },
+    m(n, t) {
+      x(n, e, t);
+    },
+    p: M,
+    d(n) {
+      n && k(e);
+    }
+  };
+}
+function ce(a) {
+  let e;
+  return {
+    c() {
+      e = g("ui-skeleton"), e.innerHTML = "", P(e, "structure", "rectangle"), P(e, "width", "auto"), P(e, "height", "130px");
+    },
+    m(n, t) {
+      x(n, e, t);
+    },
+    p: M,
+    d(n) {
+      n && k(e);
+    }
+  };
+}
+function R(a) {
+  let e, n;
+  function t(l, r) {
+    return (
+      /*isMobile*/
+      l[3] ? re : ce
+    );
+  }
+  let o = t(a)(a);
+  return {
+    c() {
+      e = g("div"), o.c(), n = C(), s(e, "class", "skeletonNotification");
+    },
+    m(l, r) {
+      x(l, e, r), o.m(e, null), m(e, n);
+    },
+    p(l, r) {
+      o.p(l, r);
+    },
+    d(l) {
+      l && k(e), o.d();
+    }
+  };
+}
+function se(a) {
+  let e;
+  function n(o, l) {
+    var r;
+    if (
+      /*skeletonLoading*/
+      o[2]
+    )
+      return ae;
+    if (
+      /*notificationsData*/
+      (r = o[1]) != null && r.length
+    )
+      return le;
+  }
+  let t = n(a), i = t && t(a);
+  return {
+    c() {
+      e = g("div"), i && i.c();
+    },
+    m(o, l) {
+      x(o, e, l), i && i.m(e, null), a[13](e);
+    },
+    p(o, [l]) {
+      t === (t = n(o)) && i ? i.p(o, l) : (i && i.d(1), i = t && t(o), i && (i.c(), i.m(e, null)));
+    },
+    i: M,
+    o: M,
+    d(o) {
+      o && k(e), i && i.d(), a[13](null);
+    }
+  };
+}
+function ue(a, e, n) {
+  let { lang: t = "" } = e, { cmsendpoint: i = "" } = e, { env: o = "" } = e, { userroles: l = "" } = e, { customnotif: r = "" } = e, { clientstyling: f = "" } = e, { clientstylingurl: p = "" } = e, { mbsource: _ } = e, u, w, N = !0, d = window.navigator.userAgent, h = B(d) !== "PC", v = [], A = [], D = U();
+  const j = window.matchMedia("(min-width: 768px)");
+  function U() {
+    const c = B(d);
+    if (c)
+      return c === "PC" ? "dk" : "mtWeb";
+  }
+  const V = () => {
+    const c = new URL(`${i}/${t}/support-information`);
+    c.searchParams.append("env", o), c.searchParams.append("userRoles", l), c.searchParams.append("device", D), fetch(c.href).then((b) => b.json()).then((b) => {
+      var W;
+      b.length && (n(1, v = (W = b[0].children) != null ? W : b), v == null || v.forEach((K) => {
+        A.length && (K.backgroundColor = A[0], A.shift());
+      }));
+    }).catch((b) => {
+      console.error(b);
+    }).finally(() => {
+      setTimeout(
+        () => {
+          n(2, N = !1);
+        },
+        1e3
+      );
+    });
+  }, T = () => {
+    r.replace(" ", ""), A = r.split(",");
+  };
+  G(() => () => {
+  });
+  function E(c) {
+    J[c ? "unshift" : "push"](() => {
+      u = c, n(0, u);
+    });
+  }
+  return a.$$set = (c) => {
+    "lang" in c && n(5, t = c.lang), "cmsendpoint" in c && n(6, i = c.cmsendpoint), "env" in c && n(7, o = c.env), "userroles" in c && n(8, l = c.userroles), "customnotif" in c && n(9, r = c.customnotif), "clientstyling" in c && n(10, f = c.clientstyling), "clientstylingurl" in c && n(11, p = c.clientstylingurl), "mbsource" in c && n(12, _ = c.mbsource);
+  }, a.$$.update = () => {
+    a.$$.dirty & /*customnotif*/
+    512 && r && T(), a.$$.dirty & /*notificationsData*/
+    2 && v && T(), a.$$.dirty & /*userroles, cmsendpoint, env, lang*/
+    480 && l && i && o && t && V(), a.$$.dirty & /*clientstyling, customStylingContainer*/
+    1025 && f && u && ee(u, f), a.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    2049 && p && u && te(u, p), a.$$.dirty & /*mbsource, customStylingContainer*/
+    4097 && _ && u && ie(u, `${_}.Style`, w);
+  }, [
+    u,
+    v,
+    N,
+    h,
+    j,
+    t,
+    i,
+    o,
+    l,
+    r,
+    f,
+    p,
+    _,
+    E
+  ];
+}
+class fe extends Q {
+  constructor(e) {
+    super(), X(
+      this,
+      e,
+      ue,
+      se,
+      Y,
+      {
+        lang: 5,
+        cmsendpoint: 6,
+        env: 7,
+        userroles: 8,
+        customnotif: 9,
+        clientstyling: 10,
+        clientstylingurl: 11,
+        mbsource: 12
+      },
+      oe
+    );
+  }
+  get lang() {
+    return this.$$.ctx[5];
+  }
+  set lang(e) {
+    this.$$set({ lang: e }), y();
+  }
+  get cmsendpoint() {
+    return this.$$.ctx[6];
+  }
+  set cmsendpoint(e) {
+    this.$$set({ cmsendpoint: e }), y();
+  }
+  get env() {
+    return this.$$.ctx[7];
+  }
+  set env(e) {
+    this.$$set({ env: e }), y();
+  }
+  get userroles() {
+    return this.$$.ctx[8];
+  }
+  set userroles(e) {
+    this.$$set({ userroles: e }), y();
+  }
+  get customnotif() {
+    return this.$$.ctx[9];
+  }
+  set customnotif(e) {
+    this.$$set({ customnotif: e }), y();
+  }
+  get clientstyling() {
+    return this.$$.ctx[10];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), y();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[11];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), y();
+  }
+  get mbsource() {
+    return this.$$.ctx[12];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), y();
+  }
+}
+ne(fe, { lang: {}, cmsendpoint: {}, env: {}, userroles: {}, customnotif: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
+export {
+  fe as default
+};

package/components/{PlayerAccountProductRestriction-C8Tuvuoa.js → PlayerAccountProductRestriction-Bz7HvjCg.js}

@@ -1,9 +1,9 @@
-import { a as $e, $ as et, S as tt, i as rt, s as ot, f as U, b as it, n as we, d as M, c as W, e as u, g as nt, h as at, j as st, o as ct, k as ze, l as _e, m as Te, p as s, q as C, r as b, t as d, w as lt, u as K, J as ye, x as Ce, v as H, y as se, K as dt, A as ut, B as pt, C as mt, D as ft } from "./PlayerAccountControllerNd-Bxlwup-B.js";
-import { d as ke } from "./PlayerAccountTimeout-D7qS4Ptr.js";
-import "./PlayerBonusHistory-BLOSQ9it.js";
+import { c as $e, b as et, S as tt, D as rt, R as ot, v as U, f as it, K as we, r as M, F as W, s as u, k as nt, a as at, y as st, N as ct, h as ze, u as _e, q as Te, e as s, a1 as C, Y as b, g as d, Q as lt, Z as K, a7 as ye, J as Ce, a4 as H, a3 as se, t as dt, V as ut, W as pt, X as mt, n as ft } from "./PlayerAccountControllerNd-ZJHALXP_.js";
+import { d as ke } from "./PlayerAccountTimeout-Bgf28EZ7.js";
+import "./PlayerBonusHistory-ChHWbVFn.js";
 import "../stencil/ui-skeleton-fEyshHrf.js";
-import "../lazy/player-account-modal-nUpsZULJ.js";
-import "../lazy/player-account-general-confirmation-modal-BPGKM8HC.js";
+import "../lazy/player-account-modal-BD-nGYxI.js";
+import "../lazy/player-account-general-confirmation-modal-CvsLjasF.js";
 function je(r, e) {
   $e(r, e);
 }
@@ -346,7 +346,7 @@ function Rt(r) {
     /*$_*/
     r[24](`${/*selectedPeriodKey*/
     r[15]}`) + ""
-  ), B, V, S, P, j, L, $, be, Re, J, ce, N, ve, le, O, ge = (
+  ), N, V, S, P, j, L, $, be, Re, Z, ce, B, ve, le, O, ge = (
     /*$_*/
     r[24]("save") + ""
   ), de, ue, ee, Pe, te, re, he, oe, ie = (
@@ -371,7 +371,7 @@ function Rt(r) {
       )
     );
   }
-  let pe = xe(r), Z = pe(r), ne = _e(
+  let pe = xe(r), J = pe(r), ne = _e(
     /*productTypes*/
     r[10]
   ), E = [];
@@ -386,10 +386,10 @@ function Rt(r) {
   );
   return {
     c() {
-      e = u("div"), t = u("div"), ie && ie.c(), i = C(), n = u("h2"), l = H(a), y = C(), R = u("div"), x = u("p"), z = C(), T = u("p"), w = C(), f = u("div"), v = u("div"), G = u("p"), B = H(Y), V = C(), S = se("svg"), P = se("g"), j = se("path"), L = C(), $ = u("div");
+      e = u("div"), t = u("div"), ie && ie.c(), i = C(), n = u("h2"), l = H(a), y = C(), R = u("div"), x = u("p"), z = C(), T = u("p"), w = C(), f = u("div"), v = u("div"), G = u("p"), N = H(Y), V = C(), S = se("svg"), P = se("g"), j = se("path"), L = C(), $ = u("div");
       for (let c = 0; c < A.length; c += 1)
         A[c].c();
-      be = C(), q && q.c(), Re = C(), J = u("div"), Z.c(), ce = C(), N = u("div");
+      be = C(), q && q.c(), Re = C(), Z = u("div"), J.c(), ce = C(), B = u("div");
       for (let c = 0; c < E.length; c += 1)
         E[c].c();
       ve = C(), le = u("div"), O = u("button"), de = H(ge), Pe = C(), I && I.c(), te = C(), Q && Q.c(), re = dt(), d(n, "class", "PlayerProductRestrictionTitle " + /*isMobile*/
@@ -409,18 +409,18 @@ function Rt(r) {
         "active",
         /*isPeriodDropDownToggled*/
         r[21]
-      ), d(J, "class", "ProductRestrictionNotification"), d(N, "class", "ProductResitrctionTypes"), d(O, "class", ue = "ProductRestrictionSave " + /*isFormValid*/
+      ), d(Z, "class", "ProductRestrictionNotification"), d(B, "class", "ProductResitrctionTypes"), d(O, "class", ue = "ProductRestrictionSave " + /*isFormValid*/
       (r[20] ? "active" : "")), O.disabled = ee = !/*isFormValid*/
       r[20], d(le, "class", "ProductRestrictionActionButtons"), d(t, "class", "ProductRestrictionWrapper " + /*isMobile*/
       (r[26] ? "ProductRestrictionWrapperMobile" : "")), d(e, "class", "ProductRestrictionContainer");
     },
     m(c, k) {
-      W(c, e, k), s(e, t), ie && ie.m(t, null), s(t, i), s(t, n), s(n, l), s(t, y), s(t, R), s(R, x), x.innerHTML = _, s(R, z), s(R, T), T.innerHTML = h, s(t, w), s(t, f), s(f, v), s(v, G), s(G, B), s(v, V), s(v, S), s(S, P), s(P, j), s(f, L), s(f, $);
+      W(c, e, k), s(e, t), ie && ie.m(t, null), s(t, i), s(t, n), s(n, l), s(t, y), s(t, R), s(R, x), x.innerHTML = _, s(R, z), s(R, T), T.innerHTML = h, s(t, w), s(t, f), s(f, v), s(v, G), s(G, N), s(v, V), s(v, S), s(S, P), s(P, j), s(f, L), s(f, $);
       for (let g = 0; g < A.length; g += 1)
         A[g] && A[g].m($, null);
-      s(t, be), q && q.m(t, null), s(t, Re), s(t, J), Z.m(J, null), s(t, ce), s(t, N);
+      s(t, be), q && q.m(t, null), s(t, Re), s(t, Z), J.m(Z, null), s(t, ce), s(t, B);
       for (let g = 0; g < E.length; g += 1)
-        E[g] && E[g].m(N, null);
+        E[g] && E[g].m(B, null);
       s(t, ve), s(t, le), s(le, O), s(O, de), s(t, Pe), I && I.m(t, null), W(c, te, k), Q && Q.m(c, k), W(c, re, k), he || (oe = [
         Ce(
           v,
@@ -459,7 +459,7 @@ function Rt(r) {
         c[24]("productRestrictionEmailText") + "") && (T.innerHTML = h), k[0] & /*$_, selectedPeriodKey*/
         16809984 && Y !== (Y = /*$_*/
         c[24](`${/*selectedPeriodKey*/
-        c[15]}`) + "") && K(B, Y), k[0] & /*isPeriodDropDownToggled*/
+        c[15]}`) + "") && K(N, Y), k[0] & /*isPeriodDropDownToggled*/
         2097152 && ye(
           S,
           "active",
@@ -495,7 +495,7 @@ function Rt(r) {
         /*isPeriodDropDownToggled*/
         c[21]
       ), /*isUntilDate*/
-      c[19] ? q ? q.p(c, k) : (q = Le(c), q.c(), q.m(t, Re)) : q && (q.d(1), q = null), pe === (pe = xe(c)) && Z ? Z.p(c, k) : (Z.d(1), Z = pe(c), Z && (Z.c(), Z.m(J, null))), k[0] & /*productTypes, toggleProductStatus, $_, getProductRestrictionLabel*/
+      c[19] ? q ? q.p(c, k) : (q = Le(c), q.c(), q.m(t, Re)) : q && (q.d(1), q = null), pe === (pe = xe(c)) && J ? J.p(c, k) : (J.d(1), J = pe(c), J && (J.c(), J.m(Z, null))), k[0] & /*productTypes, toggleProductStatus, $_, getProductRestrictionLabel*/
       822084608 | k[1] & /*getDenyExpirationDate*/
       8) {
         ne = _e(
@@ -505,7 +505,7 @@ function Rt(r) {
         let g;
         for (g = 0; g < ne.length; g += 1) {
           const me = Ae(c, ne, g);
-          E[g] ? E[g].p(me, k) : (E[g] = Ve(me), E[g].c(), E[g].m(N, null));
+          E[g] ? E[g].p(me, k) : (E[g] = Ve(me), E[g].c(), E[g].m(B, null));
         }
         for (; g < E.length; g += 1)
           E[g].d(1);
@@ -522,7 +522,7 @@ function Rt(r) {
       c[27] && Q.p(c, k);
     },
     d(c) {
-      c && (M(e), M(te), M(re)), ie && ie.d(), Te(A, c), q && q.d(), Z.d(), Te(E, c), I && I.d(), Q && Q.d(c), he = !1, lt(oe);
+      c && (M(e), M(te), M(re)), ie && ie.d(), Te(A, c), q && q.d(), J.d(), Te(E, c), I && I.d(), Q && Q.d(c), he = !1, lt(oe);
     }
   };
 }
@@ -534,17 +534,17 @@ function vt(r) {
       P[26] ? Tt : xt
     );
   }
-  let G = f(r)(r), Y = _e({ length: 3 }), B = [];
+  let G = f(r)(r), Y = _e({ length: 3 }), N = [];
   for (let P = 0; P < Y.length; P += 1)
-    B[P] = St(bt(r, Y, P));
+    N[P] = St(bt(r, Y, P));
   let V = _e({ length: 3 }), S = [];
   for (let P = 0; P < V.length; P += 1)
     S[P] = zt(ht(r, V, P));
   return {
     c() {
       e = u("div"), t = u("div"), G.c(), i = C(), n = u("div");
-      for (let P = 0; P < B.length; P += 1)
-        B[P].c();
+      for (let P = 0; P < N.length; P += 1)
+        N[P].c();
       a = C(), l = u("ui-skeleton"), y = C(), R = u("div"), R.innerHTML = '<ui-skeleton structure="rectangle" width="auto" height="40px"></ui-skeleton>', x = C(), _ = u("div"), _.innerHTML = '<ui-skeleton structure="text" width="auto" height="10px"></ui-skeleton>', z = C(), T = u("div");
       for (let P = 0; P < S.length; P += 1)
         S[P].c();
@@ -553,8 +553,8 @@ function vt(r) {
     },
     m(P, j) {
       W(P, e, j), s(e, t), G.m(t, null), s(t, i), s(t, n);
-      for (let L = 0; L < B.length; L += 1)
-        B[L] && B[L].m(n, null);
+      for (let L = 0; L < N.length; L += 1)
+        N[L] && N[L].m(n, null);
       s(n, a), s(n, l), s(t, y), s(t, R), s(t, x), s(t, _), s(t, z), s(t, T);
       for (let L = 0; L < S.length; L += 1)
         S[L] && S[L].m(T, null);
@@ -562,7 +562,7 @@ function vt(r) {
     },
     p: we,
     d(P) {
-      P && M(e), G.d(), Te(B, P), Te(S, P);
+      P && M(e), G.d(), Te(N, P), Te(S, P);
     }
   };
 }
@@ -1059,7 +1059,7 @@ function Mt(r) {
 function Wt(r, e, t) {
   let i;
   nt(r, at, (o) => t(24, i = o));
-  let { endpoint: n = "" } = e, { session: a = "" } = e, { playerid: l = "" } = e, { lang: y = "en" } = e, { baseurl: R = "" } = e, { mergeproducts: x = "Casino+Virtuals" } = e, { hideproducts: _ = "" } = e, { hasconfirmationmodal: z = "false" } = e, { hascancelbutton: T = "" } = e, { dateformat: h = "DD/MM/YYYY" } = e, { clientstyling: w = "" } = e, { clientstylingurl: f = "" } = e, { mbsource: v } = e, { translationurl: G = "" } = e, Y, B, V, S = [], P = {}, j = [], L = h.toUpperCase(), $ = window.navigator.userAgent, be, Re, J = "", ce = "", N = "selectAPeriod", ve = "", le = "", O = "", ge = st($) !== "PC", de = !1, ue = !1, ee = !1, Pe = !1, te = z === "true", re = !0, he = !1, oe;
+  let { endpoint: n = "" } = e, { session: a = "" } = e, { playerid: l = "" } = e, { lang: y = "en" } = e, { baseurl: R = "" } = e, { mergeproducts: x = "Casino+Virtuals" } = e, { hideproducts: _ = "" } = e, { hasconfirmationmodal: z = "false" } = e, { hascancelbutton: T = "" } = e, { dateformat: h = "DD/MM/YYYY" } = e, { clientstyling: w = "" } = e, { clientstylingurl: f = "" } = e, { mbsource: v } = e, { translationurl: G = "" } = e, Y, N, V, S = [], P = {}, j = [], L = h.toUpperCase(), $ = window.navigator.userAgent, be, Re, Z = "", ce = "", B = "selectAPeriod", ve = "", le = "", O = "", ge = st($) !== "PC", de = !1, ue = !1, ee = !1, Pe = !1, te = z === "true", re = !0, he = !1, oe;
   const ie = () => {
     fetch(G).then((m) => m.json()).then((m) => {
       Object.keys(m).forEach((p) => {
@@ -1107,7 +1107,7 @@ function Wt(r, e, t) {
       checked: !1,
       restricted: !1
     })));
-  }, pe = (o) => o.type?.split("+").map((m) => i(m)).join(" + "), Z = (o) => {
+  }, pe = (o) => o.type?.split("+").map((m) => i(m)).join(" + "), J = (o) => {
     t(9, S = o.map((m) => ({
       key: (m.number || "") + m.unit,
       text: i((m.number || "") + m.unit)
@@ -1117,18 +1117,18 @@ function Wt(r, e, t) {
   }, E = () => {
     t(21, Pe = !Pe);
   }, I = (o) => {
-    switch (t(14, ce = o.text), t(15, N = o.key), t(21, Pe = !1), t(18, de = !1), t(19, ue = !1), N) {
+    switch (t(14, ce = o.text), t(15, B = o.key), t(21, Pe = !1), t(18, de = !1), t(19, ue = !1), B) {
       case "Until":
-        t(19, ue = !0), t(11, be = ke().add(6, "M").format("YYYY-MM-DD")), t(12, Re = ke().add(5, "y").format("YYYY-MM-DD")), t(13, J = be);
+        t(19, ue = !0), t(11, be = ke().add(6, "M").format("YYYY-MM-DD")), t(12, Re = ke().add(5, "y").format("YYYY-MM-DD")), t(13, Z = be);
         break;
       case "Permanent":
         t(18, de = !de);
         break;
       default:
-        const m = N.match(/\d+/g)[0], p = N.match(/[a-zA-Z]+/g)[0], D = p.includes("Day") ? "days" : p.includes("Month") ? "months" : p.includes("Year") ? "years" : null;
+        const m = B.match(/\d+/g)[0], p = B.match(/[a-zA-Z]+/g)[0], D = p.includes("Day") ? "days" : p.includes("Month") ? "months" : p.includes("Year") ? "years" : null;
         if (!p)
           return;
-        t(13, J = Q(ke().add(Number(m), D)));
+        t(13, Z = Q(ke().add(Number(m), D)));
         break;
     }
     A();
@@ -1141,7 +1141,7 @@ function Wt(r, e, t) {
       window.location.href
     );
   }, k = (o) => {
-    t(13, J = o.target.value);
+    t(13, Z = o.target.value);
   }, g = () => {
     V.addEventListener("change", k, !1);
     const o = (p) => ke(new Date(p.year, p.month, p.day)).format(L), m = (p) => {
@@ -1154,7 +1154,7 @@ function Wt(r, e, t) {
     };
     t(7, V.i18n = { ...V.i18n, formatDate: o, parseDate: m }, V);
   }, me = () => {
-    if (!te || !ce || !J) {
+    if (!te || !ce || !Z) {
       t(16, ve = "");
       return;
     }
@@ -1165,7 +1165,7 @@ function Wt(r, e, t) {
       values: {
         period: i(ce),
         product: o,
-        date: J
+        date: Z
       }
     }));
   }, Me = (o) => {
@@ -1185,7 +1185,7 @@ function Wt(r, e, t) {
         Accept: "application/json"
       }
     }).then((p) => X(p)).then((p) => {
-      xe(p.products), Z(p.periods), He();
+      xe(p.products), J(p.periods), He();
     }).catch((p) => {
       console.error(p);
     }).finally(() => {
@@ -1218,13 +1218,13 @@ function Wt(r, e, t) {
       return P[m[0]];
     } else
       return P[o.type];
-  }, Be = (o) => {
+  }, Ne = (o) => {
     const m = o.filter((p) => p.checked);
     return x ? m.reduce((p, D) => [...p, ...D.type.split("+")], []) : m.map((p) => p.type);
   }, Se = () => {
     t(22, re = !0);
     const o = new URL(`/api/v1/gm/legislation/responsible-gambling/user/${l}/deny-products/`, n);
-    let m = N.match(/\d+/g)[0], p = N.match(/[a-zA-Z]+/g)[0], ae = Be(j).map((F) => ({
+    let m = B.match(/\d+/g)[0], p = B.match(/[a-zA-Z]+/g)[0], ae = Ne(j).map((F) => ({
       productType: F,
       expirationPeriod: { unit: p, number: m }
     })), fe = {
@@ -1256,15 +1256,15 @@ function Wt(r, e, t) {
   ct(() => () => {
     V && V.removeEventListener("change", k), oe.removeEventListener("setProductRestriction", Se);
   });
-  const Ne = () => {
+  const Be = () => {
     gt(y);
   }, Oe = () => c(), Ke = () => E(), Ge = (o) => I(o);
-  function Je(o) {
+  function Ze(o) {
     ze[o ? "unshift" : "push"](() => {
       V = o, t(7, V);
     });
   }
-  const Ze = (o) => ne(o), Fe = (o) => Me(o);
+  const Je = (o) => ne(o), Fe = (o) => Me(o);
   function Xe(o) {
     ze[o ? "unshift" : "push"](() => {
       oe = o, t(8, oe);
@@ -1279,12 +1279,12 @@ function Wt(r, e, t) {
     "endpoint" in o && t(35, n = o.endpoint), "session" in o && t(36, a = o.session), "playerid" in o && t(37, l = o.playerid), "lang" in o && t(0, y = o.lang), "baseurl" in o && t(1, R = o.baseurl), "mergeproducts" in o && t(38, x = o.mergeproducts), "hideproducts" in o && t(39, _ = o.hideproducts), "hasconfirmationmodal" in o && t(40, z = o.hasconfirmationmodal), "hascancelbutton" in o && t(2, T = o.hascancelbutton), "dateformat" in o && t(41, h = o.dateformat), "clientstyling" in o && t(3, w = o.clientstyling), "clientstylingurl" in o && t(4, f = o.clientstylingurl), "mbsource" in o && t(5, v = o.mbsource), "translationurl" in o && t(42, G = o.translationurl);
   }, r.$$.update = () => {
     r.$$.dirty[0] & /*lang*/
-    1 && y && Ne(), r.$$.dirty[1] & /*endpoint, session, playerid*/
+    1 && y && Be(), r.$$.dirty[1] & /*endpoint, session, playerid*/
     112 && n && a && l && We(), r.$$.dirty[0] & /*calendar*/
     128 && V && g(), r.$$.dirty[0] & /*clientstyling, customStylingContainer*/
     72 && w && Y && ut(Y, w), r.$$.dirty[0] & /*clientstylingurl, customStylingContainer*/
     80 && f && Y && pt(Y, f), r.$$.dirty[0] & /*mbsource, customStylingContainer*/
-    96 && v && Y && mt(Y, `${v}.Style`, B), r.$$.dirty[1] & /*translationurl*/
+    96 && v && Y && mt(Y, `${v}.Style`, N), r.$$.dirty[1] & /*translationurl*/
     2048 && G && ie(), r.$$.dirty[0] & /*modalEl*/
     256 && oe && oe.addEventListener("setProductRestriction", Se);
   }, te && me(), [
@@ -1301,9 +1301,9 @@ function Wt(r, e, t) {
     j,
     be,
     Re,
-    J,
+    Z,
     ce,
-    N,
+    B,
     ve,
     O,
     de,
@@ -1334,8 +1334,8 @@ function Wt(r, e, t) {
     Oe,
     Ke,
     Ge,
-    Je,
     Ze,
+    Je,
     Fe,
     Xe,
     Qe