@everymatrix/player-account-controller-nd 1.55.0 → 1.56.0

package/components/PlayerAccountNotifications-lv1He1RO.js

@@ -0,0 +1,368 @@
+import { S as O, i as Q, s as V, f as y, b as X, n as w, d as b, g as k, j as g, q as M, u as G, w as J, N as T, O as L, h, o as s, k as v, a0 as B, c as K, X as H, m as Y, e as N, x as Z, y as $, z as tt, A as et } from "./GeneralLogout-CqNn1bEG.js";
+import "../stencil/ui-skeleton-BL5JJXyn.js";
+function it(a) {
+  X(a, "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(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();
+      s(t, "class", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      (a[3] && /*mediaQuery*/
+      a[4].matches ? "PlayerAccountNotificationsTabletContainer" : (
+        /*isMobile*/
+        a[3] ? "PlayerAccountNotificationsMobileContainer" : ""
+      ))), s(t, "part", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      (a[3] && /*mediaQuery*/
+      a[4].matches ? "PlayerAccountNotificationsTabletContainer" : (
+        /*isMobile*/
+        a[3] ? "PlayerAccountNotificationsMobileContainer" : ""
+      )));
+    },
+    m(i, o) {
+      k(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 && b(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();
+      s(n, "class", "skeletonWrapper"), s(t, "class", "skeletonContainer");
+    },
+    m(o, l) {
+      k(o, t, l), h(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 f = z(o, e, c);
+          i[c] ? i[c].p(f, l) : (i[c] = I(f), 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 && b(t), L(i, o);
+    }
+  };
+}
+function W(a) {
+  let t, n, e, i, o, l, c, f = (
+    /*notification*/
+    a[24].title + ""
+  ), p, _, u, x = (
+    /*notification*/
+    a[24].description + ""
+  ), A;
+  return {
+    c() {
+      t = g("div"), n = g("div"), e = g("img"), l = v(), c = g("p"), p = Y(f), _ = v(), u = g("p"), A = v(), s(e, "class", "PlayerAccountNotificationIcon"), s(e, "width", "24px"), s(e, "height", "24px"), B(e.src, i = /*notification*/
+      a[24].icon) || s(e, "src", i), s(e, "alt", o = /*notification*/
+      a[24].title), s(c, "class", "PlayerAccountNotificationTitle"), s(n, "class", "PlayerAccountNotificationBoxHeader"), s(u, "class", "PlayerAccountNotificationText"), s(t, "class", "PlayerAccountNotificationBox"), H(
+        t,
+        "background",
+        /*notification*/
+        a[24].backgroundColor
+      );
+    },
+    m(m, d) {
+      k(m, t, d), h(t, n), h(n, e), h(n, l), h(n, c), h(c, p), h(t, _), h(t, u), u.innerHTML = x, h(t, A);
+    },
+    p(m, d) {
+      d & /*notificationsData*/
+      2 && !B(e.src, i = /*notification*/
+      m[24].icon) && s(e, "src", i), d & /*notificationsData*/
+      2 && o !== (o = /*notification*/
+      m[24].title) && s(e, "alt", o), d & /*notificationsData*/
+      2 && f !== (f = /*notification*/
+      m[24].title + "") && K(p, f), d & /*notificationsData*/
+      2 && x !== (x = /*notification*/
+      m[24].description + "") && (u.innerHTML = x), d & /*notificationsData*/
+      2 && H(
+        t,
+        "background",
+        /*notification*/
+        m[24].backgroundColor
+      );
+    },
+    d(m) {
+      m && b(t);
+    }
+  };
+}
+function at(a) {
+  let t;
+  return {
+    c() {
+      t = g("ui-skeleton"), N(t, "structure", "rectangle"), N(t, "width", "auto"), N(
+        t,
+        "height",
+        /*isMobile*/
+        a[3] && /*mediaQuery*/
+        a[4].matches ? "250px" : "400px"
+      );
+    },
+    m(n, e) {
+      k(n, t, e);
+    },
+    p: w,
+    d(n) {
+      n && b(t);
+    }
+  };
+}
+function lt(a) {
+  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) {
+      k(n, t, e);
+    },
+    p: w,
+    d(n) {
+      n && b(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 = v(), s(t, "class", "skeletonNotification");
+    },
+    m(l, c) {
+      k(l, t, c), o.m(t, null), h(t, n);
+    },
+    p(l, c) {
+      o.p(l, c);
+    },
+    d(l) {
+      l && b(t), o.d();
+    }
+  };
+}
+function ct(a) {
+  let t;
+  function n(o, l) {
+    if (
+      /*skeletonLoading*/
+      o[2]
+    ) return ot;
+    if (
+      /*notificationsData*/
+      o[1]?.length
+    ) return nt;
+  }
+  let e = n(a), i = e && e(a);
+  return {
+    c() {
+      t = g("div"), i && i.c();
+    },
+    m(o, l) {
+      k(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: w,
+    o: w,
+    d(o) {
+      o && b(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: f = "" } = t, { clientstylingurl: p = "" } = t, { mbsource: _ } = t, u, x = !0, A = window.navigator.userAgent, m = M(A) !== "PC", d = [], C = [], D = R();
+  const q = window.matchMedia("(min-width: 768px)");
+  function R() {
+    const r = M(A);
+    if (r)
+      return r === "PC" ? "dk" : "mtWeb";
+  }
+  const j = () => {
+    const r = new URL(`${i}/${e}/support-information`);
+    r.searchParams.append("env", o), r.searchParams.append("userRoles", l), r.searchParams.append("device", D), fetch(r.href).then((P) => P.json()).then((P) => {
+      P.length && (n(1, d = P[0].children), d?.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(",");
+  };
+  G(() => () => {
+  });
+  function U(r) {
+    J[r ? "unshift" : "push"](() => {
+      u = r, n(0, u);
+    });
+  }
+  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, f = r.clientstyling), "clientstylingurl" in r && n(11, p = r.clientstylingurl), "mbsource" in r && n(12, _ = r.mbsource);
+  }, a.$$.update = () => {
+    a.$$.dirty & /*customnotif*/
+    512 && c && F(), a.$$.dirty & /*notificationsData*/
+    2 && d && F(), a.$$.dirty & /*userroles, cmsendpoint, env, lang*/
+    480 && l && i && o && e && j(), a.$$.dirty & /*clientstyling, customStylingContainer*/
+    1025 && f && u && Z(u, f), a.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    2049 && p && u && $(u, p), a.$$.dirty & /*mbsource, customStylingContainer*/
+    4097 && _ && u && tt(u, `${_}.Style`);
+  }, [
+    u,
+    d,
+    x,
+    m,
+    q,
+    e,
+    i,
+    o,
+    l,
+    c,
+    f,
+    p,
+    _,
+    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 }), 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();
+  }
+}
+et(st, { lang: {}, cmsendpoint: {}, env: {}, userroles: {}, customnotif: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
+export {
+  st as default
+};