@everymatrix/player-challenges 0.1.27 → 0.1.29

package/components/ChallengeDetails-CohHYoAu.js

@@ -0,0 +1,445 @@
+import { c as ye, d as we, h as xe, p as l, w as P, x as Ue, au as qe, y as S, G as Ee, R as M, T as ie, L as Le, B as a, P as r, av as T, aw as Fe, ax as ke, ay as Ae, a6 as De, K as Ne, A as F, a as k, b as Ve, E as A, az as Be, aA as Ge, e as i, aB as He, N as Z, a9 as de, aC as ze, n as f, o as D, r as b, t as oe, D as ue, aD as Me, k as ee, aE as Oe, ak as Re } from "./ChallengeTabs-BYF7WY5P.js";
+import { T as Ke } from "./translations-BSuAza-E.js";
+import { C as je, t as ge } from "./types-C1hrKH4R.js";
+import { g as ce, e as Je } from "./helpers-jidkTB_0.js";
+import { C as Qe } from "./ChallengeBanner-DCn4hf4t.js";
+import { C as We } from "./ChallengeSummary-Cx9h7OMj.js";
+import { C as Xe } from "./ChallengeTabPanel-jE8C4Q5r.js";
+import { C as $ } from "./ChallengeDetailsSkeleton-vgCYWjlo.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+var he = ee('<aside class="challenge-details__aside svelte-sqd80r"><!></aside>'), Ye = ee('<div><!> <div class="challenge-details__body svelte-sqd80r"><!> <div class="challenge-details__main svelte-sqd80r"><!></div></div></div>'), Ze = ee('<div><!> <div class="challenge-details__body svelte-sqd80r"><!> <div class="challenge-details__main svelte-sqd80r"><!> <!></div></div></div>');
+const $e = {
+  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 ea(ae, n) {
+  we(n, !0), xe(ae, $e);
+  const c = l(n, "challengeId", 7), h = l(n, "endpoint", 7), p = l(n, "userSession", 7), y = l(n, "userId", 7), v = l(n, "domainId", 7), C = l(n, "locale", 7, "en"), N = l(n, "translationUrl", 7), V = l(n, "isPromo", 7, !1), w = l(n, "isPaused", 7, !1), O = l(n, "isPending", 7, !1), B = l(n, "status", 7), x = l(n, "progress", 7), R = l(n, "liveUpdates", 7, !1), m = l(n, "hideSummary", 7, !1), G = l(n, "activeTab", 7), K = l(n, "onStatusChange", 7), j = l(n, "onClaimed", 7), J = l(n, "onViewed", 7), Q = l(n, "onUnavailable", 7), ve = A(() => !p() && !y());
+  P(() => Ue(C(), Ke)), qe(() => {
+    N() && He(N(), "challenge-details");
+  }), S(() => {
+    Ee(C() || "en");
+  });
+  let _ = M(ie(P(() => ge(G()) ?? je.Levels))), t = M(void 0), H = M(!1);
+  const me = Le(() => a(t)), I = A(() => a(t) && {
+    ...a(t),
+    Status: me.status ?? a(t).Status
+  }), te = A(() => a(I)?.Status === de.Expired), fe = A(() => a(I)?.ChallengeStatus === Z.Paused);
+  S(() => {
+    const e = ge(G());
+    if (!e)
+      return;
+    const s = a(t) ? ce(a(t).ContributedFrom) : [];
+    (!s.length || s.includes(e)) && r(_, e, !0);
+  }), S(() => {
+    const e = a(t) ? ce(a(t).ContributedFrom) : [];
+    e.length && !e.includes(a(_)) && r(_, e[0], !0);
+  });
+  const se = (e, s) => {
+    a(t)?.Id === e && r(t, T(a(t), { ...a(t), Status: s }), !0), K()?.(e, s);
+  };
+  let W = M(ie(P(() => B())));
+  S(() => {
+    const e = B();
+    P(() => {
+      const s = a(W) !== void 0 && e !== void 0 && e !== a(W);
+      r(W, e, !0), s && a(t) && a(t).Status !== e && r(t, T(a(t), { ...a(t), Status: e }), !0);
+    });
+  });
+  const be = (e) => {
+    !e || !a(t) || a(t).Id !== e.Id || r(
+      t,
+      T(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
+    );
+  };
+  S(() => {
+    const e = x();
+    P(() => be(e));
+  }), S(() => {
+    if (!R())
+      return;
+    const e = Fe({
+      onProgressUpdate: (s) => {
+        a(t)?.Id === s.ProgressId && r(t, T(a(t), ze(a(t), s)), !0);
+      },
+      onProgressStatusChange: (s, u) => {
+        a(t)?.Id === s && r(t, T(a(t), { ...a(t), Status: u }), !0);
+      },
+      onChallengeForfeited: (s) => {
+        a(t)?.ChallengeId === s && r(
+          t,
+          T(a(t), {
+            ...a(t),
+            Status: de.Forfeited
+          }),
+          !0
+        );
+      },
+      onChallengeEnabledChange: (s, u) => {
+        a(t)?.ChallengeId === s && r(
+          t,
+          {
+            ...a(t),
+            ChallengeStatus: u ? Z.Enabled : Z.Paused
+          },
+          !0
+        );
+      }
+    });
+    return () => e.close();
+  });
+  const ne = (e) => {
+    a(t) && Oe(a(t).ChallengeId, a(t).ChallengePresentation?.PresentationName ?? "", Re(a(t)), e), r(_, e, !0);
+  }, Ce = () => {
+    const e = a(t) && Je(a(t).ContributedFrom);
+    e && ne(e);
+  }, _e = (e) => {
+    !e.IsNew || !h() || !v() || Be({
+      endpoint: h(),
+      domainId: v(),
+      challengeProgressId: e.Id
+    }).then(() => {
+      a(t)?.Id === e.Id && r(t, { ...a(t), IsNew: !1 }, !0), J()?.(e.Id);
+    }).catch((s) => {
+      console.log("challenge-details viewed err:", s);
+    });
+  }, le = (e) => {
+    r(t, void 0), Ge(c(), e), Q()?.(c());
+  };
+  S(() => {
+    if (!c() || !h() || !v()) {
+      r(t, void 0), r(H, !1);
+      return;
+    }
+    let e = !1;
+    const s = V() && !a(ve) ? ke : Ae, u = P(() => {
+      const d = x()?.ChallengeId === c() ? x() : void 0;
+      return a(t)?.ChallengeId !== c() && r(t, d, !0), r(H, !a(t)), d;
+    });
+    return s({
+      endpoint: h(),
+      domainId: v(),
+      challengeId: c(),
+      sessionId: p() || "",
+      locale: C(),
+      isFutureAvailable: O()
+    }).then((d) => {
+      if (!e) {
+        if (d) {
+          r(t, d, !0), _e(d);
+          return;
+        }
+        u || le("unavailable");
+      }
+    }).catch((d) => {
+      e || (u || le("error"), console.log("challenge-details err:", d));
+    }).finally(() => {
+      e || r(H, !1);
+    }), () => {
+      e = !0;
+    };
+  });
+  var Ie = {
+    get challengeId() {
+      return c();
+    },
+    set challengeId(e) {
+      c(e), i();
+    },
+    get endpoint() {
+      return h();
+    },
+    set endpoint(e) {
+      h(e), i();
+    },
+    get userSession() {
+      return p();
+    },
+    set userSession(e) {
+      p(e), i();
+    },
+    get userId() {
+      return y();
+    },
+    set userId(e) {
+      y(e), i();
+    },
+    get domainId() {
+      return v();
+    },
+    set domainId(e) {
+      v(e), i();
+    },
+    get locale() {
+      return C();
+    },
+    set locale(e = "en") {
+      C(e), i();
+    },
+    get translationUrl() {
+      return N();
+    },
+    set translationUrl(e) {
+      N(e), i();
+    },
+    get isPromo() {
+      return V();
+    },
+    set isPromo(e = !1) {
+      V(e), i();
+    },
+    get isPaused() {
+      return w();
+    },
+    set isPaused(e = !1) {
+      w(e), i();
+    },
+    get isPending() {
+      return O();
+    },
+    set isPending(e = !1) {
+      O(e), i();
+    },
+    get status() {
+      return B();
+    },
+    set status(e) {
+      B(e), i();
+    },
+    get progress() {
+      return x();
+    },
+    set progress(e) {
+      x(e), i();
+    },
+    get liveUpdates() {
+      return R();
+    },
+    set liveUpdates(e = !1) {
+      R(e), i();
+    },
+    get hideSummary() {
+      return m();
+    },
+    set hideSummary(e = !1) {
+      m(e), i();
+    },
+    get activeTab() {
+      return G();
+    },
+    set activeTab(e) {
+      G(e), i();
+    },
+    get onStatusChange() {
+      return K();
+    },
+    set onStatusChange(e) {
+      K(e), i();
+    },
+    get onClaimed() {
+      return j();
+    },
+    set onClaimed(e) {
+      j(e), i();
+    },
+    get onViewed() {
+      return J();
+    },
+    set onViewed(e) {
+      J(e), i();
+    },
+    get onUnavailable() {
+      return Q();
+    },
+    set onUnavailable(e) {
+      Q(e), i();
+    }
+  }, re = De(), Se = Ne(re);
+  {
+    var pe = (e) => {
+      var s = Ye();
+      let u;
+      var d = f(s);
+      {
+        var X = (g) => {
+          $(g, { part: "banner" });
+        };
+        F(d, (g) => {
+          m() || g(X);
+        });
+      }
+      var U = D(d, 2), q = f(U);
+      {
+        var Y = (g) => {
+          var o = he(), L = f(o);
+          $(L, { part: "summary" }), b(o), k(g, o);
+        };
+        F(q, (g) => {
+          m() || g(Y);
+        });
+      }
+      var E = D(q, 2), z = f(E);
+      $(z, {
+        get activeTab() {
+          return a(_);
+        }
+      }), b(E), b(U), b(s), oe(() => u = ue(s, 1, "challenge-details svelte-sqd80r", null, u, { "challenge-details--bare": m() })), k(e, s);
+    }, Pe = (e) => {
+      var s = Ze();
+      let u;
+      var d = f(s);
+      {
+        var X = (o) => {
+          Qe(o, {
+            get challengeItem() {
+              return a(I);
+            },
+            get isPaused() {
+              return w();
+            },
+            get locale() {
+              return C();
+            }
+          });
+        };
+        F(d, (o) => {
+          m() || o(X);
+        });
+      }
+      var U = D(d, 2), q = f(U);
+      {
+        var Y = (o) => {
+          var L = he(), Te = f(L);
+          We(Te, {
+            get challengeItem() {
+              return a(I);
+            },
+            get endpoint() {
+              return h();
+            },
+            get domainId() {
+              return v();
+            },
+            get userSession() {
+              return p();
+            },
+            get userId() {
+              return y();
+            },
+            get locale() {
+              return C();
+            },
+            get isPromo() {
+              return V();
+            },
+            get isPaused() {
+              return w();
+            },
+            get isExpired() {
+              return a(te);
+            },
+            onStatusChange: se,
+            get onClaimed() {
+              return j();
+            },
+            onLaunchGame: Ce
+          }), b(L), k(o, L);
+        };
+        F(q, (o) => {
+          m() || o(Y);
+        });
+      }
+      var E = D(q, 2), z = f(E);
+      Me(z, {
+        get challengeItem() {
+          return a(I);
+        },
+        get activeTab() {
+          return a(_);
+        },
+        onTabChange: ne
+      });
+      var g = D(z, 2);
+      {
+        let o = A(() => w() || a(fe));
+        Xe(g, {
+          get activeTab() {
+            return a(_);
+          },
+          get challengeItem() {
+            return a(I);
+          },
+          get endpoint() {
+            return h();
+          },
+          get domainId() {
+            return v();
+          },
+          get userSession() {
+            return p();
+          },
+          get userId() {
+            return y();
+          },
+          get isPaused() {
+            return a(o);
+          },
+          get isExpired() {
+            return a(te);
+          },
+          onStatusChange: se
+        });
+      }
+      b(E), b(U), b(s), oe(() => u = ue(s, 1, "challenge-details svelte-sqd80r", null, u, { "challenge-details--bare": m() })), k(e, s);
+    };
+    F(Se, (e) => {
+      a(H) ? e(pe) : a(I) && e(Pe, 1);
+    });
+  }
+  return k(ae, re), Ve(Ie);
+}
+ye(
+  ea,
+  {
+    challengeId: {},
+    endpoint: {},
+    userSession: {},
+    userId: {},
+    domainId: {},
+    locale: {},
+    translationUrl: {},
+    isPromo: {},
+    isPaused: {},
+    isPending: {},
+    status: {},
+    progress: {},
+    liveUpdates: {},
+    hideSummary: {},
+    activeTab: {},
+    onStatusChange: {},
+    onClaimed: {},
+    onViewed: {},
+    onUnavailable: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+export {
+  ea as C
+};

package/components/ChallengeDetailsSkeleton-Bbi5XeY4.cjs

@@ -0,0 +1,20 @@
+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,
+  .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,
+  .challenge-details__skeleton--node.svelte-1v5lraf {display:block;width:100%;}.challenge-details__skeleton--banner.svelte-1v5lraf {width:100%;height:340px;border-radius:12px;}.challenge-details__skeleton--summary.svelte-1v5lraf {display:flex;flex-direction:column;gap:12px;min-width:0;.challenge-details__skeleton--summary-title:where(.svelte-1v5lraf) {width:70%;font-size:16px;line-height:22px;}.challenge-details__skeleton--summary-info:where(.svelte-1v5lraf) {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;}.challenge-details__skeleton--summary-row:where(.svelte-1v5lraf) {display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;}.challenge-details__skeleton--summary-icon:where(.svelte-1v5lraf) {flex-shrink:0;align-self:center;width:12px;height:12px;}.challenge-details__skeleton--summary-label:where(.svelte-1v5lraf) {flex-shrink:0;width:4em;}.challenge-details__skeleton--summary-terms:where(.svelte-1v5lraf) {margin:0;display:flex;flex-direction:column;gap:2px;font-size:11px;line-height:1.5;}.challenge-details__skeleton--summary-action:where(.svelte-1v5lraf) {display:flex;}.challenge-details__skeleton--summary-button:where(.svelte-1v5lraf) {height:37px;}}.challenge-details__skeleton--panel.svelte-1v5lraf {display:flex;flex-direction:column;gap:16px;width:100%;.challenge-details__skeleton--tabs:where(.svelte-1v5lraf) {display:flex;flex-direction:row;justify-content:center;align-items:center;border-bottom:1px solid var(--border-default, rgba(251, 251, 251, 0.15));}.challenge-details__skeleton--tab:where(.svelte-1v5lraf) {box-sizing:border-box;display:flex;justify-content:center;flex-grow:1;height:36px;padding:12px 10px;font-size:12px;font-weight:700;.challenge-details__skeleton--box:where(.svelte-1v5lraf) {align-self:center;width:6em;max-width:100%;}}.challenge-details__skeleton--games:where(.svelte-1v5lraf) {display:grid;grid-template-columns:repeat(5, 1fr);gap:8px;}.challenge-details__skeleton--game:where(.svelte-1v5lraf) {aspect-ratio:1 / 1;}.challenge-details__skeleton--events:where(.svelte-1v5lraf) {display:flex;flex-direction:column;gap:22px;padding:12px 0;font-size:12px;line-height:18px;}.challenge-details__skeleton--event:where(.svelte-1v5lraf) {margin:0;display:flex;}.challenge-details__skeleton--event:where(.svelte-1v5lraf):nth-child(2n) .challenge-details__skeleton--box:where(.svelte-1v5lraf) {width:78%;}.challenge-details__skeleton--event:where(.svelte-1v5lraf):nth-child(3n) .challenge-details__skeleton--box:where(.svelte-1v5lraf) {width:62%;}.challenge-details__skeleton--rules:where(.svelte-1v5lraf) {display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;font-size:12px;line-height:18px;}.challenge-details__skeleton--paragraph:where(.svelte-1v5lraf) {display:flex;flex-direction:column;width:100%;border-radius:6px;overflow:hidden;.challenge-details__skeleton--box:where(.svelte-1v5lraf) {border-radius:0;}}.challenge-details__skeleton--rules-link:where(.svelte-1v5lraf) {display:block;width:15em;margin:32px 0;}.challenge-details__skeleton--opt-out:where(.svelte-1v5lraf) {display:flex;flex-direction:column;width:100%;}.challenge-details__skeleton--rules-button:where(.svelte-1v5lraf) {display:block;width:11.5em;padding:14px 0;line-height:15px;}.challenge-details__skeleton--rules-details:where(.svelte-1v5lraf) {display:flex;flex-direction:column;gap:18px;width:100%;}.challenge-details__skeleton--rules-item:where(.svelte-1v5lraf) {display:flex;flex-direction:column;width:100%;}.challenge-details__skeleton--rules-item:where(.svelte-1v5lraf) .challenge-details__skeleton--box.short:where(.svelte-1v5lraf) {width:35%;}.challenge-details__skeleton--levels:where(.svelte-1v5lraf) {display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:var(--challenge-levels-row-gap, 16px);align-items:stretch;}.challenge-details__skeleton--node:where(.svelte-1v5lraf) {align-self:center;width:32px;height:32px;border-radius:50%;&.first {align-self:start;margin-top:16px;}}.challenge-details__skeleton--level:where(.svelte-1v5lraf) {box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:10px;border-radius:6px;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));min-width:0;}.challenge-details__skeleton--level-name:where(.svelte-1v5lraf) {width:6em;font-size:16px;line-height:22px;}.challenge-details__skeleton--level-info:where(.svelte-1v5lraf) {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0;}.challenge-details__skeleton--level-row:where(.svelte-1v5lraf) {display:flex;gap:8px;font-size:14px;line-height:140%;min-width:0;}.challenge-details__skeleton--level-icon:where(.svelte-1v5lraf) {flex-shrink:0;align-self:center;width:12px;height:12px;}}
+
+  @media (max-width: 767px) {.challenge-details__skeleton--banner.svelte-1v5lraf {height:140px;}.challenge-details__skeleton--panel.svelte-1v5lraf {.challenge-details__skeleton--games:where(.svelte-1v5lraf) {grid-template-columns:repeat(3, 1fr);}.challenge-details__skeleton--node:where(.svelte-1v5lraf) {width:30px;height:30px;}.challenge-details__skeleton--level:where(.svelte-1v5lraf) {gap:4px;}}
+  }
+
+  @keyframes svelte-1v5lraf-challenge-details-skeleton-pulse {
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {.challenge-details__skeleton--banner.svelte-1v5lraf,
+    .challenge-details__skeleton--box.svelte-1v5lraf,
+    .challenge-details__skeleton--node.svelte-1v5lraf {
+      animation: none;}
+  }`};function E(b,c){e.push(c,!0),e.append_styles(b,ne);const p=e.prop(c,"part",7,"panel"),d=e.prop(c,"activeTab",7),m=e.prop(c,"showTabs",7,!0),S=3,A=3,R=2,z=4,L=3,O=3,C=3,M=2;var D={get part(){return p()},set part(s="panel"){p(s),e.flushSync()},get activeTab(){return d()},set activeTab(s){d(s),e.flushSync()},get showTabs(){return m()},set showTabs(s=!0){m(s),e.flushSync()}},w=e.comment(),I=e.first_child(w);{var N=s=>{var r=H();e.append(s,r)},W=s=>{var r=Y(),o=e.sibling(e.child(r),2);e.each(o,21,()=>Array(C),e.index,(_,x)=>{var h=P();e.append(_,h)}),e.reset(o);var g=e.sibling(o,2);e.each(g,21,()=>Array(M),e.index,(_,x)=>{var h=T();e.append(_,h)}),e.reset(g),e.next(2),e.reset(r),e.append(s,r)},U=s=>{var r=te(),o=e.child(r);{var g=a=>{var l=Z();e.each(l,21,()=>Array(S),e.index,(n,v)=>{var t=B();e.append(n,t)}),e.reset(l),e.append(a,l)};e.if_block(o,a=>{m()&&a(g)})}var _=e.sibling(o,2);{var x=a=>{var l=K();e.each(l,21,()=>Array(F.GAMES_PAGE_SIZE),e.index,(n,v)=>{var t=J();e.append(n,t)}),e.reset(l),e.append(a,l)},h=a=>{var l=X();e.each(l,21,()=>Array(z),e.index,(n,v)=>{var t=Q();e.append(n,t)}),e.reset(l),e.append(a,l)},q=a=>{var l=ee(),n=e.child(l);e.each(n,21,()=>Array(O),e.index,(t,f)=>{var i=T();e.append(t,i)}),e.reset(n);var v=e.sibling(n,6);e.each(v,21,()=>Array(L),e.index,(t,f)=>{var i=$();e.append(t,i)}),e.reset(v),e.reset(l),e.append(a,l)},G=a=>{var l=se();e.each(l,21,()=>Array(A),e.index,(n,v,t)=>{var f=ae(),i=e.first_child(f);e.set_class(i,1,"challenge-details__skeleton--node svelte-1v5lraf",null,{},{first:t===0}),e.set_style(i,`grid-row: ${t+1}; grid-column: 1;`);var k=e.sibling(i,2);e.set_style(k,`grid-row: ${t+1}; grid-column: 2;`);var y=e.sibling(e.child(k),2);e.each(y,21,()=>Array(R),e.index,(V,re)=>{var j=le();e.append(V,j)}),e.reset(y),e.reset(k),e.append(n,f)}),e.reset(l),e.append(a,l)};e.if_block(_,a=>{d()===u.ChallengeDetailsTab.Games?a(x):d()===u.ChallengeDetailsTab.Events?a(h,1):d()===u.ChallengeDetailsTab.Rules?a(q,2):a(G,-1)})}e.reset(r),e.append(s,r)};e.if_block(I,s=>{p()==="banner"?s(N):p()==="summary"?s(W,1):s(U,-1)})}return e.append(b,w),e.pop(D)}e.create_custom_element(E,{part:{},activeTab:{},showTabs:{}},[],[],{mode:"open"});exports.ChallengeDetailsSkeleton=E;

package/components/ChallengeDetailsSkeleton-vgCYWjlo.js

@@ -0,0 +1,139 @@
+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 z } from "./types-C1hrKH4R.js";
+import { G as re } from "./constants-BcSpy2nX.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+var ie = s('<div class="challenge-details__skeleton--banner svelte-1v5lraf" aria-busy="true" aria-live="polite"></div>'), ve = s('<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>'), C = s('<span class="challenge-details__skeleton--box svelte-1v5lraf"></span>'), oe = s('<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>'), de = s('<span class="challenge-details__skeleton--tab svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></span>'), _e = s('<div class="challenge-details__skeleton--tabs svelte-1v5lraf"></div>'), he = s('<span class="challenge-details__skeleton--box challenge-details__skeleton--game svelte-1v5lraf"></span>'), ce = s('<div class="challenge-details__skeleton--games svelte-1v5lraf"></div>'), ge = s('<p class="challenge-details__skeleton--event svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></p>'), pe = s('<div class="challenge-details__skeleton--events svelte-1v5lraf"></div>'), fe = s('<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>'), xe = s('<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>'), me = s('<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>'), ke = s('<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), ue = s('<div class="challenge-details__skeleton--levels svelte-1v5lraf"></div>'), be = s('<div class="challenge-details__skeleton--panel svelte-1v5lraf" aria-busy="true" aria-live="polite"><!> <!></div>');
+const we = {
+  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,
+  .challenge-details__skeleton--node.svelte-1v5lraf {display:block;width:100%;}.challenge-details__skeleton--banner.svelte-1v5lraf {width:100%;height:340px;border-radius:12px;}.challenge-details__skeleton--summary.svelte-1v5lraf {display:flex;flex-direction:column;gap:12px;min-width:0;.challenge-details__skeleton--summary-title:where(.svelte-1v5lraf) {width:70%;font-size:16px;line-height:22px;}.challenge-details__skeleton--summary-info:where(.svelte-1v5lraf) {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;}.challenge-details__skeleton--summary-row:where(.svelte-1v5lraf) {display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;}.challenge-details__skeleton--summary-icon:where(.svelte-1v5lraf) {flex-shrink:0;align-self:center;width:12px;height:12px;}.challenge-details__skeleton--summary-label:where(.svelte-1v5lraf) {flex-shrink:0;width:4em;}.challenge-details__skeleton--summary-terms:where(.svelte-1v5lraf) {margin:0;display:flex;flex-direction:column;gap:2px;font-size:11px;line-height:1.5;}.challenge-details__skeleton--summary-action:where(.svelte-1v5lraf) {display:flex;}.challenge-details__skeleton--summary-button:where(.svelte-1v5lraf) {height:37px;}}.challenge-details__skeleton--panel.svelte-1v5lraf {display:flex;flex-direction:column;gap:16px;width:100%;.challenge-details__skeleton--tabs:where(.svelte-1v5lraf) {display:flex;flex-direction:row;justify-content:center;align-items:center;border-bottom:1px solid var(--border-default, rgba(251, 251, 251, 0.15));}.challenge-details__skeleton--tab:where(.svelte-1v5lraf) {box-sizing:border-box;display:flex;justify-content:center;flex-grow:1;height:36px;padding:12px 10px;font-size:12px;font-weight:700;.challenge-details__skeleton--box:where(.svelte-1v5lraf) {align-self:center;width:6em;max-width:100%;}}.challenge-details__skeleton--games:where(.svelte-1v5lraf) {display:grid;grid-template-columns:repeat(5, 1fr);gap:8px;}.challenge-details__skeleton--game:where(.svelte-1v5lraf) {aspect-ratio:1 / 1;}.challenge-details__skeleton--events:where(.svelte-1v5lraf) {display:flex;flex-direction:column;gap:22px;padding:12px 0;font-size:12px;line-height:18px;}.challenge-details__skeleton--event:where(.svelte-1v5lraf) {margin:0;display:flex;}.challenge-details__skeleton--event:where(.svelte-1v5lraf):nth-child(2n) .challenge-details__skeleton--box:where(.svelte-1v5lraf) {width:78%;}.challenge-details__skeleton--event:where(.svelte-1v5lraf):nth-child(3n) .challenge-details__skeleton--box:where(.svelte-1v5lraf) {width:62%;}.challenge-details__skeleton--rules:where(.svelte-1v5lraf) {display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;font-size:12px;line-height:18px;}.challenge-details__skeleton--paragraph:where(.svelte-1v5lraf) {display:flex;flex-direction:column;width:100%;border-radius:6px;overflow:hidden;.challenge-details__skeleton--box:where(.svelte-1v5lraf) {border-radius:0;}}.challenge-details__skeleton--rules-link:where(.svelte-1v5lraf) {display:block;width:15em;margin:32px 0;}.challenge-details__skeleton--opt-out:where(.svelte-1v5lraf) {display:flex;flex-direction:column;width:100%;}.challenge-details__skeleton--rules-button:where(.svelte-1v5lraf) {display:block;width:11.5em;padding:14px 0;line-height:15px;}.challenge-details__skeleton--rules-details:where(.svelte-1v5lraf) {display:flex;flex-direction:column;gap:18px;width:100%;}.challenge-details__skeleton--rules-item:where(.svelte-1v5lraf) {display:flex;flex-direction:column;width:100%;}.challenge-details__skeleton--rules-item:where(.svelte-1v5lraf) .challenge-details__skeleton--box.short:where(.svelte-1v5lraf) {width:35%;}.challenge-details__skeleton--levels:where(.svelte-1v5lraf) {display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:var(--challenge-levels-row-gap, 16px);align-items:stretch;}.challenge-details__skeleton--node:where(.svelte-1v5lraf) {align-self:center;width:32px;height:32px;border-radius:50%;&.first {align-self:start;margin-top:16px;}}.challenge-details__skeleton--level:where(.svelte-1v5lraf) {box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:10px;border-radius:6px;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));min-width:0;}.challenge-details__skeleton--level-name:where(.svelte-1v5lraf) {width:6em;font-size:16px;line-height:22px;}.challenge-details__skeleton--level-info:where(.svelte-1v5lraf) {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0;}.challenge-details__skeleton--level-row:where(.svelte-1v5lraf) {display:flex;gap:8px;font-size:14px;line-height:140%;min-width:0;}.challenge-details__skeleton--level-icon:where(.svelte-1v5lraf) {flex-shrink:0;align-self:center;width:12px;height:12px;}}
+
+  @media (max-width: 767px) {.challenge-details__skeleton--banner.svelte-1v5lraf {height:140px;}.challenge-details__skeleton--panel.svelte-1v5lraf {.challenge-details__skeleton--games:where(.svelte-1v5lraf) {grid-template-columns:repeat(3, 1fr);}.challenge-details__skeleton--node:where(.svelte-1v5lraf) {width:30px;height:30px;}.challenge-details__skeleton--level:where(.svelte-1v5lraf) {gap:4px;}}
+  }
+
+  @keyframes svelte-1v5lraf-challenge-details-skeleton-pulse {
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {.challenge-details__skeleton--banner.svelte-1v5lraf,
+    .challenge-details__skeleton--box.svelte-1v5lraf,
+    .challenge-details__skeleton--node.svelte-1v5lraf {
+      animation: none;}
+  }`
+};
+function ye(L, m) {
+  ee(m, !0), le(L, we);
+  const k = A(m, "part", 7, "panel"), p = A(m, "activeTab", 7), y = A(m, "showTabs", 7, !0), D = 3, W = 3, G = 2, U = 4, V = 3, j = 3, F = 3, H = 2;
+  var P = {
+    get part() {
+      return k();
+    },
+    set part(t = "panel") {
+      k(t), R();
+    },
+    get activeTab() {
+      return p();
+    },
+    set activeTab(t) {
+      p(t), R();
+    },
+    get showTabs() {
+      return y();
+    },
+    set showTabs(t = !0) {
+      y(t), R();
+    }
+  }, O = ae(), Y = I(O);
+  {
+    var B = (t) => {
+      var v = ie();
+      l(t, v);
+    }, K = (t) => {
+      var v = oe(), h = g(w(v), 2);
+      o(h, 21, () => Array(F), d, (f, T) => {
+        var x = ve();
+        l(f, x);
+      }), r(h);
+      var u = g(h, 2);
+      o(u, 21, () => Array(H), d, (f, T) => {
+        var x = C();
+        l(f, x);
+      }), r(u), te(2), r(v), l(t, v);
+    }, Z = (t) => {
+      var v = be(), h = w(v);
+      {
+        var u = (a) => {
+          var e = _e();
+          o(e, 21, () => Array(D), d, (i, c) => {
+            var n = de();
+            l(i, n);
+          }), r(e), l(a, e);
+        };
+        S(h, (a) => {
+          y() && a(u);
+        });
+      }
+      var f = g(h, 2);
+      {
+        var T = (a) => {
+          var e = ce();
+          o(e, 21, () => Array(re), d, (i, c) => {
+            var n = he();
+            l(i, n);
+          }), r(e), l(a, e);
+        }, x = (a) => {
+          var e = pe();
+          o(e, 21, () => Array(U), d, (i, c) => {
+            var n = ge();
+            l(i, n);
+          }), r(e), l(a, e);
+        }, q = (a) => {
+          var e = xe(), i = w(e);
+          o(i, 21, () => Array(j), d, (n, b) => {
+            var _ = C();
+            l(n, _);
+          }), r(i);
+          var c = g(i, 6);
+          o(c, 21, () => Array(V), d, (n, b) => {
+            var _ = fe();
+            l(n, _);
+          }), r(c), r(e), l(a, e);
+        }, J = (a) => {
+          var e = ue();
+          o(e, 21, () => Array(W), d, (i, c, n) => {
+            var b = ke(), _ = I(b);
+            ne(_, 1, "challenge-details__skeleton--node svelte-1v5lraf", null, {}, { first: n === 0 }), N(_, `grid-row: ${n + 1}; grid-column: 1;`);
+            var E = g(_, 2);
+            N(E, `grid-row: ${n + 1}; grid-column: 2;`);
+            var M = g(w(E), 2);
+            o(M, 21, () => Array(G), d, (Q, Te) => {
+              var X = me();
+              l(Q, X);
+            }), r(M), r(E), l(i, b);
+          }), r(e), l(a, e);
+        };
+        S(f, (a) => {
+          p() === z.Games ? a(T) : p() === z.Events ? a(x, 1) : p() === z.Rules ? a(q, 2) : a(J, -1);
+        });
+      }
+      r(v), l(t, v);
+    };
+    S(Y, (t) => {
+      k() === "banner" ? t(B) : k() === "summary" ? t(K, 1) : t(Z, -1);
+    });
+  }
+  return l(L, O), se(P);
+}
+$(ye, { part: {}, activeTab: {}, showTabs: {} }, [], [], { mode: "open" });
+export {
+  ye as C
+};

package/components/ChallengeEvents-Cjz4tswW.js

@@ -0,0 +1,35 @@
+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";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+var B = u('<p class="challenge-details__events--rule svelte-579ku1"><span class="challenge-details__events--rule-name svelte-579ku1"> </span></p>'), D = u('<div class="challenge-details__tab-panel challenge-details__events svelte-579ku1"></div>');
+const F = {
+  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) {
+  w(o, !0), E(r, F);
+  const i = () => M(O, "$_", h), [h, m] = N(), s = y(o, "challengeItem", 7), v = p(() => j(s().SportSettings?.EventRules));
+  var g = {
+    get challengeItem() {
+      return s();
+    },
+    set challengeItem(e) {
+      s(e), C();
+    }
+  }, a = D();
+  I(a, 21, () => t(v), (e) => e.OrderNumber, (e, l) => {
+    const f = p(() => t(l).OrderNumber === 0 ? i()("allEvents") : z(t(l)));
+    var n = B(), b = R(n), x = S(b);
+    d(n), H(($) => L(x, `${t(f) ?? ""} - ${t(l).ContributionPercent ?? ""}% ${$ ?? ""}`), [() => i()("contribution")]), c(e, n);
+  }), d(a), c(r, a);
+  var _ = T(g);
+  return m(), _;
+}
+k(P, { challengeItem: {} }, [], [], { mode: "open" });
+export {
+  P as C
+};

package/components/ChallengeEvents-xYQkjebV.cjs

@@ -0,0 +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;