@everymatrix/player-challenges 0.1.27 → 0.1.28

package/components/ChallengeDetails-BMhe6TJQ.js

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

package/components/{ChallengeDetails-L21GaGh6.js → ChallengeDetails-Bwmo2LpG.js}

@@ -1,11 +1,11 @@
-import { d as v, p as n, y as b, b as M, A as m, b0 as S, az as U, e as a, c as D } from "./ChallengeTabs-CzWyw0qJ.js";
-import { a as E } from "./ChallengeList-BPHmqDRR.js";
+import { d as v, p as n, y as b, b as M, A as m, a$ as S, ay as U, e as a, c as y } from "./ChallengeTabs-CXIPdZOg.js";
+import { a as D } from "./ChallengeList-D7VynPhn.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
 }, whenDefined() {
 } });
-function _(I, t) {
+function E(I, t) {
   v(t, !0);
   let l = n(t, "challengeId", 7, ""), s = n(t, "endpoint", 7, ""), r = n(t, "userSession", 7, ""), i = n(t, "userId", 7, ""), o = n(t, "domainId", 7, ""), u = n(t, "locale", 7, "en"), d = n(t, "isMobile", 7), g = n(t, "activeTab", 7), c = n(t, "translationUrl", 7, "");
   const h = m(() => S(d(), !0)), T = m(() => U(g()));
@@ -65,7 +65,7 @@ function _(I, t) {
       c(e), a();
     }
   };
-  return E(I, {
+  return D(I, {
     get challengeId() {
       return l();
     },
@@ -96,8 +96,8 @@ function _(I, t) {
     liveUpdates: !0
   }), M(f);
 }
-customElements.define("challenge-details", D(
-  _,
+customElements.define("challenge-details", y(
+  E,
   {
     challengeId: {},
     endpoint: {},
@@ -113,5 +113,5 @@ customElements.define("challenge-details", D(
   []
 ));
 export {
-  _ as default
+  E as default
 };

package/components/{ChallengeDetails-BrsSxqF-.cjs → ChallengeDetails-Cki5CFXf.cjs}

@@ -1 +1 @@
-typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChallengeTabs-BmJ83kB1.cjs"),I=require("./ChallengeList-DGgEiIo3.cjs");function g(h,n){e.push(n,!0);let l=e.prop(n,"challengeId",7,""),r=e.prop(n,"endpoint",7,""),s=e.prop(n,"userSession",7,""),a=e.prop(n,"userId",7,""),i=e.prop(n,"domainId",7,""),o=e.prop(n,"locale",7,"en"),u=e.prop(n,"isMobile",7),d=e.prop(n,"activeTab",7),c=e.prop(n,"translationUrl",7,"");const b=e.user_derived(()=>e.toBoolean(u(),!0)),f=e.user_derived(()=>e.toChallengeDetailsTab(d()));var m={get challengeId(){return l()},set challengeId(t=""){l(t),e.flushSync()},get endpoint(){return r()},set endpoint(t=""){r(t),e.flushSync()},get userSession(){return s()},set userSession(t=""){s(t),e.flushSync()},get userId(){return a()},set userId(t=""){a(t),e.flushSync()},get domainId(){return i()},set domainId(t=""){i(t),e.flushSync()},get locale(){return o()},set locale(t="en"){o(t),e.flushSync()},get isMobile(){return u()},set isMobile(t){u(t),e.flushSync()},get activeTab(){return d()},set activeTab(t){d(t),e.flushSync()},get translationUrl(){return c()},set translationUrl(t=""){c(t),e.flushSync()}};return I.ChallengeDetails(h,{get challengeId(){return l()},get endpoint(){return r()},get userSession(){return s()},get userId(){return a()},get domainId(){return i()},get locale(){return o()},get isMobile(){return e.get(b)},get activeTab(){return e.get(f)},get translationUrl(){return c()},liveUpdates:!0}),e.pop(m)}customElements.define("challenge-details",e.create_custom_element(g,{challengeId:{},endpoint:{},userSession:{},userId:{},domainId:{},locale:{},isMobile:{},activeTab:{},translationUrl:{}},[],[]));exports.default=g;
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChallengeTabs-By40DWWg.cjs"),I=require("./ChallengeList-B27KTsS-.cjs");function g(h,n){e.push(n,!0);let l=e.prop(n,"challengeId",7,""),r=e.prop(n,"endpoint",7,""),s=e.prop(n,"userSession",7,""),a=e.prop(n,"userId",7,""),i=e.prop(n,"domainId",7,""),o=e.prop(n,"locale",7,"en"),u=e.prop(n,"isMobile",7),d=e.prop(n,"activeTab",7),c=e.prop(n,"translationUrl",7,"");const b=e.user_derived(()=>e.toBoolean(u(),!0)),f=e.user_derived(()=>e.toChallengeDetailsTab(d()));var m={get challengeId(){return l()},set challengeId(t=""){l(t),e.flushSync()},get endpoint(){return r()},set endpoint(t=""){r(t),e.flushSync()},get userSession(){return s()},set userSession(t=""){s(t),e.flushSync()},get userId(){return a()},set userId(t=""){a(t),e.flushSync()},get domainId(){return i()},set domainId(t=""){i(t),e.flushSync()},get locale(){return o()},set locale(t="en"){o(t),e.flushSync()},get isMobile(){return u()},set isMobile(t){u(t),e.flushSync()},get activeTab(){return d()},set activeTab(t){d(t),e.flushSync()},get translationUrl(){return c()},set translationUrl(t=""){c(t),e.flushSync()}};return I.ChallengeDetails(h,{get challengeId(){return l()},get endpoint(){return r()},get userSession(){return s()},get userId(){return a()},get domainId(){return i()},get locale(){return o()},get isMobile(){return e.get(b)},get activeTab(){return e.get(f)},get translationUrl(){return c()},liveUpdates:!0}),e.pop(m)}customElements.define("challenge-details",e.create_custom_element(g,{challengeId:{},endpoint:{},userSession:{},userId:{},domainId:{},locale:{},isMobile:{},activeTab:{},translationUrl:{}},[],[]));exports.default=g;

package/components/ChallengeDetails-DRg9YZq-.cjs

@@ -0,0 +1,5 @@
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-BPweSLWX.cjs"),re=require("./translations-FyoqR3gH.cjs"),G=require("./types-BS-x0LbR.cjs"),H=require("./helpers-CmamnXjp.cjs"),ie=require("./ChallengeBanner-DaStj94I.cjs"),de=require("./ChallengeSummary-DUBk5FGa.cjs"),ge=require("./ChallengeTabPanel-BWmMHkmf.cjs"),M=require("./ChallengeDetailsSkeleton-DvaG5Vtl.cjs");var oe=e.from_html('<aside class="challenge-details__aside svelte-sqd80r"><!></aside>'),ue=e.from_html('<div><!> <div class="challenge-details__body svelte-sqd80r"><!> <div class="challenge-details__main svelte-sqd80r"><!></div></div></div>'),ce=e.from_html('<aside class="challenge-details__aside svelte-sqd80r"><!></aside>'),he=e.from_html('<div><!> <div class="challenge-details__body svelte-sqd80r"><!> <div class="challenge-details__main svelte-sqd80r"><!> <!></div></div></div>');const fe={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 Q(O,n){e.push(n,!0),e.append_styles(O,fe);const g=e.prop(n,"challengeId",7),o=e.prop(n,"endpoint",7),m=e.prop(n,"userSession",7),p=e.prop(n,"userId",7),u=e.prop(n,"domainId",7),h=e.prop(n,"locale",7,"en"),T=e.prop(n,"translationUrl",7),P=e.prop(n,"isPromo",7,!1),_=e.prop(n,"isPaused",7,!1),k=e.prop(n,"isPending",7,!1),q=e.prop(n,"status",7),b=e.prop(n,"progress",7),F=e.prop(n,"liveUpdates",7,!1),c=e.prop(n,"hideSummary",7,!1),w=e.prop(n,"activeTab",7),D=e.prop(n,"onStatusChange",7),L=e.prop(n,"onClaimed",7),E=e.prop(n,"onViewed",7),A=e.prop(n,"onUnavailable",7),W=e.user_derived(()=>!m()&&!p());e.untrack(()=>e.initI18n(h(),re.TRANSLATIONS)),e.user_pre_effect(()=>{T()&&e.loadTranslationUrl(T(),"challenge-details")}),e.user_effect(()=>{e.setLocale(h()||"en")});let f=e.state(e.proxy(e.untrack(()=>G.toChallengeDetailsTab(w())??G.ChallengeDetailsTab.Levels))),s=e.state(void 0),x=e.state(!1);const X=e.createLiveChallengeStatus(()=>e.get(s)),v=e.user_derived(()=>e.get(s)&&{...e.get(s),Status:X.status??e.get(s).Status}),z=e.user_derived(()=>e.get(v)?.Status===e.ChallengeProgressStatus.Expired),Y=e.user_derived(()=>e.get(v)?.ChallengeStatus===e.ChallengeStatus.Paused);e.user_effect(()=>{const t=G.toChallengeDetailsTab(w());if(!t)return;const a=e.get(s)?H.getAvailableTabs(e.get(s).ContributedFrom):[];(!a.length||a.includes(t))&&e.set(f,t,!0)}),e.user_effect(()=>{const t=e.get(s)?H.getAvailableTabs(e.get(s).ContributedFrom):[];t.length&&!t.includes(e.get(f))&&e.set(f,t[0],!0)});const R=(t,a)=>{e.get(s)?.Id===t&&e.set(s,e.stampFinishedTime(e.get(s),{...e.get(s),Status:a}),!0),D()?.(t,a)};let N=e.state(e.proxy(e.untrack(()=>q())));e.user_effect(()=>{const t=q();e.untrack(()=>{const a=e.get(N)!==void 0&&t!==void 0&&t!==e.get(N);e.set(N,t,!0),a&&e.get(s)&&e.get(s).Status!==t&&e.set(s,e.stampFinishedTime(e.get(s),{...e.get(s),Status:t}),!0)})});const Z=t=>{!t||!e.get(s)||e.get(s).Id!==t.Id||e.set(s,e.stampFinishedTime(e.get(s),{...e.get(s),Status:t.Status??e.get(s).Status,ChallengeStatus:t.ChallengeStatus??e.get(s).ChallengeStatus,LevelProgresses:t.LevelProgresses??e.get(s).LevelProgresses,FinishedTime:t.FinishedTime??e.get(s).FinishedTime}),!0)};e.user_effect(()=>{const t=b();e.untrack(()=>Z(t))}),e.user_effect(()=>{if(!F())return;const t=e.listenChallengeHostUpdates({onProgressUpdate:a=>{e.get(s)?.Id===a.ProgressId&&e.set(s,e.stampFinishedTime(e.get(s),e.applyProgressUpdate(e.get(s),a)),!0)},onProgressStatusChange:(a,i)=>{e.get(s)?.Id===a&&e.set(s,e.stampFinishedTime(e.get(s),{...e.get(s),Status:i}),!0)},onChallengeForfeited:a=>{e.get(s)?.ChallengeId===a&&e.set(s,e.stampFinishedTime(e.get(s),{...e.get(s),Status:e.ChallengeProgressStatus.Forfeited}),!0)},onChallengeEnabledChange:(a,i)=>{e.get(s)?.ChallengeId===a&&e.set(s,{...e.get(s),ChallengeStatus:i?e.ChallengeStatus.Enabled:e.ChallengeStatus.Paused},!0)}});return()=>t.close()});const j=t=>{e.get(s)&&e.sendChallengeDetailTabClicked(e.get(s).ChallengeId,e.get(s).ChallengePresentation?.PresentationName??"",e.getChallengeStatusName(e.get(s)),t),e.set(f,t,!0)},$=()=>{const t=e.get(s)&&H.getGamesTab(e.get(s).ContributedFrom);t&&j(t)},ee=t=>{!t.IsNew||!o()||!u()||e.updateChallengeIsNewStatus({endpoint:o(),domainId:u(),challengeProgressId:t.Id}).then(()=>{e.get(s)?.Id===t.Id&&e.set(s,{...e.get(s),IsNew:!1},!0),E()?.(t.Id)}).catch(a=>{console.log("challenge-details viewed err:",a)})},J=t=>{e.set(s,void 0),e.sendChallengeUnavailable(g(),t),A()?.(g())};e.user_effect(()=>{if(!g()||!o()||!u()){e.set(s,void 0),e.set(x,!1);return}let t=!1;const a=P()&&!e.get(W)?e.getPromoChallengeById:e.getChallengeById,i=e.untrack(()=>{const l=b()?.ChallengeId===g()?b():void 0;return e.get(s)?.ChallengeId!==g()&&e.set(s,l,!0),e.set(x,!e.get(s)),l});return a({endpoint:o(),domainId:u(),challengeId:g(),sessionId:m()||"",locale:h(),isFutureAvailable:k()}).then(l=>{if(!t){if(l){e.set(s,l,!0),ee(l);return}i||J("unavailable")}}).catch(l=>{t||(i||J("error"),console.log("challenge-details err:",l))}).finally(()=>{t||e.set(x,!1)}),()=>{t=!0}});var te={get challengeId(){return g()},set challengeId(t){g(t),e.flushSync()},get endpoint(){return o()},set endpoint(t){o(t),e.flushSync()},get userSession(){return m()},set userSession(t){m(t),e.flushSync()},get userId(){return p()},set userId(t){p(t),e.flushSync()},get domainId(){return u()},set domainId(t){u(t),e.flushSync()},get locale(){return h()},set locale(t="en"){h(t),e.flushSync()},get translationUrl(){return T()},set translationUrl(t){T(t),e.flushSync()},get isPromo(){return P()},set isPromo(t=!1){P(t),e.flushSync()},get isPaused(){return _()},set isPaused(t=!1){_(t),e.flushSync()},get isPending(){return k()},set isPending(t=!1){k(t),e.flushSync()},get status(){return q()},set status(t){q(t),e.flushSync()},get progress(){return b()},set progress(t){b(t),e.flushSync()},get liveUpdates(){return F()},set liveUpdates(t=!1){F(t),e.flushSync()},get hideSummary(){return c()},set hideSummary(t=!1){c(t),e.flushSync()},get activeTab(){return w()},set activeTab(t){w(t),e.flushSync()},get onStatusChange(){return D()},set onStatusChange(t){D(t),e.flushSync()},get onClaimed(){return L()},set onClaimed(t){L(t),e.flushSync()},get onViewed(){return E()},set onViewed(t){E(t),e.flushSync()},get onUnavailable(){return A()},set onUnavailable(t){A(t),e.flushSync()}},K=e.comment(),se=e.first_child(K);{var ae=t=>{var a=ue();let i;var l=e.child(a);{var V=d=>{M.ChallengeDetailsSkeleton(d,{part:"banner"})};e.if_block(l,d=>{c()||d(V)})}var S=e.sibling(l,2),C=e.child(S);{var B=d=>{var r=oe(),y=e.child(r);M.ChallengeDetailsSkeleton(y,{part:"summary"}),e.reset(r),e.append(d,r)};e.if_block(C,d=>{c()||d(B)})}var I=e.sibling(C,2),U=e.child(I);M.ChallengeDetailsSkeleton(U,{get activeTab(){return e.get(f)}}),e.reset(I),e.reset(S),e.reset(a),e.template_effect(()=>i=e.set_class(a,1,"challenge-details svelte-sqd80r",null,i,{"challenge-details--bare":c()})),e.append(t,a)},ne=t=>{var a=he();let i;var l=e.child(a);{var V=r=>{ie.ChallengeBanner(r,{get challengeItem(){return e.get(v)},get isPaused(){return _()},get locale(){return h()}})};e.if_block(l,r=>{c()||r(V)})}var S=e.sibling(l,2),C=e.child(S);{var B=r=>{var y=ce(),le=e.child(y);de.ChallengeSummary(le,{get challengeItem(){return e.get(v)},get endpoint(){return o()},get domainId(){return u()},get userSession(){return m()},get userId(){return p()},get locale(){return h()},get isPromo(){return P()},get isPaused(){return _()},get isExpired(){return e.get(z)},onStatusChange:R,get onClaimed(){return L()},onLaunchGame:$}),e.reset(y),e.append(r,y)};e.if_block(C,r=>{c()||r(B)})}var I=e.sibling(C,2),U=e.child(I);e.ChallengeTabs(U,{get challengeItem(){return e.get(v)},get activeTab(){return e.get(f)},onTabChange:j});var d=e.sibling(U,2);{let r=e.user_derived(()=>_()||e.get(Y));ge.ChallengeTabPanel(d,{get activeTab(){return e.get(f)},get challengeItem(){return e.get(v)},get endpoint(){return o()},get domainId(){return u()},get userSession(){return m()},get userId(){return p()},get isPaused(){return e.get(r)},get isExpired(){return e.get(z)},onStatusChange:R})}e.reset(I),e.reset(S),e.reset(a),e.template_effect(()=>i=e.set_class(a,1,"challenge-details svelte-sqd80r",null,i,{"challenge-details--bare":c()})),e.append(t,a)};e.if_block(se,t=>{e.get(x)?t(ae):e.get(v)&&t(ne,1)})}return e.append(O,K),e.pop(te)}e.create_custom_element(Q,{challengeId:{},endpoint:{},userSession:{},userId:{},domainId:{},locale:{},translationUrl:{},isPromo:{},isPaused:{},isPending:{},status:{},progress:{},liveUpdates:{},hideSummary:{},activeTab:{},onStatusChange:{},onClaimed:{},onViewed:{},onUnavailable:{}},[],[],{mode:"open"});exports.ChallengeDetails=Q;

package/components/ChallengeDetailsSkeleton-C3lUpHQI.js

@@ -0,0 +1,139 @@
+import { c as X, d as $, h as ee, p as A, a5 as le, J as I, A as S, a as l, b as ae, e as R, o as g, n as w, ac as o, ag as d, r, as as se, k as a, D as te, a7 as N } from "./ChallengeTabs-DRKSY-vH.js";
+import { C as z } from "./types-C1hrKH4R.js";
+import { G as ne } from "./constants-BcSpy2nX.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+var re = a('<div class="challenge-details__skeleton--banner svelte-1v5lraf" aria-busy="true" aria-live="polite"></div>'), ie = a('<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>'), ve = a('<span class="challenge-details__skeleton--box svelte-1v5lraf"></span>'), oe = a('<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 = a('<span class="challenge-details__skeleton--tab svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></span>'), _e = a('<div class="challenge-details__skeleton--tabs svelte-1v5lraf"></div>'), he = a('<span class="challenge-details__skeleton--box challenge-details__skeleton--game svelte-1v5lraf"></span>'), ce = a('<div class="challenge-details__skeleton--games svelte-1v5lraf"></div>'), ge = a('<p class="challenge-details__skeleton--event svelte-1v5lraf"><span class="challenge-details__skeleton--box svelte-1v5lraf"></span></p>'), pe = a('<div class="challenge-details__skeleton--events svelte-1v5lraf"></div>'), fe = a('<span class="challenge-details__skeleton--box svelte-1v5lraf"></span>'), xe = a('<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>'), me = a('<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>'), ke = a('<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>'), ue = a('<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), be = a('<div class="challenge-details__skeleton--levels svelte-1v5lraf"></div>'), we = a('<div class="challenge-details__skeleton--panel svelte-1v5lraf" aria-busy="true" aria-live="polite"><!> <!></div>');
+const ye = {
+  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 Te(L, m) {
+  $(m, !0), ee(L, ye);
+  const k = A(m, "part", 7, "panel"), p = A(m, "activeTab", 7), y = A(m, "showTabs", 7, !0), C = 3, D = 3, W = 2, G = 4, U = 3, V = 3, j = 3, F = 2;
+  var H = {
+    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 = le(), P = I(O);
+  {
+    var Y = (t) => {
+      var v = re();
+      l(t, v);
+    }, B = (t) => {
+      var v = oe(), h = g(w(v), 2);
+      o(h, 21, () => Array(j), d, (f, T) => {
+        var x = ie();
+        l(f, x);
+      }), r(h);
+      var u = g(h, 2);
+      o(u, 21, () => Array(F), d, (f, T) => {
+        var x = ve();
+        l(f, x);
+      }), r(u), se(2), r(v), l(t, v);
+    }, J = (t) => {
+      var v = we(), h = w(v);
+      {
+        var u = (s) => {
+          var e = _e();
+          o(e, 21, () => Array(C), d, (i, c) => {
+            var n = de();
+            l(i, n);
+          }), r(e), l(s, e);
+        };
+        S(h, (s) => {
+          y() && s(u);
+        });
+      }
+      var f = g(h, 2);
+      {
+        var T = (s) => {
+          var e = ce();
+          o(e, 21, () => Array(ne), d, (i, c) => {
+            var n = he();
+            l(i, n);
+          }), r(e), l(s, e);
+        }, x = (s) => {
+          var e = pe();
+          o(e, 21, () => Array(G), d, (i, c) => {
+            var n = ge();
+            l(i, n);
+          }), r(e), l(s, e);
+        }, Z = (s) => {
+          var e = me(), i = w(e);
+          o(i, 21, () => Array(V), d, (n, b) => {
+            var _ = fe();
+            l(n, _);
+          }), r(i);
+          var c = g(i, 6);
+          o(c, 21, () => Array(U), d, (n, b) => {
+            var _ = xe();
+            l(n, _);
+          }), r(c), r(e), l(s, e);
+        }, q = (s) => {
+          var e = be();
+          o(e, 21, () => Array(D), d, (i, c, n) => {
+            var b = ue(), _ = I(b);
+            te(_, 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(W), d, (K, Ee) => {
+              var Q = ke();
+              l(K, Q);
+            }), r(M), r(E), l(i, b);
+          }), r(e), l(s, e);
+        };
+        S(f, (s) => {
+          p() === z.Games ? s(T) : p() === z.Events ? s(x, 1) : p() === z.Rules ? s(Z, 2) : s(q, -1);
+        });
+      }
+      r(v), l(t, v);
+    };
+    S(P, (t) => {
+      k() === "banner" ? t(Y) : k() === "summary" ? t(B, 1) : t(J, -1);
+    });
+  }
+  return l(L, O), ae(H);
+}
+X(Te, { part: {}, activeTab: {}, showTabs: {} }, [], [], { mode: "open" });
+export {
+  Te as C
+};