@everymatrix/player-challenges 0.1.20 → 0.1.22

package/components/ChallengeRules-BSaFEII2.cjs

@@ -0,0 +1 @@
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-CKQzoa1j.cjs"),$=require("./ExistIcon-CXA8Fxkn.cjs");var ee=e.from_html('<div class="challenge-details__rules--opt-out svelte-u7ayhp"><span> </span> <button class="challenge-details__rules--opt-out-button svelte-u7ayhp"> <span class="challenge-details__rules--opt-out-icon svelte-u7ayhp"><!></span></button></div>'),K=e.from_html('<div class="challenge-details__rules--details-item svelte-u7ayhp"><span> </span> <span> </span></div>'),te=e.from_html('<div class="challenge-details__rules svelte-u7ayhp"><div class="challenge-details__rules--general-description"> </div> <span class="challenge-details__rules--terms-link svelte-u7ayhp"> </span> <!> <div class="challenge-details__rules--details svelte-u7ayhp"><!> <div class="challenge-details__rules--details-item svelte-u7ayhp"><span> </span> <span> </span></div> <!></div></div>');const se={hash:"svelte-u7ayhp",code:".challenge-details__rules.svelte-u7ayhp {display:flex;flex-direction:column;align-items:flex-start;padding:0px 12px;color:var(--text-subtle, rgba(255, 255, 255, 1));font-weight:400;font-size:12px;line-height:18px;.challenge-details__rules--terms-link:where(.svelte-u7ayhp) {font-weight:400;font-size:12px;line-height:18px;letter-spacing:0%;vertical-align:middle;color:var(--button-primary-bg-default, rgba(255, 204, 0, 1));margin:32px 0;}.challenge-details__rules--opt-out:where(.svelte-u7ayhp) {display:flex;flex-direction:column;}.challenge-details__rules--opt-out-button:where(.svelte-u7ayhp) {font-weight:700;font-size:12px;line-height:15px;display:flex;text-transform:uppercase;color:var(--text-info, rgba(110, 181, 255, 1));background:transparent;border:none;padding:14px 0;cursor:pointer;&:disabled {cursor:default;}}.challenge-details__rules--opt-out-icon:where(.svelte-u7ayhp) {margin-left:8px;color:var(--icon-subtle, rgba(223, 227, 232, 1));}.challenge-details__rules--details:where(.svelte-u7ayhp) {display:flex;flex-direction:column;gap:18px;}.challenge-details__rules--details-item:where(.svelte-u7ayhp) {display:flex;flex-direction:column;}}"};function M(x,i){e.push(i,!0),e.append_styles(x,se);const a=()=>e.store_get(e.$format,"$_",R),[R,D]=e.setup_stores(),n=e.prop(i,"challengeItem",7),p=e.prop(i,"endpoint",7),g=e.prop(i,"domainId",7),h=e.prop(i,"userSession",7),_=e.prop(i,"userId",7),f=e.prop(i,"onStatusChange",7),b=e.user_derived(()=>n().ChallengePresentation),F=e.user_derived(()=>e.get(b).RulesDescription),C=e.user_derived(()=>e.getContributionTypeKey(n().ContributedBy)),L=e.user_derived(()=>e.getContributeToKey(n().IsContributeToOne)),S=e.user_derived(()=>e.getRecurrenceKey(n().Recurrence?.Type));let v=e.state(!1),I=e.state(!1);const O=e.user_derived(()=>(!!h()||!!_())&&!e.get(I)&&n().Status!==e.ChallengeProgressStatus.Started&&n().Status!==e.ChallengeProgressStatus.Awaiting&&!e.isChallengeFinished(n().Status)),z=async()=>{if(!(!p()||!g()||e.get(v)||!e.get(O))){e.set(v,!0);try{await e.optOutChallenge({endpoint:p(),domainId:g(),sessionId:h(),userId:_()??"",challengeId:n().ChallengeId}),e.set(I,!0),f()?.(n().Id,e.ChallengeProgressStatus.Forfeited),e.sendChallengeActionSuccess(e.ChallengeAction.OptOut)}catch(t){const s=t instanceof e.ChallengeApiError?t.errorCode:null,l=t instanceof Error?t.message:String(t);e.sendChallengeActionFail(e.ChallengeAction.OptOut,l,s??void 0)}finally{e.set(v,!1)}}},N=()=>{e.sendOptOutClicked(n().ChallengeId,e.get(b)?.PresentationName??"",e.getChallengeStatusName(n()))};e.user_effect(()=>{const t=s=>{s.data?.type===e.OPT_OUT_CONFIRMED_MESSAGE&&z()};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});var q={get challengeItem(){return n()},set challengeItem(t){n(t),e.flushSync()},get endpoint(){return p()},set endpoint(t){p(t),e.flushSync()},get domainId(){return g()},set domainId(t){g(t),e.flushSync()},get userSession(){return h()},set userSession(t){h(t),e.flushSync()},get userId(){return _()},set userId(t){_(t),e.flushSync()},get onStatusChange(){return f()},set onStatusChange(t){f(t),e.flushSync()}},y=te(),T=e.child(y),H=e.only_child(T,!0),w=e.sibling(T,2),B=e.only_child(w,!0),E=e.sibling(w,2);{var G=t=>{var s=ee(),l=e.child(s),u=e.only_child(l,!0),r=e.sibling(l,2),o=e.child(r),d=e.sibling(o),c=e.child(d);$.ExistIcon(c,{}),e.reset(d),e.reset(r),e.reset(s),e.template_effect((Y,Z)=>{e.set_text(u,Y),r.disabled=e.get(v),e.set_text(o,`${Z??""} `)},[()=>a()("optOutDescription"),()=>a()("optOut")]),e.delegated("click",r,N),e.append(t,s)};e.if_block(E,t=>{e.get(O)&&t(G)})}var k=e.sibling(E,2),A=e.child(k);{var U=t=>{var s=K(),l=e.child(s),u=e.only_child(l,!0),r=e.sibling(l,2),o=e.only_child(r,!0);e.reset(s),e.template_effect((d,c)=>{e.set_text(u,d),e.set_text(o,c)},[()=>a()("contributionType"),()=>a()(e.get(C))]),e.append(t,s)};e.if_block(A,t=>{e.get(C)&&t(U)})}var m=e.sibling(A,2),P=e.child(m),j=e.only_child(P,!0),J=e.sibling(P,2),Q=e.only_child(J,!0);e.reset(m);var V=e.sibling(m,2);{var W=t=>{var s=K(),l=e.child(s),u=e.only_child(l,!0),r=e.sibling(l,2),o=e.only_child(r,!0);e.reset(s),e.template_effect((d,c)=>{e.set_text(u,d),e.set_text(o,c)},[()=>a()("recurrence"),()=>a()(e.get(S))]),e.append(t,s)};e.if_block(V,t=>{e.get(S)&&t(W)})}e.reset(k),e.reset(y),e.template_effect((t,s,l)=>{e.set_text(H,e.get(F)),e.set_text(B,t),e.set_text(j,s),e.set_text(Q,l)},[()=>a()("readFullTermsAndCond"),()=>a()("contributeTo"),()=>a()(e.get(L))]),e.append(x,y);var X=e.pop(q);return D(),X}e.delegate(["click"]);e.create_custom_element(M,{challengeItem:{},endpoint:{},domainId:{},userSession:{},userId:{},onStatusChange:{}},[],[],{mode:"open"});exports.ChallengeRules=M;

package/components/{ChallengeRules-Cd4G_z7I.js → ChallengeRules-C-um3eWg.js}

@@ -1,21 +1,21 @@
-import { g as he, c as ve, d as _e, h as fe, p as v, v as me, ag as ye, o as l, z as D, t as S, A as n, i as r, a as w, b as xe, F as K, ah as be, a2 as T, ai as Ce, aj as $, ak as Ie, al as Oe, k as M, n as u, l as Se, $ as we, C as _, am as Te, D as o, e as f, m as Ee, w as q, r as c, an as ke, ao as Ae, j as De, ap as Ke, ad as Me } from "./ChallengeTabs-DJMMrYac.js";
-import { E as Fe } from "./ExistIcon-D4vwoDrn.js";
+import { g as he, c as ve, d as _e, h as fe, p as v, v as me, aj as ye, o as l, x as A, t as S, y as s, i as r, a as w, b as xe, L as K, ak as be, a5 as M, al as Ce, am as $, an as Ie, ao as Oe, k as D, n as d, l as Se, $ as we, A as _, ap as Te, B as o, e as f, m as Ee, N as J, aq as ke, r as c, ar as Ae, as as Ke, j as Me, at as De, ag as Fe } from "./ChallengeTabs-CLpDSk-K.js";
+import { E as Le } from "./ExistIcon-DhizbcjA.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
 }, whenDefined() {
 } });
-var Pe = M('<div class="challenge-details__rules--opt-out svelte-u7ayhp"><span> </span> <button class="challenge-details__rules--opt-out-button svelte-u7ayhp"> <span class="challenge-details__rules--opt-out-icon svelte-u7ayhp"><!></span></button></div>'), J = M('<div class="challenge-details__rules--details-item svelte-u7ayhp"><span> </span> <span> </span></div>'), Re = M('<div class="challenge-details__rules svelte-u7ayhp"><div class="challenge-details__rules--general-description"> </div> <span class="challenge-details__rules--terms-link svelte-u7ayhp"> </span> <!> <div class="challenge-details__rules--details svelte-u7ayhp"><!> <div class="challenge-details__rules--details-item svelte-u7ayhp"><span> </span> <span> </span></div> <!></div></div>');
-const ze = {
+var Pe = D('<div class="challenge-details__rules--opt-out svelte-u7ayhp"><span> </span> <button class="challenge-details__rules--opt-out-button svelte-u7ayhp"> <span class="challenge-details__rules--opt-out-icon svelte-u7ayhp"><!></span></button></div>'), Q = D('<div class="challenge-details__rules--details-item svelte-u7ayhp"><span> </span> <span> </span></div>'), Re = D('<div class="challenge-details__rules svelte-u7ayhp"><div class="challenge-details__rules--general-description"> </div> <span class="challenge-details__rules--terms-link svelte-u7ayhp"> </span> <!> <div class="challenge-details__rules--details svelte-u7ayhp"><!> <div class="challenge-details__rules--details-item svelte-u7ayhp"><span> </span> <span> </span></div> <!></div></div>');
+const Ne = {
   hash: "svelte-u7ayhp",
   code: ".challenge-details__rules.svelte-u7ayhp {display:flex;flex-direction:column;align-items:flex-start;padding:0px 12px;color:var(--text-subtle, rgba(255, 255, 255, 1));font-weight:400;font-size:12px;line-height:18px;.challenge-details__rules--terms-link:where(.svelte-u7ayhp) {font-weight:400;font-size:12px;line-height:18px;letter-spacing:0%;vertical-align:middle;color:var(--button-primary-bg-default, rgba(255, 204, 0, 1));margin:32px 0;}.challenge-details__rules--opt-out:where(.svelte-u7ayhp) {display:flex;flex-direction:column;}.challenge-details__rules--opt-out-button:where(.svelte-u7ayhp) {font-weight:700;font-size:12px;line-height:15px;display:flex;text-transform:uppercase;color:var(--text-info, rgba(110, 181, 255, 1));background:transparent;border:none;padding:14px 0;cursor:pointer;&:disabled {cursor:default;}}.challenge-details__rules--opt-out-icon:where(.svelte-u7ayhp) {margin-left:8px;color:var(--icon-subtle, rgba(223, 227, 232, 1));}.challenge-details__rules--details:where(.svelte-u7ayhp) {display:flex;flex-direction:column;gap:18px;}.challenge-details__rules--details-item:where(.svelte-u7ayhp) {display:flex;flex-direction:column;}}"
 };
-function Le(F, p) {
-  _e(p, !0), fe(F, ze);
-  const i = () => Se(we, "$_", Q), [Q, V] = Ee(), a = v(p, "challengeItem", 7), x = v(p, "endpoint", 7), b = v(p, "domainId", 7), C = v(p, "userSession", 7), I = v(p, "userId", 7), E = v(p, "onStatusChange", 7), P = _(() => a().ChallengePresentation), W = _(() => n(P).RulesDescription), R = _(() => ke(a().ContributedBy)), X = _(() => Te(a().IsContributeToOne)), z = _(() => Ae(a().Recurrence?.Type));
-  let O = q(!1), L = q(!1);
-  const Y = _(() => (!!C() || !!I()) && !n(L) && a().Status !== T.Started && a().Status !== T.Awaiting && a().Status !== T.Expired), Z = async () => {
-    if (!(!x() || !b() || n(O))) {
+function ze(F, p) {
+  _e(p, !0), fe(F, Ne);
+  const i = () => Se(we, "$_", V), [V, W] = Ee(), a = v(p, "challengeItem", 7), x = v(p, "endpoint", 7), b = v(p, "domainId", 7), C = v(p, "userSession", 7), I = v(p, "userId", 7), T = v(p, "onStatusChange", 7), L = _(() => a().ChallengePresentation), X = _(() => s(L).RulesDescription), P = _(() => Ae(a().ContributedBy)), Y = _(() => Te(a().IsContributeToOne)), R = _(() => Ke(a().Recurrence?.Type));
+  let O = J(!1), N = J(!1);
+  const z = _(() => (!!C() || !!I()) && !s(N) && a().Status !== M.Started && a().Status !== M.Awaiting && !ke(a().Status)), Z = async () => {
+    if (!(!x() || !b() || s(O) || !s(z))) {
       K(O, !0);
       try {
         await be({
@@ -24,16 +24,16 @@ function Le(F, p) {
           sessionId: C(),
           userId: I() ?? "",
           challengeId: a().ChallengeId
-        }), K(L, !0), E()?.(a().Id, T.Forfeited), Ce($.OptOut);
+        }), K(N, !0), T()?.(a().Id, M.Forfeited), Ce($.OptOut);
       } catch (e) {
-        const t = e instanceof Ie ? e.errorCode : null, s = e instanceof Error ? e.message : String(e);
-        Oe($.OptOut, s, t ?? void 0);
+        const t = e instanceof Ie ? e.errorCode : null, n = e instanceof Error ? e.message : String(e);
+        Oe($.OptOut, n, t ?? void 0);
       } finally {
         K(O, !1);
       }
     }
   }, ee = () => {
-    Ke(a().ChallengeId, n(P)?.PresentationName ?? "", Me(a()));
+    De(a().ChallengeId, s(L)?.PresentationName ?? "", Fe(a()));
   };
   me(() => {
     const e = (t) => {
@@ -73,77 +73,77 @@ function Le(F, p) {
       I(e), f();
     },
     get onStatusChange() {
-      return E();
+      return T();
     },
     set onStatusChange(e) {
-      E(e), f();
+      T(e), f();
     }
-  }, k = Re(), N = u(k), ae = o(N, !0), j = l(N, 2), se = o(j, !0), H = l(j, 2);
+  }, E = Re(), j = d(E), ae = o(j, !0), B = l(j, 2), se = o(B, !0), H = l(B, 2);
   {
     var ne = (e) => {
-      var t = Pe(), s = u(t), m = o(s, !0), d = l(s, 2), g = u(d), h = l(g), y = u(h);
-      Fe(y, {}), c(h), c(d), c(t), S(
+      var t = Pe(), n = d(t), m = o(n, !0), u = l(n, 2), g = d(u), h = l(g), y = d(h);
+      Le(y, {}), c(h), c(u), c(t), S(
         (pe, ge) => {
-          r(m, pe), d.disabled = n(O), r(g, `${ge ?? ""} `);
+          r(m, pe), u.disabled = s(O), r(g, `${ge ?? ""} `);
         },
         [() => i()("optOutDescription"), () => i()("optOut")]
-      ), De("click", d, ee), w(e, t);
+      ), Me("click", u, ee), w(e, t);
     };
-    D(H, (e) => {
-      n(Y) && e(ne);
+    A(H, (e) => {
+      s(z) && e(ne);
     });
   }
-  var B = l(H, 2), G = u(B);
+  var q = l(H, 2), G = d(q);
   {
     var le = (e) => {
-      var t = J(), s = u(t), m = o(s, !0), d = l(s, 2), g = o(d, !0);
+      var t = Q(), n = d(t), m = o(n, !0), u = l(n, 2), g = o(u, !0);
       c(t), S(
         (h, y) => {
           r(m, h), r(g, y);
         },
         [
           () => i()("contributionType"),
-          () => i()(n(R))
+          () => i()(s(P))
         ]
       ), w(e, t);
     };
-    D(G, (e) => {
-      n(R) && e(le);
+    A(G, (e) => {
+      s(P) && e(le);
     });
   }
-  var A = l(G, 2), U = u(A), re = o(U, !0), ie = l(U, 2), oe = o(ie, !0);
-  c(A);
-  var de = l(A, 2);
+  var k = l(G, 2), U = d(k), re = o(U, !0), ie = l(U, 2), oe = o(ie, !0);
+  c(k);
+  var ue = l(k, 2);
   {
-    var ue = (e) => {
-      var t = J(), s = u(t), m = o(s, !0), d = l(s, 2), g = o(d, !0);
+    var de = (e) => {
+      var t = Q(), n = d(t), m = o(n, !0), u = l(n, 2), g = o(u, !0);
       c(t), S(
         (h, y) => {
           r(m, h), r(g, y);
         },
-        [() => i()("recurrence"), () => i()(n(z))]
+        [() => i()("recurrence"), () => i()(s(R))]
       ), w(e, t);
     };
-    D(de, (e) => {
-      n(z) && e(ue);
+    A(ue, (e) => {
+      s(R) && e(de);
     });
   }
-  c(B), c(k), S(
-    (e, t, s) => {
-      r(ae, n(W)), r(se, e), r(re, t), r(oe, s);
+  c(q), c(E), S(
+    (e, t, n) => {
+      r(ae, s(X)), r(se, e), r(re, t), r(oe, n);
     },
     [
       () => i()("readFullTermsAndCond"),
       () => i()("contributeTo"),
-      () => i()(n(X))
+      () => i()(s(Y))
     ]
-  ), w(F, k);
+  ), w(F, E);
   var ce = xe(te);
-  return V(), ce;
+  return W(), ce;
 }
 he(["click"]);
 ve(
-  Le,
+  ze,
   {
     challengeItem: {},
     endpoint: {},
@@ -157,5 +157,5 @@ ve(
   { mode: "open" }
 );
 export {
-  Le as C
+  ze as C
 };

package/components/{ChallengeSummary-DUvVQjAb.js → ChallengeSummary-0xqZ2rqb.js}

@@ -1,213 +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-DJMMrYac.js";
-import { B as Ye } from "./Button--aG_lPro.js";
-import { G as je } from "./GiftIcon-OBRuiA-K.js";
-import { L as qe } from "./LinkIcon-CgJEoIZw.js";
-import { S as Je } from "./StarIcon-DndEbyJY.js";
-import { T as Ze } from "./TargetIcon-Bo2nEJYn.js";
+import { c as Ge, d as Ne, h as ze, p as i, N as Be, P as De, u as Fe, y as a, v as He, L as Me, Q as oe, x as S, o as t, t as w, i as g, s as X, a as f, b as Re, A as o, R as Ue, k as P, n as l, l as Ve, $ as Ke, B as u, S as Oe, e as c, m as Qe, T as We, r, U as Xe, V as Ye, W as Ze, X as je, Y as qe, Z as Je, z as $e, _ as ea, a0 as aa } from "./ChallengeTabs-CLpDSk-K.js";
+import { B as sa } from "./Button-DzLb4jjA.js";
+import { G as ta } from "./GiftIcon-dodsz2Ve.js";
+import { L as na } from "./LinkIcon-tnazlF5P.js";
+import { S as la } from "./StarIcon-B3Zg9FJp.js";
+import { T as ra } from "./TargetIcon-BdZR3qGS.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 = {
+var ia = P("<img/>"), ce = P('<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>'), oa = P('<div class="challenge-details__summary--action svelte-gxb9rk"><!></div>'), ca = P('<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 da = {
   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", {
+function ma(Y, n) {
+  Ne(n, !0), ze(Y, da);
+  const _ = () => Ve(Ke, "$_", de), [de, me] = Qe(), d = i(n, "challengeItem", 7), L = i(n, "endpoint", 7, ""), A = i(n, "domainId", 7, ""), b = i(n, "userSession", 7, ""), y = i(n, "userId", 7, ""), T = i(n, "locale", 7, "en"), k = i(n, "isPromo", 7, !1), E = i(n, "isPaused", 7, !1), v = i(n, "isExpired", 7, !1), G = i(n, "onStatusChange", 7), N = i(n, "onClaimed", 7), z = i(n, "onLaunchGame", 7), B = o(() => d().ChallengePresentation), D = o(() => d().LevelProgresses ?? []), Z = o(() => !b() && !y()), ge = o(() => !a(Z) && We(d())), j = o(() => Je(d())), q = o(() => Ze(a(j))), J = o(() => k() ? je(d(), _()) : qe(a(j), d().CurrencySymbol ?? "", _())), ue = o(() => a(ge) ? _()("levelProgress", {
     values: {
-      current: Be(a(D)),
+      current: Oe(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;
+  }) : String(a(D).length)), F = o(() => Ue(d(), {
+    isPromo: k(),
+    isPaused: E(),
+    isAuthorized: !a(Z)
+  }));
+  let $ = Be(De(Fe(() => a(F))));
+  He(() => {
+    v() || Me($, a(F), !0);
+  });
+  const h = o(() => v() ? a($) : a(F)), ee = aa(() => ({
+    endpoint: L(),
+    domainId: A(),
+    userSession: b(),
+    userId: y(),
+    onStatusChange: G(),
+    onClaimed: N()
+  })), _e = () => {
+    if (!v()) {
+      if (a(h).kind === "launchGame") {
+        z()?.();
+        return;
+      }
+      ee.run(a(h).kind, d());
     }
-    J.run(a(v).kind, i());
-  }, ge = {
-    [ne.Casino]: {
+  }, ve = {
+    [oe.Casino]: {
       className: "challenge-details__summary__icon--casino",
-      src: Me,
+      src: Ye,
       alt: "casino"
     },
-    [ne.Sportsbook]: {
+    [oe.Sportsbook]: {
       className: "challenge-details__summary__icon--sportsbook",
-      src: He,
+      src: Xe,
       alt: "sportsbook"
     }
-  }, y = m(() => ge[i().ContributedFrom]);
-  var ue = {
+  }, C = o(() => ve[d().ContributedFrom]);
+  var he = {
     get challengeItem() {
-      return i();
+      return d();
     },
     set challengeItem(e) {
-      i(e), c();
+      d(e), c();
     },
     get endpoint() {
-      return w();
+      return L();
     },
     set endpoint(e = "") {
-      w(e), c();
+      L(e), c();
     },
     get domainId() {
-      return P();
+      return A();
     },
     set domainId(e = "") {
-      P(e), c();
+      A(e), c();
     },
     get userSession() {
-      return p();
+      return b();
     },
     set userSession(e = "") {
-      p(e), c();
+      b(e), c();
     },
     get userId() {
-      return f();
+      return y();
     },
     set userId(e = "") {
-      f(e), c();
+      y(e), c();
     },
     get locale() {
-      return L();
+      return T();
     },
     set locale(e = "en") {
-      L(e), c();
+      T(e), c();
     },
     get isPromo() {
-      return b();
+      return k();
     },
     set isPromo(e = !1) {
-      b(e), c();
+      k(e), c();
     },
     get isPaused() {
-      return T();
+      return E();
     },
     set isPaused(e = !1) {
-      T(e), c();
+      E(e), c();
+    },
+    get isExpired() {
+      return v();
+    },
+    set isExpired(e = !1) {
+      v(e), c();
     },
     get onStatusChange() {
-      return A();
+      return G();
     },
     set onStatusChange(e) {
-      A(e), c();
+      G(e), c();
     },
     get onClaimed() {
-      return G();
+      return N();
     },
     set onClaimed(e) {
-      G(e), c();
+      N(e), c();
     },
     get onLaunchGame() {
-      return N();
+      return z();
     },
     set onLaunchGame(e) {
-      N(e), c();
+      z(e), c();
     }
-  }, B = aa(), E = l(B), Z = l(E);
+  }, H = ca(), M = l(H), ae = l(M);
   {
-    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);
+    var xe = (e) => {
+      var s = ia();
+      w(() => {
+        $e(s, 1, ea(a(C).className), "svelte-gxb9rk"), X(s, "src", a(C).src), X(s, "alt", a(C).alt);
+      }), f(e, s);
     };
-    C(Z, (e) => {
-      a(y) && e(_e);
+    S(ae, (e) => {
+      a(C) && e(xe);
     });
   }
-  var ve = t(Z, 2), he = u(ve, !0);
-  n(E);
-  var F = t(E, 2), $ = l(F);
+  var pe = t(ae, 2), fe = u(pe, !0);
+  r(M);
+  var R = t(M, 2), se = l(R);
   {
-    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));
+    var be = (e) => {
+      var s = ce(), m = l(s), x = l(m);
+      ta(x, {}), r(m);
+      var p = t(m, 2), K = u(p), O = t(p, 2), Q = u(O, !0);
+      r(s), w(
+        (W) => {
+          g(K, `${W ?? ""}:`), g(Q, a(q));
         },
         [() => _()("get")]
-      ), x(e, s);
+      ), f(e, s);
     };
-    C($, (e) => {
-      a(j) && e(xe);
+    S(se, (e) => {
+      a(q) && e(be);
     });
   }
-  var ee = t($, 2);
+  var te = t(se, 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));
+    var ye = (e) => {
+      var s = ce(), m = l(s), x = l(m);
+      ra(x, {}), r(m);
+      var p = t(m, 2), K = u(p), O = t(p, 2), Q = u(O, !0);
+      r(s), w(
+        (W) => {
+          g(K, `${W ?? ""}:`), g(Q, a(J));
         },
         [() => _()("Condition")]
-      ), x(e, s);
+      ), f(e, s);
     };
-    C(ee, (e) => {
-      a(q) && e(pe);
+    S(te, (e) => {
+      a(J) && e(ye);
     });
   }
-  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 ne = t(te, 2), U = l(ne), ke = l(U);
+  la(ke, {}), r(U);
+  var le = t(U, 2), Ce = u(le), Ie = t(le, 2), Se = u(Ie, !0);
+  r(ne), r(R);
+  var V = t(R, 2), I = l(V), re = l(I), ie = t(re), we = l(ie);
+  na(we, {}), r(ie), r(I);
+  var Pe = t(I, 2), Le = u(Pe, !0);
+  r(V);
+  var Ae = t(V, 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);
+    var Te = (e) => {
+      var s = oa(), m = l(s);
+      {
+        let x = o(() => ee.loading || v());
+        sa(m, {
+          get text() {
+            return a(h).labelKey;
+          },
+          get variant() {
+            return a(h).variant;
+          },
+          get disabled() {
+            return a(x);
+          },
+          get locale() {
+            return T();
+          },
+          onclick: _e
+        });
+      }
+      r(s), f(e, s);
     };
-    C(we, (e) => {
-      a(v).kind !== "viewDetails" && e(Pe);
+    S(Ae, (e) => {
+      a(h).kind !== "viewDetails" && e(Te);
     });
   }
-  n(B), I(
+  r(H), w(
     (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);
+      g(fe, a(B)?.PresentationName), g(Ce, `${e ?? ""}:`), g(Se, a(ue)), X(I, "href", a(B).Url), g(re, `${s ?? ""} `), g(Le, a(B).SignificantCondition);
     },
     [() => _()("levels"), () => _()("termsAndConditions")]
-  ), x(W, B);
-  var Le = Ne(ue);
-  return oe(), Le;
+  ), f(Y, H);
+  var Ee = Re(he);
+  return me(), Ee;
 }
-Te(
-  ta,
+Ge(
+  ma,
   {
     challengeItem: {},
     endpoint: {},
@@ -217,6 +234,7 @@ Te(
     locale: {},
     isPromo: {},
     isPaused: {},
+    isExpired: {},
     onStatusChange: {},
     onClaimed: {},
     onLaunchGame: {}
@@ -226,5 +244,5 @@ Te(
   { mode: "open" }
 );
 export {
-  ta as C
+  ma as C
 };

package/components/ChallengeSummary-CR7VCdpN.cjs

@@ -0,0 +1 @@
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-CKQzoa1j.cjs"),xe=require("./Button-CCETVbzA.cjs"),be=require("./GiftIcon-D74WUZjl.cjs"),ye=require("./LinkIcon-BwcQ66zD.cjs"),ke=require("./StarIcon-B2vJGruF.cjs"),Se=require("./TargetIcon-B9a1Kr62.cjs");var Ce=e.from_html("<img/>"),W=e.from_html('<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>'),Ie=e.from_html('<div class="challenge-details__summary--action svelte-gxb9rk"><!></div>'),we=e.from_html('<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 Pe={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 X(z,n){e.push(n,!0),e.append_styles(z,Pe);const r=()=>e.store_get(e.$format,"$_",Y),[Y,Z]=e.setup_stores(),l=e.prop(n,"challengeItem",7),v=e.prop(n,"endpoint",7,""),p=e.prop(n,"domainId",7,""),g=e.prop(n,"userSession",7,""),u=e.prop(n,"userId",7,""),f=e.prop(n,"locale",7,"en"),_=e.prop(n,"isPromo",7,!1),x=e.prop(n,"isPaused",7,!1),i=e.prop(n,"isExpired",7,!1),b=e.prop(n,"onStatusChange",7),y=e.prop(n,"onClaimed",7),k=e.prop(n,"onLaunchGame",7),S=e.user_derived(()=>l().ChallengePresentation),C=e.user_derived(()=>l().LevelProgresses??[]),F=e.user_derived(()=>!g()&&!u()),$=e.user_derived(()=>!e.get(F)&&e.isOptedIn(l())),D=e.user_derived(()=>e.getDisplayLevel(l())),B=e.user_derived(()=>e.getLevelRewardText(e.get(D))),H=e.user_derived(()=>_()?e.getActivationCondition(l(),r()):e.getLevelCondition(e.get(D),l().CurrencySymbol??"",r())),ee=e.user_derived(()=>e.get($)?r()("levelProgress",{values:{current:e.getCurrentLevelNumber(e.get(C)),total:e.get(C).length}}):String(e.get(C).length)),I=e.user_derived(()=>e.getChallengeAction(l(),{isPromo:_(),isPaused:x(),isAuthorized:!e.get(F)}));let M=e.state(e.proxy(e.untrack(()=>e.get(I))));e.user_effect(()=>{i()||e.set(M,e.get(I),!0)});const o=e.user_derived(()=>i()?e.get(M):e.get(I)),K=e.createChallengeActions(()=>({endpoint:v(),domainId:p(),userSession:g(),userId:u(),onStatusChange:b(),onClaimed:y()})),te=()=>{if(!i()){if(e.get(o).kind==="launchGame"){k()?.();return}K.run(e.get(o).kind,l())}},se={[e.ContributedFrom.Casino]:{className:"challenge-details__summary__icon--casino",src:e.CasinoIcon,alt:"casino"},[e.ContributedFrom.Sportsbook]:{className:"challenge-details__summary__icon--sportsbook",src:e.SportIcon,alt:"sportsbook"}},m=e.user_derived(()=>se[l().ContributedFrom]);var ne={get challengeItem(){return l()},set challengeItem(t){l(t),e.flushSync()},get endpoint(){return v()},set endpoint(t=""){v(t),e.flushSync()},get domainId(){return p()},set domainId(t=""){p(t),e.flushSync()},get userSession(){return g()},set userSession(t=""){g(t),e.flushSync()},get userId(){return u()},set userId(t=""){u(t),e.flushSync()},get locale(){return f()},set locale(t="en"){f(t),e.flushSync()},get isPromo(){return _()},set isPromo(t=!1){_(t),e.flushSync()},get isPaused(){return x()},set isPaused(t=!1){x(t),e.flushSync()},get isExpired(){return i()},set isExpired(t=!1){i(t),e.flushSync()},get onStatusChange(){return b()},set onStatusChange(t){b(t),e.flushSync()},get onClaimed(){return y()},set onClaimed(t){y(t),e.flushSync()},get onLaunchGame(){return k()},set onLaunchGame(t){k(t),e.flushSync()}},w=we(),P=e.child(w),O=e.child(P);{var le=t=>{var s=Ce();e.template_effect(()=>{e.set_class(s,1,e.clsx(e.get(m).className),"svelte-gxb9rk"),e.set_attribute(s,"src",e.get(m).src),e.set_attribute(s,"alt",e.get(m).alt)}),e.append(t,s)};e.if_block(O,t=>{e.get(m)&&t(le)})}var ae=e.sibling(O,2),re=e.only_child(ae,!0);e.reset(P);var L=e.sibling(P,2),R=e.child(L);{var ie=t=>{var s=W(),a=e.child(s),c=e.child(a);be.GiftIcon(c,{}),e.reset(a);var d=e.sibling(a,2),E=e.only_child(d),G=e.sibling(d,2),q=e.only_child(G,!0);e.reset(s),e.template_effect(N=>{e.set_text(E,`${N??""}:`),e.set_text(q,e.get(B))},[()=>r()("get")]),e.append(t,s)};e.if_block(R,t=>{e.get(B)&&t(ie)})}var U=e.sibling(R,2);{var oe=t=>{var s=W(),a=e.child(s),c=e.child(a);Se.TargetIcon(c,{}),e.reset(a);var d=e.sibling(a,2),E=e.only_child(d),G=e.sibling(d,2),q=e.only_child(G,!0);e.reset(s),e.template_effect(N=>{e.set_text(E,`${N??""}:`),e.set_text(q,e.get(H))},[()=>r()("Condition")]),e.append(t,s)};e.if_block(U,t=>{e.get(H)&&t(oe)})}var V=e.sibling(U,2),A=e.child(V),ce=e.child(A);ke.StarIcon(ce,{}),e.reset(A);var j=e.sibling(A,2),de=e.only_child(j),ge=e.sibling(j,2),ue=e.only_child(ge,!0);e.reset(V),e.reset(L);var T=e.sibling(L,2),h=e.child(T),J=e.child(h),Q=e.sibling(J),_e=e.child(Q);ye.LinkIcon(_e,{}),e.reset(Q),e.reset(h);var me=e.sibling(h,2),he=e.only_child(me,!0);e.reset(T);var ve=e.sibling(T,2);{var pe=t=>{var s=Ie(),a=e.child(s);{let c=e.user_derived(()=>K.loading||i());xe.Button(a,{get text(){return e.get(o).labelKey},get variant(){return e.get(o).variant},get disabled(){return e.get(c)},get locale(){return f()},onclick:te})}e.reset(s),e.append(t,s)};e.if_block(ve,t=>{e.get(o).kind!=="viewDetails"&&t(pe)})}e.reset(w),e.template_effect((t,s)=>{e.set_text(re,e.get(S)?.PresentationName),e.set_text(de,`${t??""}:`),e.set_text(ue,e.get(ee)),e.set_attribute(h,"href",e.get(S).Url),e.set_text(J,`${s??""} `),e.set_text(he,e.get(S).SignificantCondition)},[()=>r()("levels"),()=>r()("termsAndConditions")]),e.append(z,w);var fe=e.pop(ne);return Z(),fe}e.create_custom_element(X,{challengeItem:{},endpoint:{},domainId:{},userSession:{},userId:{},locale:{},isPromo:{},isPaused:{},isExpired:{},onStatusChange:{},onClaimed:{},onLaunchGame:{}},[],[],{mode:"open"});exports.ChallengeSummary=X;