@everymatrix/player-account-controller 1.60.2 → 1.61.0

package/components/PlayerAccountNotifications-C1NLTeZY.js

@@ -0,0 +1,372 @@
+import { S as O, i as Q, s as V, f as _, b as Z, n as v, d as k, g as P, j as g, q as M, u as G, w as J, O as T, P as L, h as p, o as h, k as C, a1 as B, e as f, c as K, Z as H, m as X, x as Y, y as $, z as tt, A as et } from "./GeneralLogout-C38FmUFl.js";
+import "../stencil/ui-image-C3z33p-I.js";
+import "../stencil/ui-skeleton-1aZpiK3a.js";
+function it(a) {
+  Z(a, "svelte-yka2kr", ':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}.PlayerAccountNotificationBox{display:block;padding:10px;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-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}.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(a, t, n) {
+  const e = a.slice();
+  return e[24] = t[n], e;
+}
+function z(a, t, n) {
+  const e = a.slice();
+  return e[21] = t[n], e;
+}
+function nt(a) {
+  let t, n = T(
+    /*notificationsData*/
+    a[1]
+  ), e = [];
+  for (let i = 0; i < n.length; i += 1)
+    e[i] = W(S(a, n, i));
+  return {
+    c() {
+      t = g("div");
+      for (let i = 0; i < e.length; i += 1)
+        e[i].c();
+      h(t, "class", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      (a[3] && /*mediaQuery*/
+      a[4].matches ? "PlayerAccountNotificationsTabletContainer" : (
+        /*isMobile*/
+        a[3] ? "PlayerAccountNotificationsMobileContainer" : ""
+      ))), h(t, "part", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      (a[3] && /*mediaQuery*/
+      a[4].matches ? "PlayerAccountNotificationsTabletContainer" : (
+        /*isMobile*/
+        a[3] ? "PlayerAccountNotificationsMobileContainer" : ""
+      )));
+    },
+    m(i, o) {
+      P(i, t, o);
+      for (let l = 0; l < e.length; l += 1)
+        e[l] && e[l].m(t, null);
+    },
+    p(i, o) {
+      if (o & /*notificationsData*/
+      2) {
+        n = T(
+          /*notificationsData*/
+          i[1]
+        );
+        let l;
+        for (l = 0; l < n.length; l += 1) {
+          const c = S(i, n, l);
+          e[l] ? e[l].p(c, o) : (e[l] = W(c), e[l].c(), e[l].m(t, null));
+        }
+        for (; l < e.length; l += 1)
+          e[l].d(1);
+        e.length = n.length;
+      }
+    },
+    d(i) {
+      i && k(t), L(e, i);
+    }
+  };
+}
+function ot(a) {
+  let t, n, e = T({ length: 3 }), i = [];
+  for (let o = 0; o < e.length; o += 1)
+    i[o] = I(z(a, e, o));
+  return {
+    c() {
+      t = g("div"), n = g("div");
+      for (let o = 0; o < i.length; o += 1)
+        i[o].c();
+      h(n, "class", "skeletonWrapper"), h(t, "class", "skeletonContainer");
+    },
+    m(o, l) {
+      P(o, t, l), p(t, n);
+      for (let c = 0; c < i.length; c += 1)
+        i[c] && i[c].m(n, null);
+    },
+    p(o, l) {
+      if (l & /*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, l) : (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(a) {
+  let t, n, e, i, o, l, c, d = (
+    /*notification*/
+    a[24].title + ""
+  ), y, x, s, b = (
+    /*notification*/
+    a[24].description + ""
+  ), A;
+  return {
+    c() {
+      t = g("div"), n = g("div"), e = g("ui-image"), l = C(), c = g("p"), y = X(d), x = C(), s = g("p"), A = C(), f(e, "imgClass", "PlayerAccountNotificationIcon"), f(e, "width", "24px"), f(e, "height", "24px"), B(e.src, i = /*notification*/
+      a[24].icon) || f(e, "src", i), f(e, "alt", o = /*notification*/
+      a[24].title), h(c, "class", "PlayerAccountNotificationTitle"), h(n, "class", "PlayerAccountNotificationBoxHeader"), h(s, "class", "PlayerAccountNotificationText"), h(t, "class", "PlayerAccountNotificationBox"), H(
+        t,
+        "background",
+        /*notification*/
+        a[24].backgroundColor
+      );
+    },
+    m(m, u) {
+      P(m, t, u), p(t, n), p(n, e), p(n, l), p(n, c), p(c, y), p(t, x), p(t, s), s.innerHTML = b, p(t, A);
+    },
+    p(m, u) {
+      u & /*notificationsData*/
+      2 && !B(e.src, i = /*notification*/
+      m[24].icon) && f(e, "src", i), u & /*notificationsData*/
+      2 && o !== (o = /*notification*/
+      m[24].title) && f(e, "alt", o), u & /*notificationsData*/
+      2 && d !== (d = /*notification*/
+      m[24].title + "") && K(y, d), u & /*notificationsData*/
+      2 && b !== (b = /*notification*/
+      m[24].description + "") && (s.innerHTML = b), u & /*notificationsData*/
+      2 && H(
+        t,
+        "background",
+        /*notification*/
+        m[24].backgroundColor
+      );
+    },
+    d(m) {
+      m && k(t);
+    }
+  };
+}
+function at(a) {
+  let t;
+  return {
+    c() {
+      t = g("ui-skeleton"), f(t, "structure", "rectangle"), f(t, "width", "auto"), f(
+        t,
+        "height",
+        /*isMobile*/
+        a[3] && /*mediaQuery*/
+        a[4].matches ? "250px" : "400px"
+      );
+    },
+    m(n, e) {
+      P(n, t, e);
+    },
+    p: v,
+    d(n) {
+      n && k(t);
+    }
+  };
+}
+function lt(a) {
+  let t;
+  return {
+    c() {
+      t = g("ui-skeleton"), t.innerHTML = "", f(t, "structure", "rectangle"), f(t, "width", "auto"), f(t, "height", "130px");
+    },
+    m(n, e) {
+      P(n, t, e);
+    },
+    p: v,
+    d(n) {
+      n && k(t);
+    }
+  };
+}
+function I(a) {
+  let t, n;
+  function e(l, c) {
+    return (
+      /*isMobile*/
+      l[3] ? at : lt
+    );
+  }
+  let o = e(a)(a);
+  return {
+    c() {
+      t = g("div"), o.c(), n = C(), h(t, "class", "skeletonNotification");
+    },
+    m(l, c) {
+      P(l, t, c), o.m(t, null), p(t, n);
+    },
+    p(l, c) {
+      o.p(l, c);
+    },
+    d(l) {
+      l && k(t), o.d();
+    }
+  };
+}
+function ct(a) {
+  let t;
+  function n(o, l) {
+    var c;
+    if (
+      /*skeletonLoading*/
+      o[2]
+    )
+      return ot;
+    if (
+      /*notificationsData*/
+      (c = o[1]) != null && c.length
+    )
+      return nt;
+  }
+  let e = n(a), i = e && e(a);
+  return {
+    c() {
+      t = g("div"), i && i.c();
+    },
+    m(o, l) {
+      P(o, t, l), i && i.m(t, null), a[13](t);
+    },
+    p(o, [l]) {
+      e === (e = n(o)) && i ? i.p(o, l) : (i && i.d(1), i = e && e(o), i && (i.c(), i.m(t, null)));
+    },
+    i: v,
+    o: v,
+    d(o) {
+      o && k(t), i && i.d(), a[13](null);
+    }
+  };
+}
+function rt(a, t, n) {
+  let { lang: e = "" } = t, { cmsendpoint: i = "" } = t, { env: o = "" } = t, { userroles: l = "" } = t, { customnotif: c = "" } = t, { clientstyling: d = "" } = t, { clientstylingurl: y = "" } = t, { mbsource: x } = t, s, b = !0, A = window.navigator.userAgent, m = M(A) !== "PC", u = [], w = [], q = j();
+  const R = window.matchMedia("(min-width: 768px)");
+  function j() {
+    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", l), r.searchParams.append("device", q), fetch(r.href).then((N) => N.json()).then((N) => {
+      N.length && (n(1, u = N[0].children), u == null || u.forEach((E) => {
+        w.length && (E.backgroundColor = w[0], w.shift());
+      }));
+    }).catch((N) => {
+      console.error(N);
+    }).finally(() => {
+      setTimeout(
+        () => {
+          n(2, b = !1);
+        },
+        1e3
+      );
+    });
+  }, F = () => {
+    c.replace(" ", ""), w = c.split(",");
+  };
+  G(() => () => {
+  });
+  function U(r) {
+    J[r ? "unshift" : "push"](() => {
+      s = r, n(0, s);
+    });
+  }
+  return a.$$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, l = r.userroles), "customnotif" in r && n(9, c = r.customnotif), "clientstyling" in r && n(10, d = r.clientstyling), "clientstylingurl" in r && n(11, y = r.clientstylingurl), "mbsource" in r && n(12, x = r.mbsource);
+  }, a.$$.update = () => {
+    a.$$.dirty & /*customnotif*/
+    512 && c && F(), a.$$.dirty & /*notificationsData*/
+    2 && u && F(), a.$$.dirty & /*userroles, cmsendpoint, env, lang*/
+    480 && l && i && o && e && D(), a.$$.dirty & /*clientstyling, customStylingContainer*/
+    1025 && d && s && Y(s, d), a.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    2049 && y && s && $(s, y), a.$$.dirty & /*mbsource, customStylingContainer*/
+    4097 && x && s && tt(s, `${x}.Style`);
+  }, [
+    s,
+    u,
+    b,
+    m,
+    R,
+    e,
+    i,
+    o,
+    l,
+    c,
+    d,
+    y,
+    x,
+    U
+  ];
+}
+class st extends O {
+  constructor(t) {
+    super(), Q(
+      this,
+      t,
+      rt,
+      ct,
+      V,
+      {
+        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 }), _();
+  }
+  get cmsendpoint() {
+    return this.$$.ctx[6];
+  }
+  set cmsendpoint(t) {
+    this.$$set({ cmsendpoint: t }), _();
+  }
+  get env() {
+    return this.$$.ctx[7];
+  }
+  set env(t) {
+    this.$$set({ env: t }), _();
+  }
+  get userroles() {
+    return this.$$.ctx[8];
+  }
+  set userroles(t) {
+    this.$$set({ userroles: t }), _();
+  }
+  get customnotif() {
+    return this.$$.ctx[9];
+  }
+  set customnotif(t) {
+    this.$$set({ customnotif: t }), _();
+  }
+  get clientstyling() {
+    return this.$$.ctx[10];
+  }
+  set clientstyling(t) {
+    this.$$set({ clientstyling: t }), _();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[11];
+  }
+  set clientstylingurl(t) {
+    this.$$set({ clientstylingurl: t }), _();
+  }
+  get mbsource() {
+    return this.$$.ctx[12];
+  }
+  set mbsource(t) {
+    this.$$set({ mbsource: t }), _();
+  }
+}
+et(st, { lang: {}, cmsendpoint: {}, env: {}, userroles: {}, customnotif: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
+export {
+  st as default
+};