@everymatrix/player-challenges 0.1.13 → 0.1.14

package/components/ChallengeLevels-DE-zA5YQ.js

@@ -0,0 +1,306 @@
+import { c as de, d as ge, h as ve, p as T, v as J, w as le, q as he, z as e, T as pe, P as ae, t as q, a as x, b as ue, B as n, S as me, j as I, e as S, r as o, D as V, A as se, s as K, Q as re, I as Ce, g as Re, n as R, U as Te, V as Se, k as h, m as Oe, y as H, i as te, J as Ge, K as Ae, O as $e, G as Pe, l as De, $ as We } from "./ChallengeTabs-BQfHWZ-v.js";
+import { L as Me } from "./LockIcon-DaWR3qRf.js";
+import { G as Ne } from "./GiftIcon-BsTOo4xA.js";
+import { T as je } from "./TargetIcon-H8pStACk.js";
+import { C as Be } from "./CheckIcon-7SG6lvDK.js";
+import { C as He } from "./ChevronIcon-sZFDp9-r.js";
+import { O as P, C as qe } from "./ChallengeProgressItem-DMuqRQ94.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+var Je = I("<div></div>");
+const Ke = {
+  hash: "svelte-1gkzvh",
+  code: ".challenge-progress.svelte-1gkzvh {display:flex;align-items:flex-start;width:100%;padding:8px 0;}.challenge-progress.horizontal.svelte-1gkzvh {flex-direction:row;align-items:center;width:100%;min-width:0;overflow:hidden;flex:1;overflow-x:auto;padding-top:12px;padding-left:5px;height:75px;}.challenge-progress.vertical.svelte-1gkzvh {flex-direction:column;width:fit-content;}.challenge-progress.synced.svelte-1gkzvh {display:contents;}"
+};
+function fe(E, r) {
+  ge(r, !0), ve(E, Ke);
+  const c = T(r, "challenge", 7), i = T(r, "orientation", 23, () => P.vertical), D = T(r, "isExpired", 7, !1), d = T(r, "syncRows", 7, !1), O = T(r, "rowGap", 7, 0), W = T(r, "isAnonymous", 7), _ = n(() => c().LevelProgresses ?? []), M = n(() => c().Status), b = n(() => !W() && Ce(c())), k = n(() => e(_).length > 0), G = n(() => i() === P.horizontal && e(_).length >= 5), A = n(() => {
+    if (i() !== P.horizontal || !e(_).length) return -1;
+    let t = -1, y = -1;
+    return e(_).forEach((f, $) => {
+      const l = me(f, e(M));
+      l === "completed" && (t = $), l === "current" && (y = $);
+    }), t >= 0 ? t : y >= 0 ? y : 0;
+  });
+  let L = J(void 0), N = J(le([]));
+  he(() => {
+    const t = e(A) >= 0 ? e(N)[e(A)] : void 0;
+    !e(L) || !t || (e(L).scrollLeft = t.offsetLeft);
+  });
+  var Q = {
+    get challenge() {
+      return c();
+    },
+    set challenge(t) {
+      c(t), S();
+    },
+    get orientation() {
+      return i();
+    },
+    set orientation(t = P.vertical) {
+      i(t), S();
+    },
+    get isExpired() {
+      return D();
+    },
+    set isExpired(t = !1) {
+      D(t), S();
+    },
+    get syncRows() {
+      return d();
+    },
+    set syncRows(t = !1) {
+      d(t), S();
+    },
+    get rowGap() {
+      return O();
+    },
+    set rowGap(t = 0) {
+      O(t), S();
+    },
+    get isAnonymous() {
+      return W();
+    },
+    set isAnonymous(t) {
+      W(t), S();
+    }
+  }, m = Je();
+  let U;
+  return pe(m, 23, () => e(_), (t) => t.LevelId, (t, y, f) => {
+    {
+      let $ = n(() => e(f) === e(_).length - 1), l = n(() => d() ? e(f) + 1 : void 0), g = n(() => e(k) && e(f) === 0);
+      qe(t, {
+        get level() {
+          return e(y);
+        },
+        get nextLevel() {
+          return e(_)[e(f) + 1];
+        },
+        get challengeStatus() {
+          return e(M);
+        },
+        get isExpired() {
+          return D();
+        },
+        get isLast() {
+          return e($);
+        },
+        get orientation() {
+          return i();
+        },
+        get gridRow() {
+          return e(l);
+        },
+        get showStart() {
+          return e(g);
+        },
+        get optedIn() {
+          return e(b);
+        },
+        get itemEl() {
+          return e(N)[e(f)];
+        },
+        set itemEl(u) {
+          e(N)[e(f)] = u;
+        }
+      });
+    }
+  }), o(m), ae(m, (t) => V(L, t), () => e(L)), q(() => {
+    U = se(m, 1, "challenge-progress svelte-1gkzvh", null, U, {
+      horizontal: i() === P.horizontal,
+      vertical: i() === P.vertical,
+      dense: e(G),
+      synced: d()
+    }), K(m, "data-orientation", i()), K(m, "data-dense", e(G)), K(m, "data-synced", d()), re(m, d() ? `--progress-row-gap: ${O()}px;` : void 0);
+  }), x(E, m), ue(Q);
+}
+de(
+  fe,
+  {
+    challenge: {},
+    orientation: {},
+    isExpired: {},
+    syncRows: {},
+    rowGap: {},
+    isAnonymous: {}
+  },
+  [],
+  [],
+  !0
+);
+if (typeof window < "u") {
+  let E = function(r) {
+    return function(...c) {
+      try {
+        return r.apply(this, c);
+      } 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 = E(customElements.define), import("./ChallengeProgress-Bz00FfdW.js").then((r) => {
+    const c = r.default || r;
+    customElements.get("challenge-progress") || customElements.define("challenge-progress", c.element || c);
+  }).catch((r) => {
+    console.error("BOOT ERROR:", r);
+  });
+}
+var Qe = I('<span class="challenge-details__level-item--icon-completed svelte-g28wmr"><!></span>'), Ue = I('<span class="challenge-details__level-item--icon svelte-g28wmr"><!></span>'), Ve = I('<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>'), Fe = I('<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>'), Xe = I('<button type="button"><!></button>'), Ye = I('<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>'), Ze = I('<div class="challenge-details__levels svelte-g28wmr"><!> <!></div>');
+const et = {
+  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,
+        var(--button-primary-bg-default, rgba(255, 204, 0, 0.5)) 0%,
+        var(--color-overlay-primary-5, rgba(255, 204, 0, 0.25)) 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-subtle, rgba(223, 227, 232, 1));fill:var(--icon-subtle, rgba(223, 227, 232, 1));}.challenge-details__level--info-value:where(.svelte-g28wmr) {color:var(--text-default, 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 tt(E, r) {
+  ge(r, !0), ve(E, et);
+  const c = () => De(We, "$_", i), [i, D] = Oe(), d = T(r, "challengeItem", 7), O = n(() => d()?.LevelProgresses ?? []), W = n(() => d()?.CurrencySymbol ?? ""), _ = n(() => !Se(d()?.Status)), M = 16;
+  let b = J(le([])), k = J(le([])), G = {}, A = {}, L = J(0);
+  const N = (l) => {
+    V(
+      b,
+      e(b).includes(l) ? e(b).filter((g) => g !== l) : [...e(b), l],
+      !0
+    );
+  }, Q = (l) => !!l && l.scrollWidth > l.clientWidth, m = () => {
+    const l = [];
+    for (const { LevelId: u } of e(O)) {
+      if (e(b).includes(u)) {
+        e(k).includes(u) && l.push(u);
+        continue;
+      }
+      (Q(G[u]) || Q(A[u])) && l.push(u);
+    }
+    (l.length !== e(k).length || l.some((u) => !e(k).includes(u))) && V(k, l, !0);
+  };
+  he(() => {
+    e(L), m();
+  });
+  var U = {
+    get challengeItem() {
+      return d();
+    },
+    set challengeItem(l) {
+      d(l), S();
+    }
+  }, t = Ze();
+  re(t, `--challenge-levels-row-gap: ${M}px;`);
+  var y = h(t);
+  fe(y, {
+    get challenge() {
+      return d();
+    },
+    orientation: "vertical",
+    get isExpired() {
+      return e(_);
+    },
+    syncRows: !0,
+    rowGap: M
+  });
+  var f = R(y, 2);
+  pe(f, 19, () => e(O), (l) => l.LevelId, (l, g, u) => {
+    const j = n(() => me(e(g), d().Status)), ne = n(() => Ge(e(g))), ie = n(() => Ae(e(g), e(W), c())), F = n(() => e(b).includes(e(g).LevelId)), _e = n(() => e(k).includes(e(g).LevelId));
+    var B = Ye();
+    let oe;
+    var X = h(B), Y = h(X), we = h(Y);
+    o(Y);
+    var xe = R(Y, 2);
+    {
+      var be = (s) => {
+        var a = Qe(), v = h(a);
+        Be(v, {}), o(a), x(s, a);
+      }, ye = (s) => {
+        var a = $e(), v = Pe(a);
+        {
+          var z = (p) => {
+            var C = Ue(), w = h(C);
+            Me(w, {}), o(C), x(p, C);
+          };
+          H(
+            v,
+            (p) => {
+              (e(j) === "locked" || e(j) === "locked-in-progress") && p(z);
+            },
+            !0
+          );
+        }
+        x(s, a);
+      };
+      H(xe, (s) => {
+        e(j) === "completed" ? s(be) : s(ye, !1);
+      });
+    }
+    o(X);
+    var Z = R(X, 2), ce = h(Z);
+    {
+      var Ie = (s) => {
+        var a = Ve(), v = h(a), z = h(v);
+        Ne(z, {}), o(v);
+        var p = R(v, 2), C = h(p, !0);
+        o(p), ae(p, (w, ee) => G[ee.LevelId] = w, (w) => G?.[w.LevelId], () => [e(g)]), o(a), q(() => te(C, e(ne))), x(s, a);
+      };
+      H(ce, (s) => {
+        e(ne) && s(Ie);
+      });
+    }
+    var Ee = R(ce, 2);
+    {
+      var ke = (s) => {
+        var a = Fe(), v = h(a), z = h(v);
+        je(z, {}), o(v);
+        var p = R(v, 2), C = h(p, !0);
+        o(p), ae(p, (w, ee) => A[ee.LevelId] = w, (w) => A?.[w.LevelId], () => [e(g)]), o(a), q(() => te(C, e(ie))), x(s, a);
+      };
+      H(Ee, (s) => {
+        e(ie) && s(ke);
+      });
+    }
+    o(Z);
+    var Le = R(Z, 2);
+    {
+      var ze = (s) => {
+        var a = Xe();
+        let v;
+        a.__click = () => N(e(g).LevelId);
+        var z = h(a);
+        He(z, { size: 16 }), o(a), q(
+          (p) => {
+            v = se(a, 1, "challenge-details__level--toggle svelte-g28wmr", null, v, { expanded: e(F) }), K(a, "aria-expanded", e(F)), K(a, "aria-label", p);
+          },
+          [() => c()("level")]
+        ), x(s, a);
+      };
+      H(Le, (s) => {
+        e(_e) && s(ze);
+      });
+    }
+    o(B), q(
+      (s) => {
+        oe = se(B, 1, "challenge-details__level--details-item svelte-g28wmr", null, oe, {
+          current: e(j) === "current",
+          completed: e(j) === "completed",
+          expanded: e(F)
+        }), re(B, `grid-row: ${e(u) + 1}; grid-column: 2;`), te(we, `${s ?? ""} ${e(g).OrderNumber + 1}`);
+      },
+      [() => c()("level")]
+    ), x(l, B);
+  }), o(t), Te(t, "clientWidth", (l) => V(L, l)), x(E, t);
+  var $ = ue(U);
+  return D(), $;
+}
+Re(["click"]);
+de(tt, { challengeItem: {} }, [], [], !0);
+export {
+  tt as C,
+  fe as a
+};