@everymatrix/player-challenges 0.1.19 → 0.1.21

package/components/ChallengeSummary-D16-HQmO.js

@@ -0,0 +1,230 @@
+import { c as Te, d as Ae, h as Ge, p as o, N as ne, z as C, o as t, t as I, i as g, A as a, s as Q, a as x, b as Ne, k as S, n as l, l as ze, $ as De, C as m, D as u, O as Be, e as c, m as Ee, P as Fe, r as n, S as He, Q as Me, R as Oe, T as Re, U as Ue, V as Ve, W as Ke, B as Qe, X as We, Y as Xe } from "./ChallengeTabs-ChPgDbCC.js";
+import { B as Ye } from "./Button-BGa9r5z8.js";
+import { G as je } from "./GiftIcon-_250eu0E.js";
+import { L as qe } from "./LinkIcon-BtU9ho_D.js";
+import { S as Je } from "./StarIcon-XvJeT5Kx.js";
+import { T as Ze } from "./TargetIcon-Bk9wDeBq.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+var $e = S("<img/>"), re = S('<li class="challenge-details__summary--info-row svelte-gxb9rk"><span class="challenge-details__summary--info-icon svelte-gxb9rk" aria-hidden="true"><!></span> <span class="challenge-details__summary--info-label svelte-gxb9rk"> </span> <span class="challenge-details__summary--info-value svelte-gxb9rk"> </span></li>'), ea = S('<div class="challenge-details__summary--action svelte-gxb9rk"><!></div>'), aa = S('<div class="challenge-details__summary svelte-gxb9rk"><div class="challenge-details__summary--header svelte-gxb9rk"><!> <h2 class="challenge-details__summary--title svelte-gxb9rk"> </h2></div> <ul class="challenge-details__summary--info-list svelte-gxb9rk"><!> <!> <li class="challenge-details__summary--info-row svelte-gxb9rk"><span class="challenge-details__summary--info-icon svelte-gxb9rk" aria-hidden="true"><!></span> <span class="challenge-details__summary--info-label svelte-gxb9rk"> </span> <span class="challenge-details__summary--info-value svelte-gxb9rk"> </span></li></ul> <p class="challenge-details__summary--terms svelte-gxb9rk"><a class="challenge-details__summary--terms-link svelte-gxb9rk" target="_blank" rel="noopener noreferrer"> <span class="challenge-details__summary--terms-icon svelte-gxb9rk" aria-hidden="true"><!></span></a> <span class="challenge-details__summary--terms-note"> </span></p> <!></div>');
+const sa = {
+  hash: "svelte-gxb9rk",
+  code: ".challenge-details__summary.svelte-gxb9rk {display:flex;flex-direction:column;gap:12px;min-width:0;.challenge-details__summary--title:where(.svelte-gxb9rk) {margin:0;font-size:16px;font-weight:700;line-height:22px;color:var(--text-default, rgba(255, 255, 255, 1));}.challenge-details__summary--info-list:where(.svelte-gxb9rk) {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;}.challenge-details__summary--info-row:where(.svelte-gxb9rk) {display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;}.challenge-details__summary--info-icon:where(.svelte-gxb9rk) {display:flex;align-items:center;height:1.4em;flex-shrink:0;color:var(--icon-subtle, rgba(223, 227, 232, 1));}.challenge-details__summary--info-label:where(.svelte-gxb9rk) {flex-shrink:0;color:var(--text-subtle, rgba(223, 227, 232, 1));}.challenge-details__summary--info-value:where(.svelte-gxb9rk) {color:var(--text-brand, rgba(255, 204, 0, 1));}.challenge-details__summary--terms:where(.svelte-gxb9rk) {margin:0;font-size:11px;line-height:1.5;color:var(--text-subtle, rgba(223, 227, 232, 1));}.challenge-details__summary--terms-link:where(.svelte-gxb9rk) {display:inline-flex;align-items:center;gap:4px;margin-right:4px;color:var(--semantic-info-400, rgba(0, 156, 245, 1));text-decoration:none;border-bottom:1px solid currentColor;}.challenge-details__summary--terms-icon:where(.svelte-gxb9rk) {display:flex;}.challenge-details__summary--action:where(.svelte-gxb9rk) {display:flex;.challenge-button {width:100%;}}.challenge-details__summary--header:where(.svelte-gxb9rk) {display:flex;align-items:flex-start;gap:6px;}}"
+};
+function ta(W, r) {
+  Ae(r, !0), Ge(W, sa);
+  const _ = () => ze(De, "$_", ie), [ie, oe] = Ee(), i = o(r, "challengeItem", 7), w = o(r, "endpoint", 7, ""), P = o(r, "domainId", 7, ""), p = o(r, "userSession", 7, ""), f = o(r, "userId", 7, ""), L = o(r, "locale", 7, "en"), b = o(r, "isPromo", 7, !1), T = o(r, "isPaused", 7, !1), A = o(r, "onStatusChange", 7), G = o(r, "onClaimed", 7), N = o(r, "onLaunchGame", 7), z = m(() => i().ChallengePresentation), D = m(() => i().LevelProgresses ?? []), X = m(() => !p() && !f()), ce = m(() => !a(X) && Fe(i())), Y = m(() => Ke(i())), j = m(() => Oe(a(Y))), q = m(() => b() ? Re(i(), _()) : Ue(a(Y), i().CurrencySymbol ?? "", _())), me = m(() => a(ce) ? _()("levelProgress", {
+    values: {
+      current: Be(a(D)),
+      total: a(D).length
+    }
+  }) : String(a(D).length)), v = m(() => Ve(i(), {
+    isPromo: b(),
+    isPaused: T(),
+    isAuthorized: !a(X)
+  })), J = Xe(() => ({
+    endpoint: w(),
+    domainId: P(),
+    userSession: p(),
+    userId: f(),
+    onStatusChange: A(),
+    onClaimed: G()
+  })), de = () => {
+    if (a(v).kind === "launchGame") {
+      N()?.();
+      return;
+    }
+    J.run(a(v).kind, i());
+  }, ge = {
+    [ne.Casino]: {
+      className: "challenge-details__summary__icon--casino",
+      src: Me,
+      alt: "casino"
+    },
+    [ne.Sportsbook]: {
+      className: "challenge-details__summary__icon--sportsbook",
+      src: He,
+      alt: "sportsbook"
+    }
+  }, y = m(() => ge[i().ContributedFrom]);
+  var ue = {
+    get challengeItem() {
+      return i();
+    },
+    set challengeItem(e) {
+      i(e), c();
+    },
+    get endpoint() {
+      return w();
+    },
+    set endpoint(e = "") {
+      w(e), c();
+    },
+    get domainId() {
+      return P();
+    },
+    set domainId(e = "") {
+      P(e), c();
+    },
+    get userSession() {
+      return p();
+    },
+    set userSession(e = "") {
+      p(e), c();
+    },
+    get userId() {
+      return f();
+    },
+    set userId(e = "") {
+      f(e), c();
+    },
+    get locale() {
+      return L();
+    },
+    set locale(e = "en") {
+      L(e), c();
+    },
+    get isPromo() {
+      return b();
+    },
+    set isPromo(e = !1) {
+      b(e), c();
+    },
+    get isPaused() {
+      return T();
+    },
+    set isPaused(e = !1) {
+      T(e), c();
+    },
+    get onStatusChange() {
+      return A();
+    },
+    set onStatusChange(e) {
+      A(e), c();
+    },
+    get onClaimed() {
+      return G();
+    },
+    set onClaimed(e) {
+      G(e), c();
+    },
+    get onLaunchGame() {
+      return N();
+    },
+    set onLaunchGame(e) {
+      N(e), c();
+    }
+  }, B = aa(), E = l(B), Z = l(E);
+  {
+    var _e = (e) => {
+      var s = $e();
+      I(() => {
+        Qe(s, 1, We(a(y).className), "svelte-gxb9rk"), Q(s, "src", a(y).src), Q(s, "alt", a(y).alt);
+      }), x(e, s);
+    };
+    C(Z, (e) => {
+      a(y) && e(_e);
+    });
+  }
+  var ve = t(Z, 2), he = u(ve, !0);
+  n(E);
+  var F = t(E, 2), $ = l(F);
+  {
+    var xe = (e) => {
+      var s = re(), d = l(s), O = l(d);
+      je(O, {}), n(d);
+      var h = t(d, 2), R = u(h), U = t(h, 2), V = u(U, !0);
+      n(s), I(
+        (K) => {
+          g(R, `${K ?? ""}:`), g(V, a(j));
+        },
+        [() => _()("get")]
+      ), x(e, s);
+    };
+    C($, (e) => {
+      a(j) && e(xe);
+    });
+  }
+  var ee = t($, 2);
+  {
+    var pe = (e) => {
+      var s = re(), d = l(s), O = l(d);
+      Ze(O, {}), n(d);
+      var h = t(d, 2), R = u(h), U = t(h, 2), V = u(U, !0);
+      n(s), I(
+        (K) => {
+          g(R, `${K ?? ""}:`), g(V, a(q));
+        },
+        [() => _()("Condition")]
+      ), x(e, s);
+    };
+    C(ee, (e) => {
+      a(q) && e(pe);
+    });
+  }
+  var ae = t(ee, 2), H = l(ae), fe = l(H);
+  Je(fe, {}), n(H);
+  var se = t(H, 2), be = u(se), ye = t(se, 2), ke = u(ye, !0);
+  n(ae), n(F);
+  var M = t(F, 2), k = l(M), te = l(k), le = t(te), Ce = l(le);
+  qe(Ce, {}), n(le), n(k);
+  var Ie = t(k, 2), Se = u(Ie, !0);
+  n(M);
+  var we = t(M, 2);
+  {
+    var Pe = (e) => {
+      var s = ea(), d = l(s);
+      Ye(d, {
+        get text() {
+          return a(v).labelKey;
+        },
+        get variant() {
+          return a(v).variant;
+        },
+        get disabled() {
+          return J.loading;
+        },
+        get locale() {
+          return L();
+        },
+        onclick: de
+      }), n(s), x(e, s);
+    };
+    C(we, (e) => {
+      a(v).kind !== "viewDetails" && e(Pe);
+    });
+  }
+  n(B), I(
+    (e, s) => {
+      g(he, a(z)?.PresentationName), g(be, `${e ?? ""}:`), g(ke, a(me)), Q(k, "href", a(z).Url), g(te, `${s ?? ""} `), g(Se, a(z).SignificantCondition);
+    },
+    [() => _()("levels"), () => _()("termsAndConditions")]
+  ), x(W, B);
+  var Le = Ne(ue);
+  return oe(), Le;
+}
+Te(
+  ta,
+  {
+    challengeItem: {},
+    endpoint: {},
+    domainId: {},
+    userSession: {},
+    userId: {},
+    locale: {},
+    isPromo: {},
+    isPaused: {},
+    onStatusChange: {},
+    onClaimed: {},
+    onLaunchGame: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+export {
+  ta as C
+};