@everymatrix/player-account-controller 1.55.0 → 1.56.1

package/components/PlayerAccountNotifications-zizauj3S.js

@@ -0,0 +1,369 @@
+import { S as O, i as Q, f as y, c as V, s as Y, b as G, e as g, k as b, o as w, p as k, u as M, v as J, w as K, x as X, z as Z, A as $, N as T, g as s, O as L, l as h, d as v, t as tt, a0 as B, Y as H, n as et, j as N } from "./GeneralLogout-CBaU48IH.js";
+import "../stencil/ui-skeleton-BIkTgHQw.js";
+function it(l) {
+  G(l, "svelte-1eyrk9m", '.PlayerAccountNotificationsContainer{padding:0 5px;animation-name:fadeIn;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:0.3s}.PlayerAccountNotificationBox{display:block;padding:20px;border-radius:5px;width:100%;background:var(--emw--color-gray-300, #58586B);color:var(--emw--color-white, #FFFFFF);box-sizing:border-box;text-decoration:none;word-break:break-all}.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}.PlayerAccountNotificationsTabletContainer{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:20px;padding:20px 40px}.PlayerAccountNotificationsTabletContainer .PlayerAccountNotificationBoxHeader{grid-template-columns:80px calc(100% - 80px)}.PlayerAccountNotificationsTabletContainer .PlayerAccountNotificationTitle{font-size:24px}.PlayerAccountNotificationsTabletContainer .PlayerAccountNotificationText{font-size:16px}.PlayerAccountNotificationsTabletContainer .PlayerAccountNotificationIcon{width:60px;margin-right:20px}.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 S(l, t, n) {
+  const e = l.slice();
+  return e[24] = t[n], e;
+}
+function z(l, t, n) {
+  const e = l.slice();
+  return e[21] = t[n], e;
+}
+function nt(l) {
+  let t, n = T(
+    /*notificationsData*/
+    l[1]
+  ), e = [];
+  for (let i = 0; i < n.length; i += 1)
+    e[i] = W(S(l, n, i));
+  return {
+    c() {
+      t = g("div");
+      for (let i = 0; i < e.length; i += 1)
+        e[i].c();
+      s(t, "class", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      (l[3] && /*mediaQuery*/
+      l[4].matches ? "PlayerAccountNotificationsTabletContainer" : (
+        /*isMobile*/
+        l[3] ? "PlayerAccountNotificationsMobileContainer" : ""
+      ))), s(t, "part", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      (l[3] && /*mediaQuery*/
+      l[4].matches ? "PlayerAccountNotificationsTabletContainer" : (
+        /*isMobile*/
+        l[3] ? "PlayerAccountNotificationsMobileContainer" : ""
+      )));
+    },
+    m(i, o) {
+      b(i, t, o);
+      for (let a = 0; a < e.length; a += 1)
+        e[a] && e[a].m(t, null);
+    },
+    p(i, o) {
+      if (o & /*notificationsData*/
+      2) {
+        n = T(
+          /*notificationsData*/
+          i[1]
+        );
+        let a;
+        for (a = 0; a < n.length; a += 1) {
+          const c = S(i, n, a);
+          e[a] ? e[a].p(c, o) : (e[a] = W(c), e[a].c(), e[a].m(t, null));
+        }
+        for (; a < e.length; a += 1)
+          e[a].d(1);
+        e.length = n.length;
+      }
+    },
+    d(i) {
+      i && k(t), L(e, i);
+    }
+  };
+}
+function ot(l) {
+  let t, n, e = T({ length: 3 }), i = [];
+  for (let o = 0; o < e.length; o += 1)
+    i[o] = I(z(l, e, o));
+  return {
+    c() {
+      t = g("div"), n = g("div");
+      for (let o = 0; o < i.length; o += 1)
+        i[o].c();
+      s(n, "class", "skeletonWrapper"), s(t, "class", "skeletonContainer");
+    },
+    m(o, a) {
+      b(o, t, a), h(t, n);
+      for (let c = 0; c < i.length; c += 1)
+        i[c] && i[c].m(n, null);
+    },
+    p(o, a) {
+      if (a & /*isMobile, mediaQuery*/
+      24) {
+        e = T({ length: 3 });
+        let c;
+        for (c = 0; c < e.length; c += 1) {
+          const d = z(o, e, c);
+          i[c] ? i[c].p(d, a) : (i[c] = I(d), i[c].c(), i[c].m(n, null));
+        }
+        for (; c < i.length; c += 1)
+          i[c].d(1);
+        i.length = e.length;
+      }
+    },
+    d(o) {
+      o && k(t), L(i, o);
+    }
+  };
+}
+function W(l) {
+  let t, n, e, i, o, a, c, d = (
+    /*notification*/
+    l[24].title + ""
+  ), p, _, u, x = (
+    /*notification*/
+    l[24].description + ""
+  ), A;
+  return {
+    c() {
+      t = g("div"), n = g("div"), e = g("img"), a = v(), c = g("p"), p = tt(d), _ = v(), u = g("p"), A = v(), s(e, "class", "PlayerAccountNotificationIcon"), s(e, "width", "24px"), s(e, "height", "24px"), B(e.src, i = /*notification*/
+      l[24].icon) || s(e, "src", i), s(e, "alt", o = /*notification*/
+      l[24].title), s(c, "class", "PlayerAccountNotificationTitle"), s(n, "class", "PlayerAccountNotificationBoxHeader"), s(u, "class", "PlayerAccountNotificationText"), s(t, "class", "PlayerAccountNotificationBox"), H(
+        t,
+        "background",
+        /*notification*/
+        l[24].backgroundColor
+      );
+    },
+    m(m, f) {
+      b(m, t, f), h(t, n), h(n, e), h(n, a), h(n, c), h(c, p), h(t, _), h(t, u), u.innerHTML = x, h(t, A);
+    },
+    p(m, f) {
+      f & /*notificationsData*/
+      2 && !B(e.src, i = /*notification*/
+      m[24].icon) && s(e, "src", i), f & /*notificationsData*/
+      2 && o !== (o = /*notification*/
+      m[24].title) && s(e, "alt", o), f & /*notificationsData*/
+      2 && d !== (d = /*notification*/
+      m[24].title + "") && et(p, d), f & /*notificationsData*/
+      2 && x !== (x = /*notification*/
+      m[24].description + "") && (u.innerHTML = x), f & /*notificationsData*/
+      2 && H(
+        t,
+        "background",
+        /*notification*/
+        m[24].backgroundColor
+      );
+    },
+    d(m) {
+      m && k(t);
+    }
+  };
+}
+function lt(l) {
+  let t;
+  return {
+    c() {
+      t = g("ui-skeleton"), N(t, "structure", "rectangle"), N(t, "width", "auto"), N(
+        t,
+        "height",
+        /*isMobile*/
+        l[3] && /*mediaQuery*/
+        l[4].matches ? "250px" : "400px"
+      );
+    },
+    m(n, e) {
+      b(n, t, e);
+    },
+    p: w,
+    d(n) {
+      n && k(t);
+    }
+  };
+}
+function at(l) {
+  let t;
+  return {
+    c() {
+      t = g("ui-skeleton"), t.innerHTML = "", N(t, "structure", "rectangle"), N(t, "width", "auto"), N(t, "height", "130px");
+    },
+    m(n, e) {
+      b(n, t, e);
+    },
+    p: w,
+    d(n) {
+      n && k(t);
+    }
+  };
+}
+function I(l) {
+  let t, n;
+  function e(a, c) {
+    return (
+      /*isMobile*/
+      a[3] ? lt : at
+    );
+  }
+  let o = e(l)(l);
+  return {
+    c() {
+      t = g("div"), o.c(), n = v(), s(t, "class", "skeletonNotification");
+    },
+    m(a, c) {
+      b(a, t, c), o.m(t, null), h(t, n);
+    },
+    p(a, c) {
+      o.p(a, c);
+    },
+    d(a) {
+      a && k(t), o.d();
+    }
+  };
+}
+function ct(l) {
+  let t;
+  function n(o, a) {
+    var c;
+    if (
+      /*skeletonLoading*/
+      o[2]
+    ) return ot;
+    if (
+      /*notificationsData*/
+      (c = o[1]) != null && c.length
+    ) return nt;
+  }
+  let e = n(l), i = e && e(l);
+  return {
+    c() {
+      t = g("div"), i && i.c();
+    },
+    m(o, a) {
+      b(o, t, a), i && i.m(t, null), l[13](t);
+    },
+    p(o, [a]) {
+      e === (e = n(o)) && i ? i.p(o, a) : (i && i.d(1), i = e && e(o), i && (i.c(), i.m(t, null)));
+    },
+    i: w,
+    o: w,
+    d(o) {
+      o && k(t), i && i.d(), l[13](null);
+    }
+  };
+}
+function rt(l, t, n) {
+  let { lang: e = "" } = t, { cmsendpoint: i = "" } = t, { env: o = "" } = t, { userroles: a = "" } = t, { customnotif: c = "" } = t, { clientstyling: d = "" } = t, { clientstylingurl: p = "" } = t, { mbsource: _ } = t, u, x = !0, A = window.navigator.userAgent, m = M(A) !== "PC", f = [], C = [], R = q();
+  const j = window.matchMedia("(min-width: 768px)");
+  function q() {
+    const r = M(A);
+    if (r)
+      return r === "PC" ? "dk" : "mtWeb";
+  }
+  const D = () => {
+    const r = new URL(`${i}/${e}/support-information`);
+    r.searchParams.append("env", o), r.searchParams.append("userRoles", a), r.searchParams.append("device", R), fetch(r.href).then((P) => P.json()).then((P) => {
+      P.length && (n(1, f = P[0].children), f == null || f.forEach((E) => {
+        C.length && (E.backgroundColor = C[0], C.shift());
+      }));
+    }).catch((P) => {
+      console.error(P);
+    }).finally(() => {
+      setTimeout(
+        () => {
+          n(2, x = !1);
+        },
+        1e3
+      );
+    });
+  }, F = () => {
+    c.replace(" ", ""), C = c.split(",");
+  };
+  J(() => () => {
+  });
+  function U(r) {
+    Z[r ? "unshift" : "push"](() => {
+      u = r, n(0, u);
+    });
+  }
+  return l.$$set = (r) => {
+    "lang" in r && n(5, e = r.lang), "cmsendpoint" in r && n(6, i = r.cmsendpoint), "env" in r && n(7, o = r.env), "userroles" in r && n(8, a = r.userroles), "customnotif" in r && n(9, c = r.customnotif), "clientstyling" in r && n(10, d = r.clientstyling), "clientstylingurl" in r && n(11, p = r.clientstylingurl), "mbsource" in r && n(12, _ = r.mbsource);
+  }, l.$$.update = () => {
+    l.$$.dirty & /*customnotif*/
+    512 && c && F(), l.$$.dirty & /*notificationsData*/
+    2 && f && F(), l.$$.dirty & /*userroles, cmsendpoint, env, lang*/
+    480 && a && i && o && e && D(), l.$$.dirty & /*clientstyling, customStylingContainer*/
+    1025 && d && u && $(u, d), l.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    2049 && p && u && K(u, p), l.$$.dirty & /*mbsource, customStylingContainer*/
+    4097 && _ && u && X(u, `${_}.Style`);
+  }, [
+    u,
+    f,
+    x,
+    m,
+    j,
+    e,
+    i,
+    o,
+    a,
+    c,
+    d,
+    p,
+    _,
+    U
+  ];
+}
+class st extends O {
+  constructor(t) {
+    super(), Q(
+      this,
+      t,
+      rt,
+      ct,
+      Y,
+      {
+        lang: 5,
+        cmsendpoint: 6,
+        env: 7,
+        userroles: 8,
+        customnotif: 9,
+        clientstyling: 10,
+        clientstylingurl: 11,
+        mbsource: 12
+      },
+      it
+    );
+  }
+  get lang() {
+    return this.$$.ctx[5];
+  }
+  set lang(t) {
+    this.$$set({ lang: t }), y();
+  }
+  get cmsendpoint() {
+    return this.$$.ctx[6];
+  }
+  set cmsendpoint(t) {
+    this.$$set({ cmsendpoint: t }), y();
+  }
+  get env() {
+    return this.$$.ctx[7];
+  }
+  set env(t) {
+    this.$$set({ env: t }), y();
+  }
+  get userroles() {
+    return this.$$.ctx[8];
+  }
+  set userroles(t) {
+    this.$$set({ userroles: t }), y();
+  }
+  get customnotif() {
+    return this.$$.ctx[9];
+  }
+  set customnotif(t) {
+    this.$$set({ customnotif: t }), y();
+  }
+  get clientstyling() {
+    return this.$$.ctx[10];
+  }
+  set clientstyling(t) {
+    this.$$set({ clientstyling: t }), y();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[11];
+  }
+  set clientstylingurl(t) {
+    this.$$set({ clientstylingurl: t }), y();
+  }
+  get mbsource() {
+    return this.$$.ctx[12];
+  }
+  set mbsource(t) {
+    this.$$set({ mbsource: t }), y();
+  }
+}
+V(st, { lang: {}, cmsendpoint: {}, env: {}, userroles: {}, customnotif: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
+export {
+  st as default
+};