@everymatrix/tournament-details-page 0.0.4 → 0.0.6

package/components/TournamentGames-Dxvil6j2.js

@@ -0,0 +1,383 @@
+var ce = (T, d, m) => new Promise((V, H) => {
+  var j = (u) => {
+    try {
+      x(m.next(u));
+    } catch (G) {
+      H(G);
+    }
+  }, W = (u) => {
+    try {
+      x(m.throw(u));
+    } catch (G) {
+      H(G);
+    }
+  }, x = (u) => u.done ? V(u.value) : Promise.resolve(u.value).then(j, W);
+  x((m = m.apply(T, d)).next());
+});
+import { a as Fe, $ as Xe, m as Ue, e as Je, p as P, u as de, s as z, f as qe, g as _, r as w, q as i, i as D, n as a, y as B, C as Ke, E as y, A as M, h as c, j as Qe, k as Ve, F as Ye, w as k, l as S, J, K as q, I as K, x as Q, L as oe, t as Ze, v as $e, B as r, D as fe } from "./TournamentDetails-wSkU01Xy.js";
+import { g as et } from "./TournamentDetailsPage-9QiBj_5p.js";
+function tt(T, d) {
+  Fe(T, d);
+}
+function ue(T) {
+  Xe.set(T);
+}
+const ge = {
+  en: {
+    previousButton: "Previous",
+    nextButton: "Next",
+    casinoTab: "Casino",
+    sportsbookTab: "Sportsbook",
+    gamesDescriptionTitle: "Participating games",
+    gamesDescriptionSubtitle: "Discover the games",
+    sportsRulesParseError: "Error parsing tournament rules",
+    noAvailableGames: "No games have been configured yet!"
+  },
+  tr: {
+    previousButton: "Previous",
+    nextButton: "Next",
+    casinoTab: "Casino",
+    sportsbookTab: "Sportsbook"
+  }
+}, at = () => typeof window == "undefined";
+var nt = _('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'), ot = _('<p class="svelte-p7mf8l"> </p>'), st = _("<div></div>"), rt = _('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'), lt = _('<div class="TournamentGameThumbnail svelte-p7mf8l"><div class="ImageContainer svelte-p7mf8l"><img class="svelte-p7mf8l"/> <div class="PlayButtonOverlay svelte-p7mf8l"><button class="PlayGameButton svelte-p7mf8l"> </button></div></div></div>'), it = _('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'), pt = _("<button> </button>"), mt = _('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'), vt = _("<p> </p>"), ct = _('<div class="PaginationSkeleton svelte-p7mf8l"><div class="PaginationSkeletonButton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationSkeletonButton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div></div>'), dt = _('<div class="TournamentGamesWrapper svelte-p7mf8l"><div class="GamesDescription svelte-p7mf8l"><p class="GamesDescriptionTitle svelte-p7mf8l"> </p> <p class="GamesDescriptionSubTitle svelte-p7mf8l"> </p></div> <!> <!> <div><!></div> <!> <!></div>');
+const ft = {
+  hash: "svelte-p7mf8l",
+  code: `.svelte-p7mf8l,
+  .svelte-p7mf8l::before,
+  .svelte-p7mf8l::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;}.GamesDescription.svelte-p7mf8l {display:flex;flex-direction:column;gap:6px;margin:10px 0;.GamesDescriptionTitle:where(.svelte-p7mf8l) {color:var(--emw-color-typography, #ffffff);font-size:16px;font-weight:600;}.GamesDescriptionSubTitle:where(.svelte-p7mf8l) {color:var(--emw-color-typography, #ffffff);font-size:14px;font-weight:200;}}.TournamentGamesTabs.svelte-p7mf8l {display:flex;border-radius:50px;background-color:var(--emw-color-bg-section, #434343);padding:6px;margin-bottom:6px;width:100%;justify-content:center;.Tab:where(.svelte-p7mf8l) {padding:5px 20px;color:var(--emw-color-typography, #ffffff);width:100%;border-radius:50px;background-color:transparent;border:none;cursor:pointer;}.Active:where(.svelte-p7mf8l) {background-color:var(--emw-color-bg-elements, #4A4A4A);border:none;}}.TournamentRulesWrapper.svelte-p7mf8l {display:flex;flex-direction:column;color:var(--emw-color-typography, #ffffff);font-size:14px;font-weight:400;margin:10px 0;}.TournamentGamesWrapper.svelte-p7mf8l {display:flex;flex-direction:column;gap:10px;background-color:var(--emw-color-bg-secondary, #333232);padding:10px;border-radius:6px;}.TournamentGamesContainer.svelte-p7mf8l {display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(min(150px, 100%), 1fr));.TournamentGameThumbnailSkeleton:where(.svelte-p7mf8l) {position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;background:linear-gradient(
+        to top,
+        var(--emw-color-primary, #FF1D4E),
+        transparent
+      );background-size:100% 200%;
+      animation: pulse 1.5s ease-in-out infinite;}.ImageContainer:where(.svelte-p7mf8l) {position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;}img:where(.svelte-p7mf8l) {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:6px;}.PlayButtonOverlay:where(.svelte-p7mf8l) {position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0, 0, 0, 0.6);display:flex;justify-content:center;align-items:center;opacity:0;&:hover {opacity:1;transition:opacity 0.5s;}.PlayGameButton:where(.svelte-p7mf8l) {background-color:var(--emw-color-primary, #FF1D4E);border-radius:6px;color:var(--emw-color-typography, #ffffff);padding:10px;border:none;outline:none;min-width:50%;cursor:pointer;&:hover {background-color:var(--emw-color-primary-hover, #ff3a65);cursor:pointer;}&:active {transform:scale(0.9);}}}}.PaginationWrapper.svelte-p7mf8l {display:flex;justify-content:space-between;.PageNumberWrapper:where(.svelte-p7mf8l) {display:flex;gap:3px;}.PaginationButton:where(.svelte-p7mf8l) {background-color:var(--emw-color-bg-section, #434343);color:var(--emw-color-typography, #ffffff);border-radius:6px;border:none;outline:none;padding:10px;width:auto;cursor:pointer;&.Number {background-color:transparent;min-width:0;padding:0 10px;}&:hover {background-color:var(--emw-color-bg-elements, #4A4A4A);cursor:pointer;}&:active {transform:scale(0.9);}&:disabled {opacity:60%;pointer-events:none;}&.Active {background-color:var(--emw-color-bg-elements, #4A4A4A);}&.Elipsis {pointer-events:none;background-color:transparent;min-width:0;padding:0;align-self:center;}}}.NoGamesAvailable.svelte-p7mf8l {color:var(--emw-color-typography, #ffffff);font-size:14px;font-weight:300;}.PaginationSkeleton.svelte-p7mf8l {display:flex;justify-content:space-between;gap:6px;}.PaginationSkeletonButton.svelte-p7mf8l {width:80px;height:35px;border-radius:6px;background-color:var(--emw-color-bg-elements, #4A4A4A);overflow:hidden;position:relative;}.PaginationNumberSkeleton.svelte-p7mf8l {width:40px;height:35px;border-radius:6px;background-color:var(--emw-color-bg-elements, #4A4A4A);overflow:hidden;position:relative;}.SkeletonShimmer.svelte-p7mf8l {width:100%;height:100%;background:linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--emw-color-skeleton, #333232) 50%,
+      transparent 100%
+    );
+    animation: svelte-p7mf8l-loading 1.5s infinite;transform:translateX(-100%);}
+
+  @keyframes svelte-p7mf8l-loading {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(100%);
+    }
+  }
+
+  @media (min-width: 750px) {.TournamentGamesTabs.svelte-p7mf8l {width:fit-content;}.PaginationWrapper.svelte-p7mf8l, .PaginationSkeleton.svelte-p7mf8l {justify-content:end;gap:10px;}.PaginationButton.svelte-p7mf8l {min-width:75px;}.PaginationSkeleton.svelte-p7mf8l {justify-content:end;gap:10px;.PaginationSkeletonButton:where(.svelte-p7mf8l) {width:auto;min-width:55px;}.PaginationNumberSkeleton:where(.svelte-p7mf8l) {width:35px;}}
+
+  }.Hidden.svelte-p7mf8l {display:none;}`
+};
+function ut(T, d) {
+  var me;
+  Ue(d, !0), Je(T, ft);
+  const m = () => Ke(Ye, "$_", V), [V, H] = Ve(), j = P(d, "initialGames"), W = P(d, "endpoint"), x = P(d, "language", 7, "en"), u = P(d, "session"), G = P(d, "tournamentid"), b = P(d, "gamesLimit", 7, 6), C = P(d, "totalGames"), Y = P(d, "platformProp", 7, null), E = P(d, "tournamentMetadata");
+  Object.keys(ge).forEach((e) => {
+    tt(e, ge[e]);
+  }), ue(x());
+  const be = () => {
+    ue(x());
+  };
+  de(() => {
+    be();
+  });
+  let R = z(qe(j() || [])), L = z(!1), g = z(0), I = z(void 0);
+  const he = at() ? (me = Y()) != null ? me : "dk" : et(window.navigator.userAgent), Z = () => ce(this, null, function* () {
+    if ($.has(a(F)))
+      return;
+    k(L, !0);
+    const e = new URL(`${W()}/v1/tournaments/${G()}`), t = new Headers();
+    u() && t.append("X-SessionId", u());
+    const n = { method: "GET", headers: t };
+    e.searchParams.append("filter", `id=${G()}`), e.searchParams.append("language", x()), e.searchParams.append("expand", "games"), e.searchParams.append("pagination", `games(limit=${b()},offset=${a(g)})`), e.searchParams.append("platform", he), fetch(e, n).then((s) => s.json()).then((s) => {
+      var l, o;
+      k(R, (o = (l = s == null ? void 0 : s.item) == null ? void 0 : l.games) == null ? void 0 : o.items, !0), $.set(a(F), a(R));
+    }).catch((s) => console.log(s)).finally(() => k(L, !1));
+  }), _e = () => {
+    const e = Math.ceil(C() / b()), t = Math.floor(a(g) / b()) + 1;
+    if (e <= 5)
+      return Array.from({ length: e }, (s, l) => l + 1);
+    const n = [];
+    return n.push(1), t <= 3 ? (n.push(2, 3), n.push("..."), n.push(e)) : t >= e - 2 ? (n.push("..."), n.push(e - 2, e - 1, e)) : (n.push("..."), n.push(t - 1, t, t + 1), n.push("..."), n.push(e)), n;
+  }, xe = () => {
+    a(g) < C() && (k(g, a(g) + b()), Z());
+  }, we = () => {
+    a(g) !== 0 && (k(g, a(g) - b()), Z());
+  }, ye = (e) => {
+    k(g, (e - 1) * b()), Z();
+  }, ke = oe(_e), F = oe(() => Math.floor(a(g) / b()) + 1);
+  let $ = /* @__PURE__ */ new Map([[1, j()]]), Pe = oe(() => {
+    var e;
+    return (e = $.get(a(F))) != null ? e : [];
+  }), A = z("casino");
+  const Se = () => {
+    var n;
+    if (!E()) return;
+    const e = (n = E().sports) == null ? void 0 : n.rules;
+    let t;
+    if (e)
+      try {
+        t = JSON.parse(e), k(I, t[x()] || t["*"], !0);
+      } catch (s) {
+        console.log(s), k(I, `${m()("sportsRulesParseError")}`);
+      }
+  }, Te = (e) => {
+    window.postMessage(
+      {
+        type: "Tournaments:PlayGame",
+        launchUrl: e.launchUrl,
+        id: e.gameId,
+        thumbnail: e.thumbnail,
+        name: e.name
+      },
+      window.location.href
+    );
+  };
+  de(() => {
+    Object.keys(E()).length !== 0 && Se();
+  });
+  var Ge = {
+    get initialGames() {
+      return j();
+    },
+    set initialGames(e) {
+      j(e), S();
+    },
+    get endpoint() {
+      return W();
+    },
+    set endpoint(e) {
+      W(e), S();
+    },
+    get language() {
+      return x();
+    },
+    set language(e = "en") {
+      x(e), S();
+    },
+    get session() {
+      return u();
+    },
+    set session(e) {
+      u(e), S();
+    },
+    get tournamentid() {
+      return G();
+    },
+    set tournamentid(e) {
+      G(e), S();
+    },
+    get gamesLimit() {
+      return b();
+    },
+    set gamesLimit(e = 6) {
+      b(e), S();
+    },
+    get totalGames() {
+      return C();
+    },
+    set totalGames(e) {
+      C(e), S();
+    },
+    get platformProp() {
+      return Y();
+    },
+    set platformProp(e = null) {
+      Y(e), S();
+    },
+    get tournamentMetadata() {
+      return E();
+    },
+    set tournamentMetadata(e) {
+      E(e), S();
+    }
+  }, ee = dt(), te = i(ee), ae = i(te), Ae = i(ae, !0);
+  r(ae);
+  var se = w(ae, 2), Be = i(se, !0);
+  r(se), r(te);
+  var re = w(te, 2);
+  {
+    var Ne = (e) => {
+      var t = nt(), n = i(t);
+      let s;
+      n.__click = () => k(A, "casino");
+      var l = i(n, !0);
+      r(n);
+      var o = w(n, 2);
+      let p;
+      o.__click = () => k(A, "sports");
+      var v = i(o, !0);
+      r(o), r(t), B(
+        (f, h) => {
+          s = M(n, 1, "Tab svelte-p7mf8l", null, s, { Active: a(A) === "casino" }), y(l, f), p = M(o, 1, "Tab svelte-p7mf8l", null, p, { Active: a(A) === "sports" }), y(v, h);
+        },
+        [() => m()("casinoTab"), () => m()("sportsbookTab")]
+      ), c(e, t);
+    };
+    D(re, (e) => {
+      Object.keys(E()).length !== 0 && e(Ne);
+    });
+  }
+  var le = w(re, 2);
+  {
+    var De = (e) => {
+      var t = st();
+      let n;
+      J(t, 21, () => a(I), q, (s, l) => {
+        var o = ot(), p = i(o);
+        r(o), B((v) => {
+          var f;
+          return y(p, `${(f = a(l).rule) != null ? f : ""} ${v != null ? v : ""}`);
+        }, [() => m()("contribution")]), c(s, o);
+      }), r(t), B(() => n = M(t, 1, "TournamentRulesWrapper svelte-p7mf8l", null, n, { Hidden: a(A) === "casino" })), c(e, t);
+    };
+    D(le, (e) => {
+      a(I) && e(De);
+    });
+  }
+  var X = w(le, 2);
+  let ie;
+  var Me = i(X);
+  {
+    var je = (e) => {
+      var t = K(), n = Q(t);
+      J(n, 17, () => Array(b()), q, (s, l, o, p) => {
+        var v = rt();
+        c(s, v);
+      }), c(e, t);
+    }, Ee = (e) => {
+      var t = K(), n = Q(t);
+      J(n, 17, () => a(Pe), q, (s, l) => {
+        var o = lt();
+        o.__click = () => Te(a(l));
+        var p = i(o), v = i(p), f = w(v, 2), h = i(f), U = i(h, !0);
+        r(h), r(f), r(p), r(o), B(
+          (ne) => {
+            fe(v, "src", `https:${a(l).thumbnail}`), fe(v, "alt", a(l).name), y(U, ne);
+          },
+          [() => m()("play")]
+        ), c(s, o);
+      }), c(e, t);
+    };
+    D(Me, (e) => {
+      var t;
+      a(L) || ((t = a(R)) == null ? void 0 : t.length) === 0 ? e(je) : e(Ee, !1);
+    });
+  }
+  r(X);
+  var pe = w(X, 2);
+  {
+    var Le = (e) => {
+      var t = mt();
+      let n;
+      var s = i(t);
+      s.__click = we;
+      var l = i(s, !0);
+      r(s);
+      var o = w(s, 2);
+      J(o, 21, () => a(ke), q, (f, h) => {
+        var U = K(), ne = Q(U);
+        {
+          var ze = (O) => {
+            var N = it();
+            c(O, N);
+          }, He = (O) => {
+            var N = pt();
+            let ve;
+            N.__click = () => ye(a(h));
+            var Ie = i(N, !0);
+            r(N), B(() => {
+              ve = M(N, 1, "PaginationButton Number svelte-p7mf8l", null, ve, { Active: a(h) === a(F) }), y(Ie, a(h));
+            }), c(O, N);
+          };
+          D(ne, (O) => {
+            typeof a(h) != "number" ? O(ze) : O(He, !1);
+          });
+        }
+        c(f, U);
+      }), r(o);
+      var p = w(o, 2);
+      p.__click = xe;
+      var v = i(p, !0);
+      r(p), r(t), B(
+        (f, h) => {
+          n = M(t, 1, "PaginationWrapper svelte-p7mf8l", null, n, { Hidden: a(A) === "sports" }), s.disabled = a(g) === 0, y(l, f), p.disabled = a(g) >= C() - b(), y(v, h);
+        },
+        [() => m()("previousButton"), () => m()("nextButton")]
+      ), c(e, t);
+    }, Oe = (e) => {
+      var t = K(), n = Q(t);
+      {
+        var s = (l) => {
+          var o = vt();
+          let p;
+          var v = i(o, !0);
+          r(o), B(
+            (f) => {
+              p = M(o, 1, "NoGamesAvailable svelte-p7mf8l", null, p, { Hidden: a(A) === "sports" }), y(v, f);
+            },
+            [() => m()("noAvailableGames")]
+          ), c(l, o);
+        };
+        D(
+          n,
+          (l) => {
+            var o;
+            !a(L) && ((o = a(R)) == null ? void 0 : o.length) === 0 && l(s);
+          },
+          !0
+        );
+      }
+      c(e, t);
+    };
+    D(pe, (e) => {
+      var t;
+      !a(L) && ((t = a(R)) == null ? void 0 : t.length) > 0 ? e(Le) : e(Oe, !1);
+    });
+  }
+  var We = w(pe, 2);
+  {
+    var Ce = (e) => {
+      var t = ct();
+      c(e, t);
+    };
+    D(We, (e) => {
+      a(L) && e(Ce);
+    });
+  }
+  r(ee), B(
+    (e, t) => {
+      y(Ae, e), y(Be, t), ie = M(X, 1, "TournamentGamesContainer svelte-p7mf8l", null, ie, { Hidden: a(A) === "sports" });
+    },
+    [
+      () => m()("gamesDescriptionTitle"),
+      () => m()("gamesDescriptionSubtitle")
+    ]
+  ), c(T, ee);
+  var Re = Qe(Ge);
+  return H(), Re;
+}
+Ze(["click"]);
+customElements.define("tournament-games", $e(
+  ut,
+  {
+    initialGames: {},
+    endpoint: {},
+    language: {},
+    session: {},
+    tournamentid: {},
+    gamesLimit: {},
+    totalGames: {},
+    platformProp: {},
+    tournamentMetadata: {}
+  },
+  [],
+  [],
+  !1
+));
+export {
+  ut as default
+};