@everymatrix/player-challenges 0.1.15 → 0.1.19

package/components/ChallengeLevels-CmLntQ0a.js

@@ -0,0 +1,314 @@
+import { c as pe, d as me, h as fe, p as b, w as H, x as ae, v as we, A as e, a1 as _e, W as re, t as B, a as L, b as xe, C as n, _ as be, k as S, e as y, r as u, F as J, B as ne, s as F, X as ie, N as Oe, g as Ae, o as R, a2 as Ge, a3 as De, n as f, m as We, D as le, z as q, i as se, O as Ne, Q as $e, j as Me, l as je, $ as Be, Y as He } from "./ChallengeTabs-DrR1HXiu.js";
+import { L as Fe } from "./LockIcon-B96T_uuy.js";
+import { G as Qe } from "./GiftIcon-B0dDFiN1.js";
+import { T as Xe } from "./TargetIcon-Bv2zPej6.js";
+import { C as Ye } from "./CheckIcon-DlNpzYWO.js";
+import { C as qe } from "./ChevronIcon-BLforcQh.js";
+import { O as D, C as Je } from "./ChallengeProgressItem-3A5VPooB.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+var Ke = S("<div></div>");
+const Ue = {
+  hash: "svelte-1gkzvh",
+  code: ".challenge-progress.svelte-1gkzvh {display:flex;align-items:flex-start;width:100%;}.challenge-progress.horizontal.svelte-1gkzvh {position:relative;flex-direction:row;align-items:center;width:100%;min-width:0;overflow:hidden;flex:1;overflow-x:auto;padding-top:16px;padding-left:4px;}.challenge-progress.vertical.svelte-1gkzvh {flex-direction:column;width:fit-content;}.challenge-progress.synced.svelte-1gkzvh {display:contents;}"
+};
+function ye(k, r) {
+  me(r, !0), fe(k, Ue);
+  const o = b(r, "challenge", 7), i = b(r, "orientation", 23, () => D.vertical), W = b(r, "isExpired", 7, !1), g = b(r, "isPaused", 7, !1), h = b(r, "syncRows", 7, !1), T = b(r, "rowGap", 7, 0), N = b(r, "isAnonymous", 7), _ = n(() => o().LevelProgresses ?? []), Q = n(() => o().Status), X = n(() => !N() && Oe(o())), I = n(() => e(_).length > 0), E = n(() => i() === D.horizontal && e(_).length >= 5), P = n(() => {
+    if (i() !== D.horizontal || !e(_).length) return -1;
+    let t = -1, p = -1;
+    return e(_).forEach((m, A) => {
+      const G = be(m, e(Q));
+      G === "completed" && (t = A), G === "current" && (p = A);
+    }), t >= 0 ? t : p >= 0 ? p : 0;
+  });
+  let x = H(void 0), O = H(ae([]));
+  we(() => {
+    if (!e(x) || e(P) < 0) return;
+    if (e(P) === 0) {
+      e(x).scrollLeft = 0;
+      return;
+    }
+    const t = e(O)[e(P)];
+    t && (e(x).scrollLeft = t.offsetLeft);
+  });
+  var K = {
+    get challenge() {
+      return o();
+    },
+    set challenge(t) {
+      o(t), y();
+    },
+    get orientation() {
+      return i();
+    },
+    set orientation(t = D.vertical) {
+      i(t), y();
+    },
+    get isExpired() {
+      return W();
+    },
+    set isExpired(t = !1) {
+      W(t), y();
+    },
+    get isPaused() {
+      return g();
+    },
+    set isPaused(t = !1) {
+      g(t), y();
+    },
+    get syncRows() {
+      return h();
+    },
+    set syncRows(t = !1) {
+      h(t), y();
+    },
+    get rowGap() {
+      return T();
+    },
+    set rowGap(t = 0) {
+      T(t), y();
+    },
+    get isAnonymous() {
+      return N();
+    },
+    set isAnonymous(t) {
+      N(t), y();
+    }
+  }, v = Ke();
+  let Y;
+  return _e(v, 23, () => e(_), (t) => t.LevelId, (t, p, m) => {
+    {
+      let A = n(() => e(m) === e(_).length - 1), G = n(() => h() ? e(m) + 1 : void 0), l = n(() => e(I) && e(m) === 0);
+      Je(t, {
+        get level() {
+          return e(p);
+        },
+        get nextLevel() {
+          return e(_)[e(m) + 1];
+        },
+        get challengeStatus() {
+          return e(Q);
+        },
+        get isExpired() {
+          return W();
+        },
+        get isPaused() {
+          return g();
+        },
+        get isLast() {
+          return e(A);
+        },
+        get orientation() {
+          return i();
+        },
+        get gridRow() {
+          return e(G);
+        },
+        get showStart() {
+          return e(l);
+        },
+        get optedIn() {
+          return e(X);
+        },
+        get itemEl() {
+          return e(O)[e(m)];
+        },
+        set itemEl(c) {
+          e(O)[e(m)] = c;
+        }
+      });
+    }
+  }), u(v), re(v, (t) => J(x, t), () => e(x)), B(() => {
+    Y = ne(v, 1, "challenge-progress svelte-1gkzvh", null, Y, {
+      horizontal: i() === D.horizontal,
+      vertical: i() === D.vertical,
+      dense: e(E),
+      synced: h()
+    }), F(v, "data-orientation", i()), F(v, "data-dense", e(E)), F(v, "data-synced", h()), ie(v, h() ? `--progress-row-gap: ${T()}px;` : void 0);
+  }), L(k, v), xe(K);
+}
+pe(
+  ye,
+  {
+    challenge: {},
+    orientation: {},
+    isExpired: {},
+    isPaused: {},
+    syncRows: {},
+    rowGap: {},
+    isAnonymous: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+if (typeof window < "u") {
+  let k = function(r) {
+    return function(...o) {
+      try {
+        return r.apply(this, o);
+      } catch (i) {
+        if (i instanceof DOMException && i.message.includes("has already been used with this registry") || i instanceof Error && i.message.includes("Cannot define multiple custom elements with the same tag name"))
+          return !1;
+        throw i;
+      }
+    };
+  };
+  customElements.define = k(customElements.define), import("./ChallengeProgress-BPSQNZFN.js").then((r) => {
+    const o = r.default || r;
+    customElements.get("challenge-progress") || customElements.define("challenge-progress", o.element || o);
+  }).catch((r) => {
+    console.error("BOOT ERROR:", r);
+  });
+}
+var Ve = S('<span class="challenge-details__level-item--icon-completed svelte-g28wmr"><!></span>'), Ze = S('<span class="challenge-details__level-item--icon svelte-g28wmr"><!></span>'), he = S('<li class="challenge-details__level--info-row svelte-g28wmr"><span class="challenge-details__level--info-icon svelte-g28wmr"><!></span> <span class="challenge-details__level--info-value svelte-g28wmr"> </span></li>'), et = S('<button type="button"><!></button>'), tt = S('<div><div class="challenge-details__level-item--header svelte-g28wmr"><span class="challenge-details__level-item--name svelte-g28wmr"> </span> <!></div> <ul class="challenge-details__level--info-list svelte-g28wmr"><!> <!></ul> <!></div>'), lt = S('<div class="challenge-details__levels svelte-g28wmr"><!> <!></div>');
+const st = {
+  hash: "svelte-g28wmr",
+  code: `.challenge-details__levels.svelte-g28wmr {display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:var(--challenge-levels-row-gap, 16px);align-items:stretch;.challenge-details__level--details-item:where(.svelte-g28wmr) {background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));border:1px solid var(--border-default, rgba(251, 251, 251, 0.15));box-sizing:border-box;flex-direction:column;padding:10px;border-radius:6px;gap:16px;display:flex;min-width:0;}.challenge-details__level--details-item.current:where(.svelte-g28wmr) {background:linear-gradient(
+        90deg,
+        color-mix(in srgb, var(--button-primary-bg-default, rgba(255, 204, 0, 0.5)) 50%, transparent) 10%,
+        color-mix(in srgb, var(--alpha-primary-50, rgba(255, 204, 0, 0.25)) 50%, transparent) 100%
+      );border:1px solid var(--border-brand, rgba(255, 204, 0, 1));border-radius:10px;}.challenge-details__level--details-item.completed:where(.svelte-g28wmr) {background:var(--bg-surface-level-0, rgba(1, 23, 55, 1));border:none;}.challenge-details__level-item--header:where(.svelte-g28wmr) {display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0px;gap:6px;flex:none;order:0;flex-grow:1;}.challenge-details__level-item--name:where(.svelte-g28wmr) {color:var(--text-default, rgba(255, 255, 255, 1));font-weight:700;font-size:16px;line-height:22px;letter-spacing:0%;}.challenge-details__level-item--icon:where(.svelte-g28wmr) {fill:var(--icon-subtle, rgba(223, 227, 232, 1));color:var(--icon-subtle, rgba(223, 227, 232, 1));}.challenge-details__level-item--icon-completed:where(.svelte-g28wmr) {color:var(--icon-success, rgba(50, 242, 0, 1));fill:var(--icon-success, rgba(50, 242, 0, 1));}.challenge-details__level--info-list:where(.svelte-g28wmr) {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0;}.challenge-details__level--info-row:where(.svelte-g28wmr) {display:flex;gap:8px;font-size:14px;line-height:1.4;min-width:0;}.challenge-details__level--info-icon:where(.svelte-g28wmr) {flex-shrink:0;color:var(--icon-default, rgba(255, 255, 255, 1));fill:var(--icon-default, rgba(255, 255, 255, 1));}.challenge-details__level--info-value:where(.svelte-g28wmr) {color:var(--text-subtle, rgba(255, 255, 255, 1));font-weight:400;font-size:14px;line-height:140%;letter-spacing:0%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0%;min-width:0;}.challenge-details__level--details-item.expanded:where(.svelte-g28wmr) .challenge-details__level--info-value:where(.svelte-g28wmr) {white-space:normal;overflow:visible;}.challenge-details__level--toggle:where(.svelte-g28wmr) {align-self:center;display:flex;padding:0;border:0;background:transparent;color:var(--icon-subtle, rgba(223, 227, 232, 1));cursor:pointer;transition:transform 0.2s ease;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;&.expanded {transform:rotate(180deg);}&:active {background:transparent;}&:focus:not(:focus-visible) {outline:none;}&:focus-visible {outline:2px solid var(--border-brand, rgba(255, 204, 0, 1));outline-offset:2px;}}
+
+    @media (max-width: 767px) {.challenge-details__level--details-item:where(.svelte-g28wmr) {gap:4px;}
+    }}`
+};
+function at(k, r) {
+  me(r, !0), fe(k, st);
+  const o = () => je(Be, "$_", i), [i, W] = We(), g = b(r, "challengeItem", 7), h = b(r, "isPaused", 7, !1), T = n(() => g()?.LevelProgresses ?? []), N = n(() => g()?.CurrencySymbol ?? ""), _ = n(() => !De(g()?.Status)), Q = n(() => h() || g()?.Status === He.Paused), X = 16;
+  let I = H(ae([])), E = H(ae([])), P = {}, x = {}, O = H(0);
+  const K = (l) => {
+    J(
+      I,
+      e(I).includes(l) ? e(I).filter((c) => c !== l) : [...e(I), l],
+      !0
+    );
+  }, v = (l) => !!l && l.scrollWidth > l.clientWidth, Y = () => {
+    const l = [];
+    for (const { LevelId: w } of e(T)) {
+      if (e(I).includes(w)) {
+        e(E).includes(w) && l.push(w);
+        continue;
+      }
+      (v(P[w]) || v(x[w])) && l.push(w);
+    }
+    (l.length !== e(E).length || l.some((w) => !e(E).includes(w))) && J(E, l, !0);
+  };
+  we(() => {
+    e(O), Y();
+  });
+  var t = {
+    get challengeItem() {
+      return g();
+    },
+    set challengeItem(l) {
+      g(l), y();
+    },
+    get isPaused() {
+      return h();
+    },
+    set isPaused(l = !1) {
+      h(l), y();
+    }
+  }, p = lt();
+  ie(p, `--challenge-levels-row-gap: ${X}px;`);
+  var m = f(p);
+  ye(m, {
+    get challenge() {
+      return g();
+    },
+    orientation: "vertical",
+    get isExpired() {
+      return e(_);
+    },
+    get isPaused() {
+      return h();
+    },
+    syncRows: !0,
+    rowGap: X
+  });
+  var A = R(m, 2);
+  _e(A, 19, () => e(T), (l) => l.LevelId, (l, c, w) => {
+    const oe = n(() => be(e(c), g().Status)), $ = n(() => e(Q) && e(oe) === "current" ? "locked" : e(oe)), ce = n(() => Ne(e(c))), de = n(() => $e(e(c), e(N), o())), U = n(() => e(I).includes(e(c).LevelId)), Ie = n(() => e(E).includes(e(c).LevelId));
+    var M = tt();
+    let ge;
+    var V = f(M), ve = f(V), Ee = le(ve), Le = R(ve, 2);
+    {
+      var ke = (a) => {
+        var s = Ve(), d = f(s);
+        Ye(d, {}), u(s), L(a, s);
+      }, Pe = (a) => {
+        var s = Ze(), d = f(s);
+        Fe(d, {}), u(s), L(a, s);
+      };
+      q(Le, (a) => {
+        e($) === "completed" ? a(ke) : (e($) === "locked" || e($) === "locked-in-progress") && a(Pe, 1);
+      });
+    }
+    u(V);
+    var Z = R(V, 2), ue = f(Z);
+    {
+      var ze = (a) => {
+        var s = he(), d = f(s), j = f(d);
+        Qe(j, {}), u(d);
+        var z = R(d, 2), ee = le(z, !0);
+        re(z, (C, te) => P[te.LevelId] = C, (C) => P?.[C.LevelId], () => [e(c)]), u(s), B(() => se(ee, e(ce))), L(a, s);
+      };
+      q(ue, (a) => {
+        e(ce) && a(ze);
+      });
+    }
+    var Ce = R(ue, 2);
+    {
+      var Re = (a) => {
+        var s = he(), d = f(s), j = f(d);
+        Xe(j, {}), u(d);
+        var z = R(d, 2), ee = le(z, !0);
+        re(z, (C, te) => x[te.LevelId] = C, (C) => x?.[C.LevelId], () => [e(c)]), u(s), B(() => se(ee, e(de))), L(a, s);
+      };
+      q(Ce, (a) => {
+        e(de) && a(Re);
+      });
+    }
+    u(Z);
+    var Se = R(Z, 2);
+    {
+      var Te = (a) => {
+        var s = et();
+        let d;
+        var j = f(s);
+        qe(j, { size: 16 }), u(s), B(
+          (z) => {
+            d = ne(s, 1, "challenge-details__level--toggle svelte-g28wmr", null, d, { expanded: e(U) }), F(s, "aria-expanded", e(U)), F(s, "aria-label", z);
+          },
+          [() => o()("level")]
+        ), Me("click", s, () => K(e(c).LevelId)), L(a, s);
+      };
+      q(Se, (a) => {
+        e(Ie) && a(Te);
+      });
+    }
+    u(M), B(
+      (a) => {
+        ge = ne(M, 1, "challenge-details__level--details-item svelte-g28wmr", null, ge, {
+          current: e($) === "current",
+          completed: e($) === "completed",
+          expanded: e(U)
+        }), ie(M, `grid-row: ${e(w) + 1}; grid-column: 2;`), se(Ee, `${a ?? ""} ${e(c).OrderNumber + 1}`);
+      },
+      [() => o()("level")]
+    ), L(l, M);
+  }), u(p), Ge(p, "clientWidth", (l) => J(O, l)), L(k, p);
+  var G = xe(t);
+  return W(), G;
+}
+Ae(["click"]);
+pe(at, { challengeItem: {}, isPaused: {} }, [], [], { mode: "open" });
+export {
+  at as C,
+  ye as a
+};