@everymatrix/casino-tournaments-page-controller 1.74.2 → 1.74.4

package/components/CasinoTournamentsThumbnailGames-CgqVsZlB.js

@@ -0,0 +1,424 @@
+import { S as te, b as ne, f as S, c as ae, a as se, d as ie, A as W, g as T, e as M, j as y, l as z, m as _, n as H, q as j, C as J, u as le, v as oe, w as re, x as ce, k as f, t as B, D as K, o as ue, i as me, p as R, y as de, z as ge } from "./CasinoTournamentsDetails-BsekkKcF.js";
+import { $ as F, c as fe, a as pe, i as he, b as be } from "./CasinoTournamentsPageController-B7tGUhTu.js";
+import "../stencil/ui-image-CDGN3Ekj.js";
+function _e({ withLocale: t, translations: e }) {
+  F.subscribe((n) => {
+    n == null && (fe.set(e), F.set(t));
+  });
+}
+function X(t, e) {
+  pe(t, e);
+}
+function we(t) {
+  F.set(t);
+}
+const Q = {
+  en: {
+    loading: "Loading, please wait ...",
+    playNow: "Play Now",
+    casino: "CASINO",
+    sports: "SPORTSBOOK",
+    contribution: "Contribution"
+  }
+};
+function ye(t) {
+  ie(t, "svelte-1jxmngn", "*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit}.hidden{display:none}.GamesWrapper .items{display:flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);flex-wrap:wrap;gap:var(--emw--spacing-small, 12px)}.GamesWrapper .item{height:100px;margin:0 4px;display:flex;justify-content:center;align-items:center}.GamesWrapper .item ui-image img{width:135px}.GamesWrapper .PlayNowButton{position:absolute;background:var(--emw--color-green, #48952a);display:block;box-sizing:border-box;padding:0.8rem 0.5rem;color:var(--emw--color-white, #FFFFFF);text-transform:uppercase;text-align:center;font-weight:600;font-size:var(--emw--font-size-medium, 0.7rem);cursor:pointer;transition:opacity 0.4s linear;opacity:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.GamesWrapper .PlayNowButton:hover{opacity:0.8}.GamesWrapper .SportsPage{padding:30px 30px;color:var(--emw--color-gray-100, #B5B5B5)}.GamesWrapper .SportsPage li{text-decoration:underline}.GamesWrapper .SportsPage .Market{margin-top:var(--emw--spacing-medium, 20px);font-size:var(--emw--font-size-small, 12px)}.GamesTabNav{max-width:500px;min-width:300px;width:30%}.MobileClass .GamesTabNav{width:100%}");
+}
+function V(t, e, n) {
+  const i = t.slice();
+  return i[19] = e[n], i;
+}
+function Y(t, e, n) {
+  const i = t.slice();
+  return i[22] = e[n], i[24] = n, i;
+}
+function Z(t) {
+  let e, n;
+  return {
+    c() {
+      e = T("div"), n = T("casino-tournaments-tab"), f(n, "part", "TournamentGames"), f(n, "tabs", "casino,sports"), f(n, "tab", "casino"), f(n, "tid", E), f(
+        n,
+        "clientstyling",
+        /*clientstyling*/
+        t[0]
+      ), f(
+        n,
+        "clientstylingurl",
+        /*clientstylingurl*/
+        t[1]
+      ), f(
+        n,
+        "mbsource",
+        /*mbsource*/
+        t[2]
+      ), y(e, "class", "GamesTabNav");
+    },
+    m(i, c) {
+      z(i, e, c), _(e, n);
+    },
+    p(i, c) {
+      c & /*clientstyling*/
+      1 && f(
+        n,
+        "clientstyling",
+        /*clientstyling*/
+        i[0]
+      ), c & /*clientstylingurl*/
+      2 && f(
+        n,
+        "clientstylingurl",
+        /*clientstylingurl*/
+        i[1]
+      ), c & /*mbsource*/
+      4 && f(
+        n,
+        "mbsource",
+        /*mbsource*/
+        i[2]
+      );
+    },
+    d(i) {
+      i && j(e);
+    }
+  };
+}
+function $(t) {
+  let e, n, i = (
+    /*$_*/
+    t[7]("playNow") + ""
+  ), c, g, o, u, d, b, G, m, k;
+  return {
+    c() {
+      e = T("div"), n = T("span"), c = B(i), g = M(), o = T("ui-image"), G = M(), y(n, "class", "PlayNowButton"), K(o.src, u = /*game*/
+      t[22].thumbnail) || f(o, "src", u), f(o, "width", "132px"), f(o, "height", "100px"), f(o, "alt", d = /*game*/
+      t[22].name), f(o, "title", b = /*game*/
+      t[22].name), y(e, "class", "item"), y(e, "role", "button"), y(e, "tabindex", "0");
+    },
+    m(l, w) {
+      z(l, e, w), _(e, n), _(n, c), _(e, g), _(e, o), _(e, G), m || (k = ue(e, "click", function() {
+        me(
+          /*gameClicked*/
+          t[9](
+            /*game*/
+            t[22]
+          )
+        ) && t[9](
+          /*game*/
+          t[22]
+        ).apply(this, arguments);
+      }), m = !0);
+    },
+    p(l, w) {
+      t = l, w & /*$_*/
+      128 && i !== (i = /*$_*/
+      t[7]("playNow") + "") && R(c, i), w & /*tournamentdetails*/
+      8 && !K(o.src, u = /*game*/
+      t[22].thumbnail) && f(o, "src", u), w & /*tournamentdetails*/
+      8 && d !== (d = /*game*/
+      t[22].name) && f(o, "alt", d), w & /*tournamentdetails*/
+      8 && b !== (b = /*game*/
+      t[22].name) && f(o, "title", b);
+    },
+    d(l) {
+      l && j(e), m = !1, k();
+    }
+  };
+}
+function ee(t) {
+  let e, n = (
+    /*item*/
+    t[19].rule + ""
+  ), i, c, g = (
+    /*item*/
+    (t[19].excluded ? "" : (
+      /*$_*/
+      t[7]("contribution")
+    )) + ""
+  ), o;
+  return {
+    c() {
+      e = T("li"), i = B(n), c = M(), o = B(g), y(e, "part", "li"), y(e, "class", "Market");
+    },
+    m(u, d) {
+      z(u, e, d), _(e, i), _(e, c), _(e, o);
+    },
+    p(u, d) {
+      d & /*sportsRules*/
+      64 && n !== (n = /*item*/
+      u[19].rule + "") && R(i, n), d & /*sportsRules, $_*/
+      192 && g !== (g = /*item*/
+      (u[19].excluded ? "" : (
+        /*$_*/
+        u[7]("contribution")
+      )) + "") && R(o, g);
+    },
+    d(u) {
+      u && j(e);
+    }
+  };
+}
+function ve(t) {
+  var C, A, O, L, P, a;
+  let e, n, i, c, g, o, u, d, b, G, m = (
+    /*tournamentdetails*/
+    t[3] && /*tournamentdetails*/
+    ((A = (C = t[3]) == null ? void 0 : C.wallet) == null ? void 0 : A.sports) && /*tournamentdetails*/
+    ((L = (O = t[3]) == null ? void 0 : O.wallet) == null ? void 0 : L.casino) && Z(t)
+  ), k = W(
+    /*tournamentdetails*/
+    ((a = (P = t[3]) == null ? void 0 : P.games) == null ? void 0 : a.items) || []
+  ), l = [];
+  for (let s = 0; s < k.length; s += 1)
+    l[s] = $(Y(t, k, s));
+  let w = W(
+    /*sportsRules*/
+    t[6]
+  ), p = [];
+  for (let s = 0; s < w.length; s += 1)
+    p[s] = ee(V(t, w, s));
+  return {
+    c() {
+      e = T("div"), m && m.c(), n = M(), i = T("div"), c = T("div"), g = T("div");
+      for (let s = 0; s < l.length; s += 1)
+        l[s].c();
+      u = M(), d = T("div"), b = T("ul");
+      for (let s = 0; s < p.length; s += 1)
+        p[s].c();
+      y(g, "class", "GameList items"), y(c, "class", o = "TabContent GamesContent " + /*activeTab*/
+      (t[5] != "casino" ? "hidden" : "")), y(b, "class", "SportsPage"), y(d, "class", G = "TabContent GamesContent " + /*activeTab*/
+      (t[5] != "sports" ? "hidden" : "")), y(i, "class", "GamesWrapper"), y(e, "class", he(
+        /*userAgent*/
+        t[8]
+      ) ? "MobileClass" : "");
+    },
+    m(s, v) {
+      z(s, e, v), m && m.m(e, null), _(e, n), _(e, i), _(i, c), _(c, g);
+      for (let h = 0; h < l.length; h += 1)
+        l[h] && l[h].m(g, null);
+      _(i, u), _(i, d), _(d, b);
+      for (let h = 0; h < p.length; h += 1)
+        p[h] && p[h].m(b, null);
+      t[12](e);
+    },
+    p(s, [v]) {
+      var h, U, x, I, q, D;
+      if (/*tournamentdetails*/
+      s[3] && /*tournamentdetails*/
+      ((U = (h = s[3]) == null ? void 0 : h.wallet) != null && U.sports) && /*tournamentdetails*/
+      ((I = (x = s[3]) == null ? void 0 : x.wallet) != null && I.casino) ? m ? m.p(s, v) : (m = Z(s), m.c(), m.m(e, n)) : m && (m.d(1), m = null), v & /*gameClicked, tournamentdetails, $_*/
+      648) {
+        k = W(
+          /*tournamentdetails*/
+          ((D = (q = s[3]) == null ? void 0 : q.games) == null ? void 0 : D.items) || []
+        );
+        let r;
+        for (r = 0; r < k.length; r += 1) {
+          const N = Y(s, k, r);
+          l[r] ? l[r].p(N, v) : (l[r] = $(N), l[r].c(), l[r].m(g, null));
+        }
+        for (; r < l.length; r += 1)
+          l[r].d(1);
+        l.length = k.length;
+      }
+      if (v & /*activeTab*/
+      32 && o !== (o = "TabContent GamesContent " + /*activeTab*/
+      (s[5] != "casino" ? "hidden" : "")) && y(c, "class", o), v & /*sportsRules, $_*/
+      192) {
+        w = W(
+          /*sportsRules*/
+          s[6]
+        );
+        let r;
+        for (r = 0; r < w.length; r += 1) {
+          const N = V(s, w, r);
+          p[r] ? p[r].p(N, v) : (p[r] = ee(N), p[r].c(), p[r].m(b, null));
+        }
+        for (; r < p.length; r += 1)
+          p[r].d(1);
+        p.length = w.length;
+      }
+      v & /*activeTab*/
+      32 && G !== (G = "TabContent GamesContent " + /*activeTab*/
+      (s[5] != "sports" ? "hidden" : "")) && y(d, "class", G);
+    },
+    i: H,
+    o: H,
+    d(s) {
+      s && j(e), m && m.d(), J(l, s), J(p, s), t[12](null);
+    }
+  };
+}
+let E = "gameTab";
+function Te(t, e, n) {
+  let i;
+  le(t, be, (a) => n(7, i = a));
+  let { clientstyling: c = "" } = e, { clientstylingurl: g = "" } = e, { mbsource: o } = e, { tournamentdetails: u } = e, { translationurl: d } = e, { lang: b = "en" } = e, G = "casino", m, k = window.navigator.userAgent, l;
+  _e({ withLocale: "en", translations: {} });
+  const w = () => {
+    fetch(d).then((a) => a.json()).then((a) => {
+      Object.keys(a).forEach((s) => {
+        X(s, a[s]);
+      });
+    }).catch((a) => {
+      console.log(a);
+    });
+  };
+  Object.keys(Q).forEach((a) => {
+    X(a, Q[a]);
+  });
+  const p = () => {
+    we(b), setTimeout(
+      () => {
+        C();
+      },
+      10
+    );
+  }, C = () => {
+    window.postMessage(
+      {
+        type: "TournamentsTabsLocalize",
+        tabTitleTranslations: {
+          casino: i("casino"),
+          sports: i("sports")
+        }
+      },
+      window.location.href
+    );
+  }, A = (a) => {
+    window.postMessage(
+      {
+        type: "TournamentGameAction",
+        gameId: a.id,
+        name: a.name,
+        launchUrl: a.launchUrl
+      },
+      window.location.href
+    );
+  }, O = () => {
+    var s, v;
+    const a = (v = (s = u.metadata) == null ? void 0 : s.sports) == null ? void 0 : v.rules;
+    if (a) {
+      n(5, G = u.wallet.casino ? "casino" : "sports");
+      try {
+        const h = JSON.parse(a);
+        n(6, m = h[b] || h["*"]);
+      } catch (h) {
+        console.error("Error parsing tournament rules", h);
+      }
+    }
+  }, L = (a) => {
+    if (!a.data || !a.data.type)
+      return;
+    const s = a.data.tid || "";
+    switch (a.data.type) {
+      case "TournamentsTabSwitch":
+        s === E && n(5, G = a.data.tab);
+        break;
+      case "TournamentsTabListenerLoaded":
+        C();
+        break;
+      default:
+        console.warn(`Unhandled message type: ${a.data.type}`);
+        break;
+    }
+  };
+  oe(() => (window.postMessage(
+    {
+      type: "TournamentsGamesListenerLoaded",
+      gamesTabTid: E
+    },
+    window.location.href
+  ), window.addEventListener("message", L, !1), () => {
+    window.removeEventListener("message", L);
+  }));
+  function P(a) {
+    de[a ? "unshift" : "push"](() => {
+      l = a, n(4, l);
+    });
+  }
+  return t.$$set = (a) => {
+    "clientstyling" in a && n(0, c = a.clientstyling), "clientstylingurl" in a && n(1, g = a.clientstylingurl), "mbsource" in a && n(2, o = a.mbsource), "tournamentdetails" in a && n(3, u = a.tournamentdetails), "translationurl" in a && n(10, d = a.translationurl), "lang" in a && n(11, b = a.lang);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*tournamentdetails*/
+    8 && u && O(), t.$$.dirty & /*lang*/
+    2048 && b && p(), t.$$.dirty & /*translationurl*/
+    1024 && d && w(), t.$$.dirty & /*clientstyling, customStylingContainer*/
+    17 && c && l && ge(l, c), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    18 && g && l && re(l, g), t.$$.dirty & /*mbsource, customStylingContainer*/
+    20 && o && l && ce(l, `${o}.Style`);
+  }, [
+    c,
+    g,
+    o,
+    u,
+    l,
+    G,
+    m,
+    i,
+    k,
+    A,
+    d,
+    b,
+    P
+  ];
+}
+class Ge extends te {
+  constructor(e) {
+    super(), ne(
+      this,
+      e,
+      Te,
+      ve,
+      se,
+      {
+        clientstyling: 0,
+        clientstylingurl: 1,
+        mbsource: 2,
+        tournamentdetails: 3,
+        translationurl: 10,
+        lang: 11
+      },
+      ye
+    );
+  }
+  get clientstyling() {
+    return this.$$.ctx[0];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), S();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[1];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), S();
+  }
+  get mbsource() {
+    return this.$$.ctx[2];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), S();
+  }
+  get tournamentdetails() {
+    return this.$$.ctx[3];
+  }
+  set tournamentdetails(e) {
+    this.$$set({ tournamentdetails: e }), S();
+  }
+  get translationurl() {
+    return this.$$.ctx[10];
+  }
+  set translationurl(e) {
+    this.$$set({ translationurl: e }), S();
+  }
+  get lang() {
+    return this.$$.ctx[11];
+  }
+  set lang(e) {
+    this.$$set({ lang: e }), S();
+  }
+}
+ae(Ge, { clientstyling: {}, clientstylingurl: {}, mbsource: {}, tournamentdetails: {}, translationurl: {}, lang: {} }, [], [], !0);
+export {
+  Ge as default
+};