@everymatrix/tournament-details-page 0.1.0 → 0.1.2

package/components/TournamentGames-CWA8cn1W.js

@@ -0,0 +1,402 @@
+var ge = (A, p, m) => new Promise((te, C) => {
+  var L = (f) => {
+    try {
+      y(m.next(f));
+    } catch (B) {
+      C(B);
+    }
+  }, z = (f) => {
+    try {
+      y(m.throw(f));
+    } catch (B) {
+      C(B);
+    }
+  }, y = (f) => f.done ? te(f.value) : Promise.resolve(f.value).then(L, z);
+  y((m = m.apply(A, p)).next());
+});
+import { a as Je, $ as Ke, p as Xe, b as Qe, d as w, u as Ve, e as be, j as W, L as Ye, P as Ze, w as k, i as M, g as a, t as D, y as P, H as E, f as c, h as $e, C as et, D as tt, s as at, k as _, m as T, n as l, v as Y, z as Z, q as $, r as ee, x, l as pe, A as nt, B as ot, E as i, N as he } from "./TournamentDetailsPage-CqwgEfgR.js";
+function _e(A, p) {
+  Je(A, p);
+}
+function xe(A) {
+  Ke.set(A);
+}
+const ye = {
+  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: "Önceki",
+    nextButton: "Sonraki",
+    casinoTab: "Casino",
+    sportsbookTab: "Spor Bahisleri",
+    gamesDescriptionTitle: "Katılımcı oyunlar",
+    gamesDescriptionSubtitle: "Oyunları keşfedin",
+    sportsRulesParseError: "Turnuva kuralları ayrıştırma hatası",
+    noAvailableGames: "Henüz oyun yapılandırılmamış!"
+  }
+}, rt = () => typeof window == "undefined";
+var st = x('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'), it = x('<p class="svelte-p7mf8l"> </p>'), lt = x("<div></div>"), pt = x('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'), mt = x("<p> </p>"), ct = x('<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>'), vt = x('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'), ut = x("<button> </button>"), dt = x('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'), ft = x('<div class="PaginationSkeleton svelte-p7mf8l"><div class="PaginationSkeletonButton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationSkeletonButton svelte-p7mf8l"></div></div>'), gt = x('<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 bt = {
+  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;min-height:150px;}.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-fill, minmax(min(170px, 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: svelte-p7mf8l-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:where(.svelte-p7mf8l) {width:60px;height:35px;border-radius:6px;background-color:var(--emw-color-skeleton, #535353);overflow:hidden;position:relative;
+      animation: svelte-p7mf8l-pulse 1s infinite;}.PaginationNumberSkeleton:where(.svelte-p7mf8l) {width:40px;height:35px;border-radius:6px;background-color:var(--emw-color-skeleton, #535353);overflow:hidden;position:relative;
+      animation: svelte-p7mf8l-pulse 1s infinite;}}
+
+  @keyframes svelte-p7mf8l-pulse {
+      0% {
+        opacity: 0;
+      }
+      50% {
+        opacity: 1;
+      }
+      100% {
+        opacity: 0;
+      }
+  }
+
+
+  @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 ht(A, p) {
+  var fe;
+  Xe(p, !0), Qe(A, bt);
+  const m = () => et(tt, "$_", te), [te, C] = at(), L = w(p, "initialGames"), z = w(p, "endpoint"), y = w(p, "language", 7, "en"), f = w(p, "session"), B = w(p, "tournamentid"), g = w(p, "gamesLimit", 7, 6), O = w(p, "totalGames"), ae = w(p, "platformProp", 7, null), R = w(p, "tournamentMetadata"), I = w(p, "translationurl"), we = () => {
+    let e = new URL(I());
+    fetch(e.href).then((t) => t.json()).then((t) => {
+      Object.keys(t).forEach((n) => {
+        _e(n, t[n]);
+      });
+    }).catch((t) => {
+      console.log(t);
+    });
+  };
+  Object.keys(ye).forEach((e) => {
+    _e(e, ye[e]);
+  }), xe(y());
+  const ke = () => {
+    xe(y());
+  };
+  Ve(() => {
+    I() && we();
+  }), be(() => {
+    ke();
+  });
+  let ne = W(Ye(L() || [])), U = W(!1), b = W(0), F = W(void 0), q = W(!0);
+  const Pe = rt() ? (fe = ae()) != null ? fe : "dk" : Ze(window.navigator.userAgent), oe = () => ge(this, null, function* () {
+    if (re.has(a(J)))
+      return;
+    _(U, !0);
+    const e = new URL(`${z()}/v1/tournaments/${B()}`), t = new Headers();
+    f() && t.append("X-SessionId", f());
+    const n = { method: "GET", headers: t };
+    e.searchParams.append("filter", `id=${B()}`), e.searchParams.append("language", y()), e.searchParams.append("expand", "games"), e.searchParams.append("pagination", `games(limit=${g()},offset=${a(b)})`), e.searchParams.append("platform", Pe), fetch(e, n).then((o) => o.json()).then((o) => {
+      var d, r;
+      _(ne, (r = (d = o == null ? void 0 : o.item) == null ? void 0 : d.games) == null ? void 0 : r.items, !0), re.set(a(J), a(ne)), a(q) || _(q, !0);
+    }).catch((o) => console.log(o)).finally(() => _(U, !1));
+  }), Te = () => {
+    const e = Math.ceil(O() / g()), t = Math.floor(a(b) / g()) + 1;
+    if (e <= 5)
+      return Array.from({ length: e }, (o, d) => d + 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;
+  }, Ge = () => {
+    a(b) < O() && (_(b, a(b) + g()), oe());
+  }, Se = () => {
+    a(b) !== 0 && (_(b, a(b) - g()), oe());
+  }, Ae = (e) => {
+    _(b, (e - 1) * g()), oe();
+  }, Be = pe(Te), J = pe(() => Math.floor(a(b) / g()) + 1);
+  let re = /* @__PURE__ */ new Map([[1, L()]]), Ne = pe(() => {
+    var e;
+    return (e = re.get(a(J))) != null ? e : [];
+  }), N = W("casino");
+  const De = () => {
+    var n;
+    if (!R()) return;
+    const e = (n = R().sports) == null ? void 0 : n.rules;
+    let t;
+    if (e)
+      try {
+        t = JSON.parse(e), _(F, t[y()] || t["*"], !0);
+      } catch (o) {
+        console.log(o), _(F, `${m()("sportsRulesParseError")}`);
+      }
+  }, je = (e) => {
+    window.postMessage(
+      {
+        type: "Tournaments:PlayGame",
+        launchUrl: e.launchUrl,
+        id: e.gameId,
+        thumbnail: e.thumbnail,
+        name: e.name
+      },
+      window.location.href
+    );
+  };
+  be(() => {
+    Object.keys(R()).length !== 0 && De();
+  });
+  var Me = {
+    get initialGames() {
+      return L();
+    },
+    set initialGames(e) {
+      L(e), T();
+    },
+    get endpoint() {
+      return z();
+    },
+    set endpoint(e) {
+      z(e), T();
+    },
+    get language() {
+      return y();
+    },
+    set language(e = "en") {
+      y(e), T();
+    },
+    get session() {
+      return f();
+    },
+    set session(e) {
+      f(e), T();
+    },
+    get tournamentid() {
+      return B();
+    },
+    set tournamentid(e) {
+      B(e), T();
+    },
+    get gamesLimit() {
+      return g();
+    },
+    set gamesLimit(e = 6) {
+      g(e), T();
+    },
+    get totalGames() {
+      return O();
+    },
+    set totalGames(e) {
+      O(e), T();
+    },
+    get platformProp() {
+      return ae();
+    },
+    set platformProp(e = null) {
+      ae(e), T();
+    },
+    get tournamentMetadata() {
+      return R();
+    },
+    set tournamentMetadata(e) {
+      R(e), T();
+    },
+    get translationurl() {
+      return I();
+    },
+    set translationurl(e) {
+      I(e), T();
+    }
+  }, se = gt(), ie = l(se), le = l(ie), Ee = l(le, !0);
+  i(le);
+  var me = k(le, 2), Le = l(me, !0);
+  i(me), i(ie);
+  var ce = k(ie, 2);
+  {
+    var Oe = (e) => {
+      var t = st(), n = l(t);
+      let o;
+      n.__click = () => _(N, "casino");
+      var d = l(n, !0);
+      i(n);
+      var r = k(n, 2);
+      let s;
+      r.__click = () => _(N, "sports");
+      var v = l(r, !0);
+      i(r), i(t), D(
+        (h, u) => {
+          o = E(n, 1, "Tab svelte-p7mf8l", null, o, { Active: a(N) === "casino" }), P(d, h), s = E(r, 1, "Tab svelte-p7mf8l", null, s, { Active: a(N) === "sports" }), P(v, u);
+        },
+        [() => m()("casinoTab"), () => m()("sportsbookTab")]
+      ), c(e, t);
+    };
+    M(ce, (e) => {
+      Object.keys(R()).length !== 0 && e(Oe);
+    });
+  }
+  var ve = k(ce, 2);
+  {
+    var Re = (e) => {
+      var t = lt();
+      let n;
+      Y(t, 21, () => a(F), Z, (o, d) => {
+        var r = it(), s = l(r);
+        i(r), D((v) => {
+          var h;
+          return P(s, `${(h = a(d).rule) != null ? h : ""} ${v != null ? v : ""}`);
+        }, [() => m()("contribution")]), c(o, r);
+      }), i(t), D(() => n = E(t, 1, "TournamentRulesWrapper svelte-p7mf8l", null, n, { Hidden: a(N) === "casino" })), c(e, t);
+    };
+    M(ve, (e) => {
+      a(F) && e(Re);
+    });
+  }
+  var K = k(ve, 2);
+  let ue;
+  var We = l(K);
+  {
+    var ze = (e) => {
+      var t = $(), n = ee(t);
+      Y(n, 17, () => Array(g()), Z, (o, d, r, s) => {
+        var v = pt();
+        c(o, v);
+      }), c(e, t);
+    }, He = (e) => {
+      var t = $(), n = ee(t);
+      {
+        var o = (r) => {
+          var s = mt();
+          let v;
+          var h = l(s, !0);
+          i(s), D(
+            (u) => {
+              v = E(s, 1, "NoGamesAvailable svelte-p7mf8l", null, v, { Hidden: a(N) === "sports" }), P(h, u);
+            },
+            [() => m()("noAvailableGames")]
+          ), c(r, s);
+        }, d = (r) => {
+          var s = $(), v = ee(s);
+          Y(v, 17, () => a(Ne), Z, (h, u) => {
+            var j = ct();
+            j.__click = () => je(a(u));
+            var X = l(j), H = l(X), Q = k(H, 2), G = l(Q), S = l(G, !0);
+            i(G), i(Q), i(X), i(j), D(
+              (V) => {
+                he(H, "src", `https:${a(u).thumbnail}`), he(H, "alt", a(u).name), P(S, V);
+              },
+              [() => m()("play")]
+            ), c(h, j);
+          }), c(r, s);
+        };
+        M(
+          n,
+          (r) => {
+            var s;
+            !a(U) && ((s = a(ne)) == null ? void 0 : s.length) === 0 ? r(o) : r(d, !1);
+          },
+          !0
+        );
+      }
+      c(e, t);
+    };
+    M(We, (e) => {
+      a(U) ? e(ze) : e(He, !1);
+    });
+  }
+  i(K);
+  var de = k(K, 2);
+  {
+    var Ce = (e) => {
+      var t = dt();
+      let n;
+      var o = l(t);
+      o.__click = Se;
+      var d = l(o, !0);
+      i(o);
+      var r = k(o, 2);
+      Y(r, 21, () => a(Be), Z, (h, u) => {
+        var j = $(), X = ee(j);
+        {
+          var H = (G) => {
+            var S = vt();
+            c(G, S);
+          }, Q = (G) => {
+            var S = ut();
+            let V;
+            S.__click = () => Ae(a(u));
+            var qe = l(S, !0);
+            i(S), D(() => {
+              V = E(S, 1, "PaginationButton Number svelte-p7mf8l", null, V, { Active: a(u) === a(J) }), P(qe, a(u));
+            }), c(G, S);
+          };
+          M(X, (G) => {
+            typeof a(u) != "number" ? G(H) : G(Q, !1);
+          });
+        }
+        c(h, j);
+      }), i(r);
+      var s = k(r, 2);
+      s.__click = Ge;
+      var v = l(s, !0);
+      i(s), i(t), D(
+        (h, u) => {
+          n = E(t, 1, "PaginationWrapper svelte-p7mf8l", null, n, { Hidden: a(N) === "sports" }), o.disabled = a(b) === 0, P(d, h), s.disabled = a(b) >= O() - g(), P(v, u);
+        },
+        [() => m()("previousButton"), () => m()("nextButton")]
+      ), c(e, t);
+    };
+    M(de, (e) => {
+      a(q) && O() > g() && e(Ce);
+    });
+  }
+  var Ie = k(de, 2);
+  {
+    var Ue = (e) => {
+      var t = ft();
+      c(e, t);
+    };
+    M(Ie, (e) => {
+      a(q) || e(Ue);
+    });
+  }
+  i(se), D(
+    (e, t) => {
+      P(Ee, e), P(Le, t), ue = E(K, 1, "TournamentGamesContainer svelte-p7mf8l", null, ue, { Hidden: a(N) === "sports" });
+    },
+    [
+      () => m()("gamesDescriptionTitle"),
+      () => m()("gamesDescriptionSubtitle")
+    ]
+  ), c(A, se);
+  var Fe = $e(Me);
+  return C(), Fe;
+}
+nt(["click"]);
+customElements.define("tournament-games", ot(
+  ht,
+  {
+    initialGames: {},
+    endpoint: {},
+    language: {},
+    session: {},
+    tournamentid: {},
+    gamesLimit: {},
+    totalGames: {},
+    platformProp: {},
+    tournamentMetadata: {},
+    translationurl: {}
+  },
+  [],
+  [],
+  !1
+));
+export {
+  ht as default
+};