@everymatrix/player-challenges 0.1.29 → 0.2.1

package/components/ChallengeDetails-DIlswoao.js

@@ -0,0 +1,455 @@
+import { c as we, d as xe, h as Ue, p as l, w as p, x as qe, au as Ee, y as P, G as Le, R as M, T as $, L as Fe, B as a, P as i, av as y, aw as Ge, ax as ke, ay as Ae, a6 as De, K as Ne, A as F, a as G, b as Ve, E as k, az as Be, aA as He, e as r, aB as ze, N as ee, a9 as oe, aC as Me, n as f, o as A, r as b, t as ge, D as ue, aD as Oe, k as te, aE as Re, ak as Ke } from "./ChallengeTabs-_vjQrF0A.js";
+import { T as je } from "./translations-BSuAza-E.js";
+import { C as Je, t as ce } from "./types-C1hrKH4R.js";
+import { g as he, e as Qe } from "./helpers-B2y_AV0y.js";
+import { C as We } from "./ChallengeBanner-IgIai24t.js";
+import { C as Xe } from "./ChallengeSummary-BoDIsHBs.js";
+import { C as Ye } from "./ChallengeTabPanel-DFXF6VqV.js";
+import { C as ae } from "./ChallengeDetailsSkeleton-M5rC4gwT.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+var ve = te('<aside class="challenge-details__aside svelte-sqd80r"><!></aside>'), Ze = te('<div><!> <div class="challenge-details__body svelte-sqd80r"><!> <div class="challenge-details__main svelte-sqd80r"><!></div></div></div>'), $e = te('<div><!> <div class="challenge-details__body svelte-sqd80r"><!> <div class="challenge-details__main svelte-sqd80r"><!> <!></div></div></div>');
+const ea = {
+  hash: "svelte-sqd80r",
+  code: `.challenge-details.svelte-sqd80r {display:flex;flex-direction:column;gap:22px;width:100%;box-sizing:border-box;padding:24px;background:var(--bg-surface-level-1, rgba(2, 38, 82, 1));border:1px solid var(--border-subtle, rgba(251, 251, 251, 0.05));border-radius:8px;.challenge-details__body:where(.svelte-sqd80r) {display:grid;grid-template-columns:minmax(240px, 30%) 1fr;gap:32px;align-items:start;}.challenge-details__aside:where(.svelte-sqd80r),
+    .challenge-details__main:where(.svelte-sqd80r) {min-width:0;}.challenge-details__main:where(.svelte-sqd80r) {display:flex;flex-direction:column;gap:16px;}}.challenge-details--bare.svelte-sqd80r .challenge-details__body:where(.svelte-sqd80r) {grid-template-columns:1fr;gap:0;}
+
+  @media (max-width: 767px) {.challenge-details.svelte-sqd80r .challenge-details__body:where(.svelte-sqd80r) {grid-template-columns:1fr;gap:16px;}.challenge-details.svelte-sqd80r {padding:0;background:transparent;border:none;}
+  }`
+};
+function aa(se, n) {
+  xe(n, !0), Ue(se, ea);
+  const u = l(n, "challengeId", 7), h = l(n, "endpoint", 7), T = l(n, "userSession", 7), w = l(n, "userId", 7), v = l(n, "domainId", 7), C = l(n, "locale", 7, "en"), D = l(n, "translationUrl", 7), N = l(n, "isPromo", 7, !1), x = l(n, "isPaused", 7, !1), O = l(n, "isPending", 7, !1), V = l(n, "status", 7), _ = l(n, "progress", 7), R = l(n, "initialGames", 7), K = l(n, "liveUpdates", 7, !1), m = l(n, "hideSummary", 7, !1), B = l(n, "activeTab", 7), j = l(n, "onStatusChange", 7), J = l(n, "onClaimed", 7), Q = l(n, "onViewed", 7), W = l(n, "onUnavailable", 7), me = k(() => !T() && !w());
+  p(() => qe(C(), je)), Ee(() => {
+    D() && ze(D(), "challenge-details");
+  }), P(() => {
+    Le(C() || "en");
+  });
+  let I = M($(p(() => ce(B()) ?? Je.Levels))), t = M($(p(() => _()?.ChallengeId === u() ? _() : void 0))), H = M(!1);
+  const fe = Fe(() => a(t)), S = k(() => a(t) && {
+    ...a(t),
+    Status: fe.status ?? a(t).Status
+  }), ne = k(() => a(S)?.Status === oe.Expired), be = k(() => a(S)?.ChallengeStatus === ee.Paused);
+  P(() => {
+    const e = ce(B());
+    if (!e)
+      return;
+    const s = a(t) ? he(a(t).ContributedFrom) : [];
+    (!s.length || s.includes(e)) && i(I, e, !0);
+  }), P(() => {
+    const e = a(t) ? he(a(t).ContributedFrom) : [];
+    e.length && !e.includes(a(I)) && i(I, e[0], !0);
+  });
+  const le = (e, s) => {
+    a(t)?.Id === e && i(t, y(a(t), { ...a(t), Status: s }), !0), j()?.(e, s);
+  };
+  let X = M($(p(() => V())));
+  P(() => {
+    const e = V();
+    p(() => {
+      const s = a(X) !== void 0 && e !== void 0 && e !== a(X);
+      i(X, e, !0), s && a(t) && a(t).Status !== e && i(t, y(a(t), { ...a(t), Status: e }), !0);
+    });
+  });
+  const Ce = (e) => {
+    !e || !a(t) || a(t).Id !== e.Id || i(
+      t,
+      y(a(t), {
+        ...a(t),
+        Status: e.Status ?? a(t).Status,
+        ChallengeStatus: e.ChallengeStatus ?? a(t).ChallengeStatus,
+        LevelProgresses: e.LevelProgresses ?? a(t).LevelProgresses,
+        FinishedTime: e.FinishedTime ?? a(t).FinishedTime
+      }),
+      !0
+    );
+  };
+  P(() => {
+    const e = _();
+    p(() => Ce(e));
+  }), P(() => {
+    if (!K())
+      return;
+    const e = Ge({
+      onProgressUpdate: (s) => {
+        a(t)?.Id === s.ProgressId && i(t, y(a(t), Me(a(t), s)), !0);
+      },
+      onProgressStatusChange: (s, g) => {
+        a(t)?.Id === s && i(t, y(a(t), { ...a(t), Status: g }), !0);
+      },
+      onChallengeForfeited: (s) => {
+        a(t)?.ChallengeId === s && i(
+          t,
+          y(a(t), {
+            ...a(t),
+            Status: oe.Forfeited
+          }),
+          !0
+        );
+      },
+      onChallengeEnabledChange: (s, g) => {
+        a(t)?.ChallengeId === s && i(
+          t,
+          {
+            ...a(t),
+            ChallengeStatus: g ? ee.Enabled : ee.Paused
+          },
+          !0
+        );
+      }
+    });
+    return () => e.close();
+  });
+  const re = (e) => {
+    a(t) && Re(a(t).ChallengeId, a(t).ChallengePresentation?.PresentationName ?? "", Ke(a(t)), e), i(I, e, !0);
+  }, _e = () => {
+    const e = a(t) && Qe(a(t).ContributedFrom);
+    e && re(e);
+  }, Ie = (e) => {
+    !e.IsNew || !h() || !v() || Be({
+      endpoint: h(),
+      domainId: v(),
+      challengeProgressId: e.Id
+    }).then(() => {
+      a(t)?.Id === e.Id && i(t, { ...a(t), IsNew: !1 }, !0), Q()?.(e.Id);
+    }).catch((s) => {
+      console.log("challenge-details viewed err:", s);
+    });
+  }, ie = (e) => {
+    i(t, void 0), He(u(), e), W()?.(u());
+  };
+  P(() => {
+    if (!u() || !h() || !v()) {
+      i(t, void 0), i(H, !1);
+      return;
+    }
+    let e = !1;
+    const s = N() && !a(me) ? ke : Ae, g = p(() => {
+      const d = _()?.ChallengeId === u() ? _() : void 0;
+      return a(t)?.ChallengeId !== u() && i(t, d, !0), i(H, !a(t)), d;
+    });
+    return s({
+      endpoint: h(),
+      domainId: v(),
+      challengeId: u(),
+      sessionId: T() || "",
+      locale: C(),
+      isFutureAvailable: O()
+    }).then((d) => {
+      if (!e) {
+        if (d) {
+          i(t, d, !0), Ie(d);
+          return;
+        }
+        g || ie("unavailable");
+      }
+    }).catch((d) => {
+      e || (g || ie("error"), console.log("challenge-details err:", d));
+    }).finally(() => {
+      e || i(H, !1);
+    }), () => {
+      e = !0;
+    };
+  });
+  var Se = {
+    get challengeId() {
+      return u();
+    },
+    set challengeId(e) {
+      u(e), r();
+    },
+    get endpoint() {
+      return h();
+    },
+    set endpoint(e) {
+      h(e), r();
+    },
+    get userSession() {
+      return T();
+    },
+    set userSession(e) {
+      T(e), r();
+    },
+    get userId() {
+      return w();
+    },
+    set userId(e) {
+      w(e), r();
+    },
+    get domainId() {
+      return v();
+    },
+    set domainId(e) {
+      v(e), r();
+    },
+    get locale() {
+      return C();
+    },
+    set locale(e = "en") {
+      C(e), r();
+    },
+    get translationUrl() {
+      return D();
+    },
+    set translationUrl(e) {
+      D(e), r();
+    },
+    get isPromo() {
+      return N();
+    },
+    set isPromo(e = !1) {
+      N(e), r();
+    },
+    get isPaused() {
+      return x();
+    },
+    set isPaused(e = !1) {
+      x(e), r();
+    },
+    get isPending() {
+      return O();
+    },
+    set isPending(e = !1) {
+      O(e), r();
+    },
+    get status() {
+      return V();
+    },
+    set status(e) {
+      V(e), r();
+    },
+    get progress() {
+      return _();
+    },
+    set progress(e) {
+      _(e), r();
+    },
+    get initialGames() {
+      return R();
+    },
+    set initialGames(e) {
+      R(e), r();
+    },
+    get liveUpdates() {
+      return K();
+    },
+    set liveUpdates(e = !1) {
+      K(e), r();
+    },
+    get hideSummary() {
+      return m();
+    },
+    set hideSummary(e = !1) {
+      m(e), r();
+    },
+    get activeTab() {
+      return B();
+    },
+    set activeTab(e) {
+      B(e), r();
+    },
+    get onStatusChange() {
+      return j();
+    },
+    set onStatusChange(e) {
+      j(e), r();
+    },
+    get onClaimed() {
+      return J();
+    },
+    set onClaimed(e) {
+      J(e), r();
+    },
+    get onViewed() {
+      return Q();
+    },
+    set onViewed(e) {
+      Q(e), r();
+    },
+    get onUnavailable() {
+      return W();
+    },
+    set onUnavailable(e) {
+      W(e), r();
+    }
+  }, de = De(), pe = Ne(de);
+  {
+    var Pe = (e) => {
+      var s = Ze();
+      let g;
+      var d = f(s);
+      {
+        var Y = (c) => {
+          ae(c, { part: "banner" });
+        };
+        F(d, (c) => {
+          m() || c(Y);
+        });
+      }
+      var U = A(d, 2), q = f(U);
+      {
+        var Z = (c) => {
+          var o = ve(), L = f(o);
+          ae(L, { part: "summary" }), b(o), G(c, o);
+        };
+        F(q, (c) => {
+          m() || c(Z);
+        });
+      }
+      var E = A(q, 2), z = f(E);
+      ae(z, {
+        get activeTab() {
+          return a(I);
+        }
+      }), b(E), b(U), b(s), ge(() => g = ue(s, 1, "challenge-details svelte-sqd80r", null, g, { "challenge-details--bare": m() })), G(e, s);
+    }, Te = (e) => {
+      var s = $e();
+      let g;
+      var d = f(s);
+      {
+        var Y = (o) => {
+          We(o, {
+            get challengeItem() {
+              return a(S);
+            },
+            get isPaused() {
+              return x();
+            },
+            get locale() {
+              return C();
+            }
+          });
+        };
+        F(d, (o) => {
+          m() || o(Y);
+        });
+      }
+      var U = A(d, 2), q = f(U);
+      {
+        var Z = (o) => {
+          var L = ve(), ye = f(L);
+          Xe(ye, {
+            get challengeItem() {
+              return a(S);
+            },
+            get endpoint() {
+              return h();
+            },
+            get domainId() {
+              return v();
+            },
+            get userSession() {
+              return T();
+            },
+            get userId() {
+              return w();
+            },
+            get locale() {
+              return C();
+            },
+            get isPromo() {
+              return N();
+            },
+            get isPaused() {
+              return x();
+            },
+            get isExpired() {
+              return a(ne);
+            },
+            onStatusChange: le,
+            get onClaimed() {
+              return J();
+            },
+            onLaunchGame: _e
+          }), b(L), G(o, L);
+        };
+        F(q, (o) => {
+          m() || o(Z);
+        });
+      }
+      var E = A(q, 2), z = f(E);
+      Oe(z, {
+        get challengeItem() {
+          return a(S);
+        },
+        get activeTab() {
+          return a(I);
+        },
+        onTabChange: re
+      });
+      var c = A(z, 2);
+      {
+        let o = k(() => x() || a(be));
+        Ye(c, {
+          get activeTab() {
+            return a(I);
+          },
+          get challengeItem() {
+            return a(S);
+          },
+          get endpoint() {
+            return h();
+          },
+          get domainId() {
+            return v();
+          },
+          get userSession() {
+            return T();
+          },
+          get userId() {
+            return w();
+          },
+          get initialGames() {
+            return R();
+          },
+          get isPaused() {
+            return a(o);
+          },
+          get isExpired() {
+            return a(ne);
+          },
+          onStatusChange: le
+        });
+      }
+      b(E), b(U), b(s), ge(() => g = ue(s, 1, "challenge-details svelte-sqd80r", null, g, { "challenge-details--bare": m() })), G(e, s);
+    };
+    F(pe, (e) => {
+      a(H) ? e(Pe) : a(S) && e(Te, 1);
+    });
+  }
+  return G(se, de), Ve(Se);
+}
+we(
+  aa,
+  {
+    challengeId: {},
+    endpoint: {},
+    userSession: {},
+    userId: {},
+    domainId: {},
+    locale: {},
+    translationUrl: {},
+    isPromo: {},
+    isPaused: {},
+    isPending: {},
+    status: {},
+    progress: {},
+    initialGames: {},
+    liveUpdates: {},
+    hideSummary: {},
+    activeTab: {},
+    onStatusChange: {},
+    onClaimed: {},
+    onViewed: {},
+    onUnavailable: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+export {
+  aa as C
+};

package/components/{ChallengeDetailsSkeleton-Bbi5XeY4.cjs → ChallengeDetailsSkeleton--laE6pYH.cjs}

@@ -1,4 +1,4 @@
-typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-CW3EEpFo.cjs"),u=require("./types-BS-x0LbR.cjs"),F=require("./constants-DjpdyteO.cjs");var H=e.from_html('<div class="challenge-details__skeleton--banner svelte-1v5lraf" aria-busy="true" aria-live="polite"></div>'),P=e.from_html('<li class="challenge-details__skeleton--summary-row svelte-1v5lraf"><span class="challenge-details__skeleton--box challenge-details__skeleton--summary-icon svelte-1v5lraf"></span> <span class="challenge-details__skeleton--box challenge-details__skeleton--summary-label svelte-1v5lraf"></span> <span class="challenge-details__skeleton--box svelte-1v5lraf"></span></li>'),T=e.from_html('<span class="challenge-details__skeleton--box svelte-1v5lraf"></span>'),Y=e.from_html('<div class="challenge-details__skeleton--summary svelte-1v5lraf" aria-busy="true" aria-live="polite"><span class="challenge-details__skeleton--box challenge-details__skeleton--summary-title svelte-1v5lraf"></span> <ul class="challenge-details__skeleton--summary-info svelte-1v5lraf"></ul> <p class="challenge-details__skeleton--summary-terms svelte-1v5lraf"></p> <div class="challenge-details__skeleton--summary-action svelte-1v5lraf"><span class="challenge-details__skeleton--box challenge-details__skeleton--summary-button svelte-1v5lraf"></span></div></div>'),B=e.from_html('<span class="challenge-details__skeleton--tab svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></span>'),Z=e.from_html('<div class="challenge-details__skeleton--tabs svelte-1v5lraf"></div>'),J=e.from_html('<span class="challenge-details__skeleton--box challenge-details__skeleton--game svelte-1v5lraf"></span>'),K=e.from_html('<div class="challenge-details__skeleton--games svelte-1v5lraf"></div>'),Q=e.from_html('<p class="challenge-details__skeleton--event svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></p>'),X=e.from_html('<div class="challenge-details__skeleton--events svelte-1v5lraf"></div>'),$=e.from_html('<div class="challenge-details__skeleton--rules-item svelte-1v5lraf"><span class="challenge-details__skeleton--box short svelte-1v5lraf"></span> <span class="challenge-details__skeleton--box svelte-1v5lraf"></span></div>'),ee=e.from_html('<div class="challenge-details__skeleton--rules svelte-1v5lraf"><div class="challenge-details__skeleton--paragraph svelte-1v5lraf"></div> <span class="challenge-details__skeleton--rules-link svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></span> <div class="challenge-details__skeleton--opt-out svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span> <span class="challenge-details__skeleton--rules-button svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></span></div> <div class="challenge-details__skeleton--rules-details svelte-1v5lraf"></div></div>'),le=e.from_html('<li class="challenge-details__skeleton--level-row svelte-1v5lraf"><span class="challenge-details__skeleton--box challenge-details__skeleton--level-icon svelte-1v5lraf"></span> <span class="challenge-details__skeleton--box svelte-1v5lraf"></span></li>'),ae=e.from_html('<span></span> <div class="challenge-details__skeleton--level svelte-1v5lraf"><span class="challenge-details__skeleton--box challenge-details__skeleton--level-name svelte-1v5lraf"></span> <ul class="challenge-details__skeleton--level-info svelte-1v5lraf"></ul></div>',1),se=e.from_html('<div class="challenge-details__skeleton--levels svelte-1v5lraf"></div>'),te=e.from_html('<div class="challenge-details__skeleton--panel svelte-1v5lraf" aria-busy="true" aria-live="polite"><!> <!></div>');const ne={hash:"svelte-1v5lraf",code:`.challenge-details__skeleton--banner.svelte-1v5lraf,
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-B5g-SF2b.cjs"),u=require("./types-BS-x0LbR.cjs"),F=require("./constants-DjpdyteO.cjs");var H=e.from_html('<div class="challenge-details__skeleton--banner svelte-1v5lraf" aria-busy="true" aria-live="polite"></div>'),P=e.from_html('<li class="challenge-details__skeleton--summary-row svelte-1v5lraf"><span class="challenge-details__skeleton--box challenge-details__skeleton--summary-icon svelte-1v5lraf"></span> <span class="challenge-details__skeleton--box challenge-details__skeleton--summary-label svelte-1v5lraf"></span> <span class="challenge-details__skeleton--box svelte-1v5lraf"></span></li>'),T=e.from_html('<span class="challenge-details__skeleton--box svelte-1v5lraf"></span>'),Y=e.from_html('<div class="challenge-details__skeleton--summary svelte-1v5lraf" aria-busy="true" aria-live="polite"><span class="challenge-details__skeleton--box challenge-details__skeleton--summary-title svelte-1v5lraf"></span> <ul class="challenge-details__skeleton--summary-info svelte-1v5lraf"></ul> <p class="challenge-details__skeleton--summary-terms svelte-1v5lraf"></p> <div class="challenge-details__skeleton--summary-action svelte-1v5lraf"><span class="challenge-details__skeleton--box challenge-details__skeleton--summary-button svelte-1v5lraf"></span></div></div>'),B=e.from_html('<span class="challenge-details__skeleton--tab svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></span>'),Z=e.from_html('<div class="challenge-details__skeleton--tabs svelte-1v5lraf"></div>'),J=e.from_html('<span class="challenge-details__skeleton--box challenge-details__skeleton--game svelte-1v5lraf"></span>'),K=e.from_html('<div class="challenge-details__skeleton--games svelte-1v5lraf"></div>'),Q=e.from_html('<p class="challenge-details__skeleton--event svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></p>'),X=e.from_html('<div class="challenge-details__skeleton--events svelte-1v5lraf"></div>'),$=e.from_html('<div class="challenge-details__skeleton--rules-item svelte-1v5lraf"><span class="challenge-details__skeleton--box short svelte-1v5lraf"></span> <span class="challenge-details__skeleton--box svelte-1v5lraf"></span></div>'),ee=e.from_html('<div class="challenge-details__skeleton--rules svelte-1v5lraf"><div class="challenge-details__skeleton--paragraph svelte-1v5lraf"></div> <span class="challenge-details__skeleton--rules-link svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></span> <div class="challenge-details__skeleton--opt-out svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span> <span class="challenge-details__skeleton--rules-button svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></span></div> <div class="challenge-details__skeleton--rules-details svelte-1v5lraf"></div></div>'),le=e.from_html('<li class="challenge-details__skeleton--level-row svelte-1v5lraf"><span class="challenge-details__skeleton--box challenge-details__skeleton--level-icon svelte-1v5lraf"></span> <span class="challenge-details__skeleton--box svelte-1v5lraf"></span></li>'),ae=e.from_html('<span></span> <div class="challenge-details__skeleton--level svelte-1v5lraf"><span class="challenge-details__skeleton--box challenge-details__skeleton--level-name svelte-1v5lraf"></span> <ul class="challenge-details__skeleton--level-info svelte-1v5lraf"></ul></div>',1),se=e.from_html('<div class="challenge-details__skeleton--levels svelte-1v5lraf"></div>'),te=e.from_html('<div class="challenge-details__skeleton--panel svelte-1v5lraf" aria-busy="true" aria-live="polite"><!> <!></div>');const ne={hash:"svelte-1v5lraf",code:`.challenge-details__skeleton--banner.svelte-1v5lraf,
   .challenge-details__skeleton--box.svelte-1v5lraf,
   .challenge-details__skeleton--node.svelte-1v5lraf {border-radius:6px;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));
     animation: svelte-1v5lraf-challenge-details-skeleton-pulse 1.2s ease-in-out infinite;}.challenge-details__skeleton--box.svelte-1v5lraf,

package/components/{ChallengeDetailsSkeleton-vgCYWjlo.js → ChallengeDetailsSkeleton-M5rC4gwT.js}

@@ -1,4 +1,4 @@
-import { c as $, d as ee, h as le, p as A, a6 as ae, K as I, A as S, a as l, b as se, e as R, o as g, n as w, ad as o, ah as d, r, at as te, k as s, D as ne, a8 as N } from "./ChallengeTabs-BYF7WY5P.js";
+import { c as $, d as ee, h as le, p as A, a6 as ae, K as I, A as S, a as l, b as se, e as R, o as g, n as w, ad as o, ah as d, r, at as te, k as s, D as ne, a8 as N } from "./ChallengeTabs-_vjQrF0A.js";
 import { C as z } from "./types-C1hrKH4R.js";
 import { G as re } from "./constants-BcSpy2nX.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {

package/components/{ChallengeEvents-Cjz4tswW.js → ChallengeEvents-B3Bzqtoo.js}

@@ -1,5 +1,5 @@
-import { c as k, d as w, h as E, p as y, ad as I, B as t, a as c, b as T, k as u, E as p, e as C, m as N, n as R, F as S, r as d, t as H, i as L, l as M, $ as O } from "./ChallengeTabs-BYF7WY5P.js";
-import { s as j, a as z } from "./helpers-jidkTB_0.js";
+import { c as k, d as w, h as E, p as y, ad as I, B as t, a as c, b as T, k as u, E as p, e as C, m as N, n as R, F as S, r as d, t as H, i as L, l as M, $ as O } from "./ChallengeTabs-_vjQrF0A.js";
+import { s as j, a as z } from "./helpers-B2y_AV0y.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {

package/components/{ChallengeEvents-xYQkjebV.cjs → ChallengeEvents-eIpuL6Yk.cjs}

@@ -1 +1 @@
-typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-CW3EEpFo.cjs"),c=require("./helpers-D0ruQkxz.cjs");var x=e.from_html('<p class="challenge-details__events--rule svelte-579ku1"><span class="challenge-details__events--rule-name svelte-579ku1"> </span></p>'),$=e.from_html('<div class="challenge-details__tab-panel challenge-details__events svelte-579ku1"></div>');const w={hash:"svelte-579ku1",code:".challenge-details__events.svelte-579ku1 {display:flex;flex-direction:column;gap:22px;padding:12px 0;color:var(--text-subtle, rgba(255, 255, 255, 1));font-weight:400;font-size:12px;line-height:18px;.challenge-details__events--rule:where(.svelte-579ku1) {margin:0;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;align-items:baseline;}.challenge-details__events--rule-name:where(.svelte-579ku1) {min-width:0;word-break:break-word;}}"};function p(r,o){e.push(o,!0),e.append_styles(r,w);const i=()=>e.store_get(e.$format,"$_",g),[g,u]=e.setup_stores(),l=e.prop(o,"challengeItem",7),d=e.user_derived(()=>c.sortEventRules(l().SportSettings?.EventRules));var h={get challengeItem(){return l()},set challengeItem(t){l(t),e.flushSync()}},s=$();e.each(s,21,()=>e.get(d),t=>t.OrderNumber,(t,n)=>{const _=e.user_derived(()=>e.get(n).OrderNumber===0?i()("allEvents"):c.getEventRuleName(e.get(n)));var a=x(),m=e.child(a),f=e.only_child(m);e.reset(a),e.template_effect(b=>e.set_text(f,`${e.get(_)??""} - ${e.get(n).ContributionPercent??""}% ${b??""}`),[()=>i()("contribution")]),e.append(t,a)}),e.reset(s),e.append(r,s);var v=e.pop(h);return u(),v}e.create_custom_element(p,{challengeItem:{}},[],[],{mode:"open"});exports.ChallengeEvents=p;
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-B5g-SF2b.cjs"),c=require("./helpers-BmTQLAcy.cjs");var x=e.from_html('<p class="challenge-details__events--rule svelte-579ku1"><span class="challenge-details__events--rule-name svelte-579ku1"> </span></p>'),$=e.from_html('<div class="challenge-details__tab-panel challenge-details__events svelte-579ku1"></div>');const w={hash:"svelte-579ku1",code:".challenge-details__events.svelte-579ku1 {display:flex;flex-direction:column;gap:22px;padding:12px 0;color:var(--text-subtle, rgba(255, 255, 255, 1));font-weight:400;font-size:12px;line-height:18px;.challenge-details__events--rule:where(.svelte-579ku1) {margin:0;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;align-items:baseline;}.challenge-details__events--rule-name:where(.svelte-579ku1) {min-width:0;word-break:break-word;}}"};function p(r,o){e.push(o,!0),e.append_styles(r,w);const i=()=>e.store_get(e.$format,"$_",g),[g,u]=e.setup_stores(),l=e.prop(o,"challengeItem",7),d=e.user_derived(()=>c.sortEventRules(l().SportSettings?.EventRules));var h={get challengeItem(){return l()},set challengeItem(t){l(t),e.flushSync()}},s=$();e.each(s,21,()=>e.get(d),t=>t.OrderNumber,(t,n)=>{const _=e.user_derived(()=>e.get(n).OrderNumber===0?i()("allEvents"):c.getEventRuleName(e.get(n)));var a=x(),m=e.child(a),f=e.only_child(m);e.reset(a),e.template_effect(b=>e.set_text(f,`${e.get(_)??""} - ${e.get(n).ContributionPercent??""}% ${b??""}`),[()=>i()("contribution")]),e.append(t,a)}),e.reset(s),e.append(r,s);var v=e.pop(h);return u(),v}e.create_custom_element(p,{challengeItem:{}},[],[],{mode:"open"});exports.ChallengeEvents=p;

package/components/ChallengeGames-B8Vm2L5G.cjs

@@ -0,0 +1,14 @@
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-B5g-SF2b.cjs"),r=require("./constants-DjpdyteO.cjs");var w=e.from_html('<div class="challenge-details__games--skeleton svelte-l5d6k5"></div>'),$=e.from_html('<button type="button" class="challenge-details__games--card svelte-l5d6k5"><span class="challenge-details__games--ctb svelte-l5d6k5"> </span> <img class="challenge-details__games--image svelte-l5d6k5" loading="lazy"/></button>'),B=e.from_html('<div class="challenge-details__games--sentinel svelte-l5d6k5"></div> <!>',1),F=e.from_html("<!> <!>",1),J=e.from_html('<div class="challenge-details__games svelte-l5d6k5"><!></div>');const K={hash:"svelte-l5d6k5",code:`.challenge-details__games.svelte-l5d6k5 {display:grid;grid-template-columns:repeat(5, 1fr);gap:12px;
+
+    @media (max-width: 767px) {grid-template-columns:repeat(3, 1fr);gap:6px;
+    }}.challenge-details__games--skeleton.svelte-l5d6k5 {width:100%;aspect-ratio:1 / 1;border-radius:6px;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));
+    animation: svelte-l5d6k5-challenge-details-games-pulse 1.2s ease-in-out infinite;}
+
+  @keyframes svelte-l5d6k5-challenge-details-games-pulse {
+    50% {
+      opacity: 0.5;
+    }
+  }.challenge-details__games--sentinel.svelte-l5d6k5 {width:0;height:0;grid-column:1 / -1;}.challenge-details__games--card.svelte-l5d6k5 {position:relative;border-radius:6px;overflow:hidden;padding:0;border:0;background:transparent;width:100%;align-self:start;line-height:0;cursor:pointer;&:focus-visible {outline:2px solid var(--border-brand, rgba(255, 204, 0, 1));outline-offset:2px;}&:disabled {opacity:0.4;cursor:not-allowed;}}.challenge-details__games--image.svelte-l5d6k5 {display:block;width:100%;height:120px;object-fit:cover;border-radius:6px;}.challenge-details__games--ctb.svelte-l5d6k5 {position:absolute;top:10px;left:9.6px;z-index:1;display:flex;justify-content:center;align-items:center;padding:4px 6px;background:var(--bg-overlay-secondary-level-5, rgba(0, 40, 81, 0.35));border:1px solid var(--primary-400, rgba(255, 204, 0, 1));backdrop-filter:blur(10px);box-shadow:0 2px 6px rgba(0, 0, 0, 0.25);border-radius:12px;color:var(--primary-400, rgba(255, 225, 107, 1));font-size:8px;line-height:8px;}
+
+  @media (max-width: 767px) {.challenge-details__games--ctb.svelte-l5d6k5 {top:5px;left:4.67px;}.challenge-details__games--image.svelte-l5d6k5 {height:75px;}
+  }`};function T(A,i){e.push(i,!0),e.append_styles(A,K);const P=()=>e.store_get(e.$format,"$_",N),[N,Z]=e.setup_stores(),d=e.prop(i,"challengeItem",7),o=e.prop(i,"userSession",7),_=e.prop(i,"endpoint",7),m=e.prop(i,"isExpired",7,!1),h=e.prop(i,"initialGames",7),x=e.user_derived(()=>d().ChallengeId);let g=e.state(e.untrack(()=>h()??[])),C=e.untrack(()=>!!h()&&!o()),k=e.state(!1),c=e.state(e.proxy(r.GAMES_PAGE_SIZE)),u=e.state(null);const z=e.user_derived(()=>e.get(g).slice(0,e.get(c))),y=e.user_derived(()=>Math.max(0,e.get(g).length-e.get(c))),L=e.user_derived(()=>Math.min(r.GAMES_PAGE_SIZE,e.get(y)));let v=0;e.user_effect(()=>{if(!e.get(x)||!_()){e.set(g,[]);return}if(C){C=!1;return}const t=++v;e.set(k,!0),e.set(c,r.GAMES_PAGE_SIZE,!0),e.getChallengeGames({challengeId:e.get(x),sessionId:o(),endpoint:_()}).then(l=>{t===v&&e.set(g,l??[])}).catch(l=>{t===v&&(e.set(g,[]),console.log("challenge-details games err:",l))}).finally(()=>{t===v&&e.set(k,!1)})}),e.user_effect(()=>{if(!e.get(u)||!e.get(y))return;const t=new IntersectionObserver(([l])=>{l.isIntersecting&&e.set(c,e.get(c)+r.GAMES_PAGE_SIZE)},{rootMargin:r.GAMES_ROOT_MARGIN});return t.observe(e.get(u)),()=>t.disconnect()});const O=t=>{if(!m()){if(!o()){e.sendChallengeLoginClicked();return}e.sendGameClicked(t,e.get(x),d().ChallengePresentation?.PresentationName??"",e.getChallengeStatusName(d()))}};var j={get challengeItem(){return d()},set challengeItem(t){d(t),e.flushSync()},get userSession(){return o()},set userSession(t){o(t),e.flushSync()},get endpoint(){return _()},set endpoint(t){_(t),e.flushSync()},get isExpired(){return m()},set isExpired(t=!1){m(t),e.flushSync()},get initialGames(){return h()},set initialGames(t){h(t),e.flushSync()}},G=J(),q=e.child(G);{var H=t=>{var l=e.comment(),f=e.first_child(l);e.each(f,17,()=>Array(r.GAMES_PAGE_SIZE),e.index,(E,M)=>{var a=w();e.append(E,a)}),e.append(t,l)},R=t=>{var l=F(),f=e.first_child(l);e.each(f,17,()=>e.get(z),a=>a.CasinoGameId,(a,n)=>{var s=$(),b=e.child(s),p=e.only_child(b),S=e.sibling(b,2);e.reset(s),e.template_effect(I=>{e.set_attribute(s,"title",e.get(n).GameName),s.disabled=m(),e.set_text(p,`${I??""} ${e.get(n).Contribution??""}%`),e.set_attribute(S,"alt",e.get(n).GameName),e.set_attribute(S,"src",e.get(n).Thumbnail)},[()=>P()("ctb")]),e.delegated("click",s,()=>O(e.get(n))),e.append(a,s)});var E=e.sibling(f,2);{var M=a=>{var n=B(),s=e.first_child(n);e.bind_this(s,p=>e.set(u,p),()=>e.get(u));var b=e.sibling(s,2);e.each(b,17,()=>Array(e.get(L)),e.index,(p,S)=>{var I=w();e.append(p,I)}),e.append(a,n)};e.if_block(E,a=>{e.get(y)&&a(M)})}e.append(t,l)};e.if_block(q,t=>{e.get(k)?t(H):t(R,-1)})}e.reset(G),e.append(A,G);var D=e.pop(j);return Z(),D}e.delegate(["click"]);e.create_custom_element(T,{challengeItem:{},userSession:{},endpoint:{},isExpired:{},initialGames:{}},[],[],{mode:"open"});exports.ChallengeGames=T;