@everymatrix/player-challenges 0.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ArrowLeftIcon-BRaj1LmB.js +21 -0
- package/components/ArrowLeftIcon-DDLFT41L.cjs +1 -0
- package/components/Badge-C2wt4e90.js +125 -0
- package/components/Badge-DAKtct6K.cjs +7 -0
- package/components/Button--XqKsOFn.js +64 -0
- package/components/Button-D-VBD0Q3.cjs +3 -0
- package/components/ChallengeBanner-CBpmtUBF.cjs +4 -0
- package/components/ChallengeBanner-Cmpj8DEM.js +59 -0
- package/components/ChallengeBreadcrumbs-2wbaNU9B.js +38 -0
- package/components/ChallengeBreadcrumbs-CI85tqGz.cjs +1 -0
- package/components/ChallengeCard-3mRYB8cV.cjs +1 -0
- package/components/ChallengeCard-B6CuOUjR.js +139 -0
- package/components/ChallengeClaimCode-CHjR7wvj.js +71 -0
- package/components/ChallengeClaimCode-CbvBupc_.cjs +1 -0
- package/components/ChallengeDetails-D8ZWkzvs.cjs +1 -0
- package/components/ChallengeDetails-kST_L2H6.js +91 -0
- package/components/ChallengeEvents-CQ6STVwu.js +57 -0
- package/components/ChallengeEvents-Cs53agnU.cjs +1 -0
- package/components/ChallengeGames-B0HjqvW0.cjs +11 -0
- package/components/ChallengeGames-Cba0U_35.js +136 -0
- package/components/ChallengeHistory-BGGX8pSa.js +101 -0
- package/components/ChallengeHistory-VT3TVd3m.cjs +1 -0
- package/components/ChallengeLevels-BGZpw1ET.js +297 -0
- package/components/ChallengeLevels-iQPTsHa6.cjs +4 -0
- package/components/ChallengeList-CFGrG4th.cjs +23 -0
- package/components/ChallengeList-CVeq75Nw.js +1223 -0
- package/components/ChallengeProgress-CFLdRZji.cjs +1 -0
- package/components/ChallengeProgress-DP3VVpVT.js +81 -0
- package/components/ChallengeProgressItem-D8RsRZvE.cjs +68 -0
- package/components/ChallengeProgressItem-DTB7cV5H.js +412 -0
- package/components/ChallengeRules-DcFk9naV.cjs +1 -0
- package/components/ChallengeRules-DhjdAEuR.js +153 -0
- package/components/ChallengeSummary-CLGCOtRQ.cjs +3 -0
- package/components/ChallengeSummary-DiE9D1bF.js +219 -0
- package/components/ChallengeTabContent-BWahIpTH.js +833 -0
- package/components/ChallengeTabContent-DROK-E8d.cjs +13 -0
- package/components/ChallengeTabPanel-Cpm0azOu.js +164 -0
- package/components/ChallengeTabPanel-DRfYUk0O.cjs +1 -0
- package/components/ChallengeTabSkeleton-BpCRuAwx.cjs +15 -0
- package/components/ChallengeTabSkeleton-Ch33vV8a.js +112 -0
- package/components/ChallengeTabs-B6_2WSU0.js +8107 -0
- package/components/ChallengeTabs-CEYwcPlJ.cjs +14 -0
- package/components/CheckIcon-Bh-pkq9I.js +21 -0
- package/components/CheckIcon-Co2f_WCA.cjs +1 -0
- package/components/ChevronIcon-D9cP6u1l.js +21 -0
- package/components/ChevronIcon-DM0lqt14.cjs +1 -0
- package/components/ExistIcon--D18_Qhm.js +27 -0
- package/components/ExistIcon-mCUINSW_.cjs +1 -0
- package/components/GiftIcon-B0Ax8oOy.js +21 -0
- package/components/GiftIcon-Dqfja7-X.cjs +1 -0
- package/components/LinkIcon-BrRosQTW.cjs +1 -0
- package/components/LinkIcon-Bui5HZdD.js +21 -0
- package/components/LockIcon-C8tR8voO.js +21 -0
- package/components/LockIcon-DtM1_YzG.cjs +1 -0
- package/components/Pagination-Bx6K50Vt.cjs +12 -0
- package/components/Pagination-_6zMfbPi.js +130 -0
- package/components/PlayerChallenges-DVzU_6kl.js +328 -0
- package/components/PlayerChallenges-QYR3YEzs.cjs +1 -0
- package/components/StarIcon-DH0eCmcS.cjs +1 -0
- package/components/StarIcon-Dns8s0G7.js +27 -0
- package/components/TargetIcon-DG4XwqL4.cjs +1 -0
- package/components/TargetIcon-TJPVnCek.js +21 -0
- package/esnext/player-challenges.cjs +1 -0
- package/esnext/player-challenges.js +23 -0
- package/package.json +24 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("./ChallengeTabs-CEYwcPlJ.cjs"),w=require("./ChallengeEvents-Cs53agnU.cjs"),Y=require("./ExistIcon-mCUINSW_.cjs");var Z=e.from_html('<div class="challenge-details__rules--details-item svelte-u7ayhp"><span> </span> <span> </span></div>'),ee=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--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> <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;}.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(S,i){e.push(i,!0),e.append_styles(S,se);const n=()=>e.store_get(e.$format,"$_",P),[P,q]=e.setup_stores(),a=e.prop(i,"challengeItem",7),d=e.prop(i,"endpoint",7),c=e.prop(i,"domainId",7),h=e.prop(i,"userSession",7),_=e.prop(i,"userId",7),z=a().ChallengePresentation.RulesDescription,T=e.user_derived(()=>w.getContributionTypeKey(a().ContributedBy)),F=e.user_derived(()=>w.getContributeToKey(a().IsContributeToOne)),E=e.user_derived(()=>w.getRecurrenceKey(a().Recurrence?.Type));let u=e.state(!1);const L=async()=>{if(!(!d()||!c()||e.get(u))){e.set(u,!0);try{await e.optOutChallenge({endpoint:d(),domainId:c(),sessionId:h(),userId:_()??"",challengeId:a().ChallengeId}),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(u,!1)}}},$=()=>{e.sendOptOutClicked(a().ChallengeId)};e.user_effect(()=>{const t=s=>{s.data?.type===e.OPT_OUT_CONFIRMED_MESSAGE&&L()};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});var B={get challengeItem(){return a()},set challengeItem(t){a(t),e.flushSync()},get endpoint(){return d()},set endpoint(t){d(t),e.flushSync()},get domainId(){return c()},set domainId(t){c(t),e.flushSync()},get userSession(){return h()},set userSession(t){h(t),e.flushSync()},get userId(){return _()},set userId(t){_(t),e.flushSync()}},g=te(),v=e.child(g),G=e.child(v,!0);e.reset(v);var f=e.sibling(v,2),N=e.child(f,!0);e.reset(f);var x=e.sibling(f,2),m=e.child(x),U=e.child(m,!0);e.reset(m);var p=e.sibling(m,2);p.__click=$;var k=e.child(p),A=e.sibling(k),j=e.child(A);Y.ExistIcon(j,{}),e.reset(A),e.reset(p),e.reset(x);var K=e.sibling(x,2),R=e.child(K);{var H=t=>{var s=Z(),l=e.child(s),o=e.child(l,!0);e.reset(l);var r=e.sibling(l,2),I=e.child(r,!0);e.reset(r),e.reset(s),e.template_effect((C,O)=>{e.set_text(o,C),e.set_text(I,O)},[()=>n()("contributionType"),()=>n()(e.get(T))]),e.append(t,s)};e.if_block(R,t=>{e.get(T)&&t(H)})}var y=e.sibling(R,2),b=e.child(y),J=e.child(b,!0);e.reset(b);var D=e.sibling(b,2),Q=e.child(D,!0);e.reset(D),e.reset(y);var V=e.sibling(y,2);{var W=t=>{var s=ee(),l=e.child(s),o=e.child(l,!0);e.reset(l);var r=e.sibling(l,2),I=e.child(r,!0);e.reset(r),e.reset(s),e.template_effect((C,O)=>{e.set_text(o,C),e.set_text(I,O)},[()=>n()("recurrence"),()=>n()(e.get(E))]),e.append(t,s)};e.if_block(V,t=>{e.get(E)&&t(W)})}e.reset(K),e.reset(g),e.template_effect((t,s,l,o,r)=>{e.set_text(G,z),e.set_text(N,t),e.set_text(U,s),p.disabled=e.get(u),e.set_text(k,`${l??""} `),e.set_text(J,o),e.set_text(Q,r)},[()=>n()("readFullTermsAndCond"),()=>n()("optOutDescription"),()=>n()("optOut"),()=>n()("contributeTo"),()=>n()(e.get(F))]),e.append(S,g);var X=e.pop(B);return q(),X}e.delegate(["click"]);e.create_custom_element(M,{challengeItem:{},endpoint:{},domainId:{},userSession:{},userId:{}},[],[],!0);exports.ChallengeRules=M;
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import { g as de, c as ue, d as ce, h as pe, p as v, u as ve, a0 as _e, n as l, x as G, t as K, y as u, i as r, a as R, b as ge, C as N, a1 as he, a2 as me, a3 as U, a4 as fe, a5 as ye, j as M, k as t, a6 as xe, l as be, $ as Ie, A as D, q as Ce, e as _, m as Oe, r as a } from "./ChallengeTabs-B6_2WSU0.js";
|
|
2
|
+
import { g as we, a as Te, b as Se } from "./ChallengeEvents-CQ6STVwu.js";
|
|
3
|
+
import { E as ke } from "./ExistIcon--D18_Qhm.js";
|
|
4
|
+
var Ee = M('<div class="challenge-details__rules--details-item svelte-u7ayhp"><span> </span> <span> </span></div>'), Ae = M('<div class="challenge-details__rules--details-item svelte-u7ayhp"><span> </span> <span> </span></div>'), Ke = 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--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> <div class="challenge-details__rules--details svelte-u7ayhp"><!> <div class="challenge-details__rules--details-item svelte-u7ayhp"><span> </span> <span> </span></div> <!></div></div>');
|
|
5
|
+
const Re = {
|
|
6
|
+
hash: "svelte-u7ayhp",
|
|
7
|
+
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;}.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;}}"
|
|
8
|
+
};
|
|
9
|
+
function De(P, c) {
|
|
10
|
+
ce(c, !0), pe(P, Re);
|
|
11
|
+
const i = () => be(Ie, "$_", H), [H, J] = Oe(), o = v(c, "challengeItem", 7), g = v(c, "endpoint", 7), h = v(c, "domainId", 7), y = v(c, "userSession", 7), x = v(c, "userId", 7), Q = o().ChallengePresentation.RulesDescription, z = D(() => Te(o().ContributedBy)), V = D(() => we(o().IsContributeToOne)), F = D(() => Se(o().Recurrence?.Type));
|
|
12
|
+
let m = Ce(!1);
|
|
13
|
+
const W = async () => {
|
|
14
|
+
if (!(!g() || !h() || u(m))) {
|
|
15
|
+
N(m, !0);
|
|
16
|
+
try {
|
|
17
|
+
await he({
|
|
18
|
+
endpoint: g(),
|
|
19
|
+
domainId: h(),
|
|
20
|
+
sessionId: y(),
|
|
21
|
+
userId: x() ?? "",
|
|
22
|
+
challengeId: o().ChallengeId
|
|
23
|
+
}), me(U.OptOut);
|
|
24
|
+
} catch (e) {
|
|
25
|
+
const s = e instanceof fe ? e.errorCode : null, n = e instanceof Error ? e.message : String(e);
|
|
26
|
+
ye(U.OptOut, n, s ?? void 0);
|
|
27
|
+
} finally {
|
|
28
|
+
N(m, !1);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}, X = () => {
|
|
32
|
+
xe(o().ChallengeId);
|
|
33
|
+
};
|
|
34
|
+
ve(() => {
|
|
35
|
+
const e = (s) => {
|
|
36
|
+
s.data?.type === _e && W();
|
|
37
|
+
};
|
|
38
|
+
return window.addEventListener("message", e), () => window.removeEventListener("message", e);
|
|
39
|
+
});
|
|
40
|
+
var Y = {
|
|
41
|
+
get challengeItem() {
|
|
42
|
+
return o();
|
|
43
|
+
},
|
|
44
|
+
set challengeItem(e) {
|
|
45
|
+
o(e), _();
|
|
46
|
+
},
|
|
47
|
+
get endpoint() {
|
|
48
|
+
return g();
|
|
49
|
+
},
|
|
50
|
+
set endpoint(e) {
|
|
51
|
+
g(e), _();
|
|
52
|
+
},
|
|
53
|
+
get domainId() {
|
|
54
|
+
return h();
|
|
55
|
+
},
|
|
56
|
+
set domainId(e) {
|
|
57
|
+
h(e), _();
|
|
58
|
+
},
|
|
59
|
+
get userSession() {
|
|
60
|
+
return y();
|
|
61
|
+
},
|
|
62
|
+
set userSession(e) {
|
|
63
|
+
y(e), _();
|
|
64
|
+
},
|
|
65
|
+
get userId() {
|
|
66
|
+
return x();
|
|
67
|
+
},
|
|
68
|
+
set userId(e) {
|
|
69
|
+
x(e), _();
|
|
70
|
+
}
|
|
71
|
+
}, b = Ke(), I = t(b), Z = t(I, !0);
|
|
72
|
+
a(I);
|
|
73
|
+
var C = l(I, 2), ee = t(C, !0);
|
|
74
|
+
a(C);
|
|
75
|
+
var O = l(C, 2), w = t(O), te = t(w, !0);
|
|
76
|
+
a(w);
|
|
77
|
+
var f = l(w, 2);
|
|
78
|
+
f.__click = X;
|
|
79
|
+
var $ = t(f), L = l($), ae = t(L);
|
|
80
|
+
ke(ae, {}), a(L), a(f), a(O);
|
|
81
|
+
var j = l(O, 2), q = t(j);
|
|
82
|
+
{
|
|
83
|
+
var se = (e) => {
|
|
84
|
+
var s = Ee(), n = t(s), p = t(n, !0);
|
|
85
|
+
a(n);
|
|
86
|
+
var d = l(n, 2), k = t(d, !0);
|
|
87
|
+
a(d), a(s), K(
|
|
88
|
+
(E, A) => {
|
|
89
|
+
r(p, E), r(k, A);
|
|
90
|
+
},
|
|
91
|
+
[
|
|
92
|
+
() => i()("contributionType"),
|
|
93
|
+
() => i()(u(z))
|
|
94
|
+
]
|
|
95
|
+
), R(e, s);
|
|
96
|
+
};
|
|
97
|
+
G(q, (e) => {
|
|
98
|
+
u(z) && e(se);
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
var T = l(q, 2), S = t(T), ne = t(S, !0);
|
|
102
|
+
a(S);
|
|
103
|
+
var B = l(S, 2), le = t(B, !0);
|
|
104
|
+
a(B), a(T);
|
|
105
|
+
var re = l(T, 2);
|
|
106
|
+
{
|
|
107
|
+
var ie = (e) => {
|
|
108
|
+
var s = Ae(), n = t(s), p = t(n, !0);
|
|
109
|
+
a(n);
|
|
110
|
+
var d = l(n, 2), k = t(d, !0);
|
|
111
|
+
a(d), a(s), K(
|
|
112
|
+
(E, A) => {
|
|
113
|
+
r(p, E), r(k, A);
|
|
114
|
+
},
|
|
115
|
+
[() => i()("recurrence"), () => i()(u(F))]
|
|
116
|
+
), R(e, s);
|
|
117
|
+
};
|
|
118
|
+
G(re, (e) => {
|
|
119
|
+
u(F) && e(ie);
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
a(j), a(b), K(
|
|
123
|
+
(e, s, n, p, d) => {
|
|
124
|
+
r(Z, Q), r(ee, e), r(te, s), f.disabled = u(m), r($, `${n ?? ""} `), r(ne, p), r(le, d);
|
|
125
|
+
},
|
|
126
|
+
[
|
|
127
|
+
() => i()("readFullTermsAndCond"),
|
|
128
|
+
() => i()("optOutDescription"),
|
|
129
|
+
() => i()("optOut"),
|
|
130
|
+
() => i()("contributeTo"),
|
|
131
|
+
() => i()(u(V))
|
|
132
|
+
]
|
|
133
|
+
), R(P, b);
|
|
134
|
+
var oe = ge(Y);
|
|
135
|
+
return J(), oe;
|
|
136
|
+
}
|
|
137
|
+
de(["click"]);
|
|
138
|
+
ue(
|
|
139
|
+
De,
|
|
140
|
+
{
|
|
141
|
+
challengeItem: {},
|
|
142
|
+
endpoint: {},
|
|
143
|
+
domainId: {},
|
|
144
|
+
userSession: {},
|
|
145
|
+
userId: {}
|
|
146
|
+
},
|
|
147
|
+
[],
|
|
148
|
+
[],
|
|
149
|
+
!0
|
|
150
|
+
);
|
|
151
|
+
export {
|
|
152
|
+
De as C
|
|
153
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";const e=require("./ChallengeTabs-CEYwcPlJ.cjs"),ne=require("./Button-D-VBD0Q3.cjs"),ie=require("./GiftIcon-Dqfja7-X.cjs"),oe=require("./LinkIcon-BrRosQTW.cjs"),ce=require("./StarIcon-DH0eCmcS.cjs"),de=require("./TargetIcon-DG4XwqL4.cjs");var ge=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>'),_e=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>'),ue=e.from_html('<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>'),me=e.from_html('<span class="challenge-details__summary--terms-note"> </span>'),he=e.from_html('<div class="challenge-details__summary--action svelte-gxb9rk"><!></div>'),ve=e.from_html('<div class="challenge-details__summary svelte-gxb9rk"><h2 class="challenge-details__summary--title svelte-gxb9rk"> </h2> <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"><!> <!></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:center;gap:8px;font-size:12px;line-height:1.4;}.challenge-details__summary--info-icon:where(.svelte-gxb9rk) {display:flex;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;
|
|
2
|
+
|
|
3
|
+
/* the design has a full-width button under the summary */.challenge-button {width:100%;}}}`};function j(T,l){e.push(l,!0),e.append_styles(T,pe);const i=()=>e.store_get(e.$format,"$_",E),[E,F]=e.setup_stores(),r=e.prop(l,"challengeItem",7),h=e.prop(l,"endpoint",7,""),v=e.prop(l,"domainId",7,""),_=e.prop(l,"userSession",7,""),u=e.prop(l,"userId",7,""),p=e.prop(l,"locale",7,"en"),f=e.prop(l,"isPromo",7,!1),x=e.prop(l,"isPaused",7,!1),b=e.prop(l,"onStatusChange",7),y=e.prop(l,"onClaimed",7),c=e.user_derived(()=>r().ChallengePresentation),k=e.user_derived(()=>r().LevelProgresses??[]),S=e.user_derived(()=>!_()&&!u()),H=e.user_derived(()=>!e.get(S)&&e.isOptedIn(r())),B=e.user_derived(()=>e.getDisplayLevel(r())),D=e.user_derived(()=>e.getLevelRewardText(e.get(B))),G=e.user_derived(()=>e.getLevelCondition(e.get(B),r().CurrencySymbol??"",i())),J=e.user_derived(()=>e.get(H)?i()("levelProgress",{values:{current:e.getCurrentLevelNumber(e.get(k)),total:e.get(k).length}}):String(e.get(k).length)),m=e.user_derived(()=>e.getChallengeAction(r(),{isPromo:f(),isPaused:x(),isAuthorized:!e.get(S)})),N=e.createChallengeActions(()=>({endpoint:h(),domainId:v(),userSession:_(),userId:u(),onStatusChange:b(),onClaimed:y()}));var M={get challengeItem(){return r()},set challengeItem(t){r(t),e.flushSync()},get endpoint(){return h()},set endpoint(t=""){h(t),e.flushSync()},get domainId(){return v()},set domainId(t=""){v(t),e.flushSync()},get userSession(){return _()},set userSession(t=""){_(t),e.flushSync()},get userId(){return u()},set userId(t=""){u(t),e.flushSync()},get locale(){return p()},set locale(t="en"){p(t),e.flushSync()},get isPromo(){return f()},set isPromo(t=!1){f(t),e.flushSync()},get isPaused(){return x()},set isPaused(t=!1){x(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()}},I=ve(),C=e.child(I),Q=e.child(C,!0);e.reset(C);var w=e.sibling(C,2),U=e.child(w);{var W=t=>{var s=ge(),a=e.child(s),o=e.child(a);ie.GiftIcon(o,{}),e.reset(a);var n=e.sibling(a,2),d=e.child(n);e.reset(n);var g=e.sibling(n,2),A=e.child(g,!0);e.reset(g),e.reset(s),e.template_effect(z=>{e.set_text(d,`${z??""}:`),e.set_text(A,e.get(D))},[()=>i()("get")]),e.append(t,s)};e.if_block(U,t=>{e.get(D)&&t(W)})}var K=e.sibling(U,2);{var X=t=>{var s=_e(),a=e.child(s),o=e.child(a);de.TargetIcon(o,{}),e.reset(a);var n=e.sibling(a,2),d=e.child(n);e.reset(n);var g=e.sibling(n,2),A=e.child(g,!0);e.reset(g),e.reset(s),e.template_effect(z=>{e.set_text(d,`${z??""}:`),e.set_text(A,e.get(G))},[()=>i()("Condition")]),e.append(t,s)};e.if_block(K,t=>{!e.get(S)&&e.get(G)&&t(X)})}var O=e.sibling(K,2),P=e.child(O),Y=e.child(P);ce.StarIcon(Y,{}),e.reset(P);var L=e.sibling(P,2),Z=e.child(L);e.reset(L);var R=e.sibling(L,2),$=e.child(R,!0);e.reset(R),e.reset(O),e.reset(w);var q=e.sibling(w,2),V=e.child(q);{var ee=t=>{var s=ue(),a=e.child(s),o=e.sibling(a),n=e.child(o);oe.LinkIcon(n,{}),e.reset(o),e.reset(s),e.template_effect(d=>{e.set_attribute(s,"href",e.get(c).Url),e.set_text(a,`${d??""} `)},[()=>i()("termsAndConditions")]),e.append(t,s)};e.if_block(V,t=>{e.get(c)?.Url&&t(ee)})}var te=e.sibling(V,2);{var se=t=>{var s=me(),a=e.child(s,!0);e.reset(s),e.template_effect(()=>e.set_text(a,e.get(c).SignificantCondition)),e.append(t,s)};e.if_block(te,t=>{e.get(c)?.SignificantCondition&&t(se)})}e.reset(q);var ae=e.sibling(q,2);{var le=t=>{var s=he(),a=e.child(s);ne.Button(a,{get text(){return e.get(m).labelKey},get variant(){return e.get(m).variant},get disabled(){return N.loading},get locale(){return p()},onclick:()=>N.run(e.get(m).kind,r())}),e.reset(s),e.append(t,s)};e.if_block(ae,t=>{e.get(m).kind!=="viewDetails"&&t(le)})}e.reset(I),e.template_effect(t=>{e.set_text(Q,e.get(c)?.PresentationName),e.set_text(Z,`${t??""}:`),e.set_text($,e.get(J))},[()=>i()("levels")]),e.append(T,I);var re=e.pop(M);return F(),re}e.create_custom_element(j,{challengeItem:{},endpoint:{},domainId:{},userSession:{},userId:{},locale:{},isPromo:{},isPaused:{},onStatusChange:{},onClaimed:{}},[],[],!0);exports.ChallengeSummary=j;
|
|
@@ -0,0 +1,219 @@
|
|
|
1
|
+
import { c as he, d as pe, h as xe, p as o, n, x as y, t as k, i as c, y as a, a as h, b as fe, j as p, k as t, l as be, $ as ye, A as u, G as ke, e as d, m as Ce, H as Ie, r as l, I as we, J as Se, K as Pe, L as Le, s as Ae, M as ze } from "./ChallengeTabs-B6_2WSU0.js";
|
|
2
|
+
import { B as Ge } from "./Button--XqKsOFn.js";
|
|
3
|
+
import { G as Te } from "./GiftIcon-B0Ax8oOy.js";
|
|
4
|
+
import { L as Be } from "./LinkIcon-Bui5HZdD.js";
|
|
5
|
+
import { S as De } from "./StarIcon-Dns8s0G7.js";
|
|
6
|
+
import { T as Ke } from "./TargetIcon-TJPVnCek.js";
|
|
7
|
+
var Ne = 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>'), Ue = 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>'), je = p('<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>'), He = p('<span class="challenge-details__summary--terms-note"> </span>'), Je = p('<div class="challenge-details__summary--action svelte-gxb9rk"><!></div>'), Me = p('<div class="challenge-details__summary svelte-gxb9rk"><h2 class="challenge-details__summary--title svelte-gxb9rk"> </h2> <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"><!> <!></p> <!></div>');
|
|
8
|
+
const Oe = {
|
|
9
|
+
hash: "svelte-gxb9rk",
|
|
10
|
+
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:center;gap:8px;font-size:12px;line-height:1.4;}.challenge-details__summary--info-icon:where(.svelte-gxb9rk) {display:flex;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;
|
|
11
|
+
|
|
12
|
+
/* the design has a full-width button under the summary */.challenge-button {width:100%;}}}`
|
|
13
|
+
};
|
|
14
|
+
function Re(R, i) {
|
|
15
|
+
pe(i, !0), xe(R, Oe);
|
|
16
|
+
const v = () => be(ye, "$_", $), [$, ee] = Ce(), g = o(i, "challengeItem", 7), S = o(i, "endpoint", 7, ""), P = o(i, "domainId", 7, ""), C = o(i, "userSession", 7, ""), I = o(i, "userId", 7, ""), L = o(i, "locale", 7, "en"), A = o(i, "isPromo", 7, !1), z = o(i, "isPaused", 7, !1), G = o(i, "onStatusChange", 7), T = o(i, "onClaimed", 7), x = u(() => g().ChallengePresentation), B = u(() => g().LevelProgresses ?? []), D = u(() => !C() && !I()), ae = u(() => !a(D) && Ie(g())), V = u(() => Le(g())), q = u(() => we(a(V))), E = u(() => Se(a(V), g().CurrencySymbol ?? "", v())), se = u(() => a(ae) ? v()("levelProgress", {
|
|
17
|
+
values: {
|
|
18
|
+
current: ke(a(B)),
|
|
19
|
+
total: a(B).length
|
|
20
|
+
}
|
|
21
|
+
}) : String(a(B).length)), w = u(() => Pe(g(), {
|
|
22
|
+
isPromo: A(),
|
|
23
|
+
isPaused: z(),
|
|
24
|
+
isAuthorized: !a(D)
|
|
25
|
+
})), F = ze(() => ({
|
|
26
|
+
endpoint: S(),
|
|
27
|
+
domainId: P(),
|
|
28
|
+
userSession: C(),
|
|
29
|
+
userId: I(),
|
|
30
|
+
onStatusChange: G(),
|
|
31
|
+
onClaimed: T()
|
|
32
|
+
}));
|
|
33
|
+
var te = {
|
|
34
|
+
get challengeItem() {
|
|
35
|
+
return g();
|
|
36
|
+
},
|
|
37
|
+
set challengeItem(e) {
|
|
38
|
+
g(e), d();
|
|
39
|
+
},
|
|
40
|
+
get endpoint() {
|
|
41
|
+
return S();
|
|
42
|
+
},
|
|
43
|
+
set endpoint(e = "") {
|
|
44
|
+
S(e), d();
|
|
45
|
+
},
|
|
46
|
+
get domainId() {
|
|
47
|
+
return P();
|
|
48
|
+
},
|
|
49
|
+
set domainId(e = "") {
|
|
50
|
+
P(e), d();
|
|
51
|
+
},
|
|
52
|
+
get userSession() {
|
|
53
|
+
return C();
|
|
54
|
+
},
|
|
55
|
+
set userSession(e = "") {
|
|
56
|
+
C(e), d();
|
|
57
|
+
},
|
|
58
|
+
get userId() {
|
|
59
|
+
return I();
|
|
60
|
+
},
|
|
61
|
+
set userId(e = "") {
|
|
62
|
+
I(e), d();
|
|
63
|
+
},
|
|
64
|
+
get locale() {
|
|
65
|
+
return L();
|
|
66
|
+
},
|
|
67
|
+
set locale(e = "en") {
|
|
68
|
+
L(e), d();
|
|
69
|
+
},
|
|
70
|
+
get isPromo() {
|
|
71
|
+
return A();
|
|
72
|
+
},
|
|
73
|
+
set isPromo(e = !1) {
|
|
74
|
+
A(e), d();
|
|
75
|
+
},
|
|
76
|
+
get isPaused() {
|
|
77
|
+
return z();
|
|
78
|
+
},
|
|
79
|
+
set isPaused(e = !1) {
|
|
80
|
+
z(e), d();
|
|
81
|
+
},
|
|
82
|
+
get onStatusChange() {
|
|
83
|
+
return G();
|
|
84
|
+
},
|
|
85
|
+
set onStatusChange(e) {
|
|
86
|
+
G(e), d();
|
|
87
|
+
},
|
|
88
|
+
get onClaimed() {
|
|
89
|
+
return T();
|
|
90
|
+
},
|
|
91
|
+
set onClaimed(e) {
|
|
92
|
+
T(e), d();
|
|
93
|
+
}
|
|
94
|
+
}, K = Me(), N = t(K), le = t(N, !0);
|
|
95
|
+
l(N);
|
|
96
|
+
var U = n(N, 2), Q = t(U);
|
|
97
|
+
{
|
|
98
|
+
var re = (e) => {
|
|
99
|
+
var s = Ne(), r = t(s), _ = t(r);
|
|
100
|
+
Te(_, {}), l(r);
|
|
101
|
+
var m = n(r, 2), f = t(m);
|
|
102
|
+
l(m);
|
|
103
|
+
var b = n(m, 2), M = t(b, !0);
|
|
104
|
+
l(b), l(s), k(
|
|
105
|
+
(O) => {
|
|
106
|
+
c(f, `${O ?? ""}:`), c(M, a(q));
|
|
107
|
+
},
|
|
108
|
+
[() => v()("get")]
|
|
109
|
+
), h(e, s);
|
|
110
|
+
};
|
|
111
|
+
y(Q, (e) => {
|
|
112
|
+
a(q) && e(re);
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
var W = n(Q, 2);
|
|
116
|
+
{
|
|
117
|
+
var ne = (e) => {
|
|
118
|
+
var s = Ue(), r = t(s), _ = t(r);
|
|
119
|
+
Ke(_, {}), l(r);
|
|
120
|
+
var m = n(r, 2), f = t(m);
|
|
121
|
+
l(m);
|
|
122
|
+
var b = n(m, 2), M = t(b, !0);
|
|
123
|
+
l(b), l(s), k(
|
|
124
|
+
(O) => {
|
|
125
|
+
c(f, `${O ?? ""}:`), c(M, a(E));
|
|
126
|
+
},
|
|
127
|
+
[() => v()("Condition")]
|
|
128
|
+
), h(e, s);
|
|
129
|
+
};
|
|
130
|
+
y(W, (e) => {
|
|
131
|
+
!a(D) && a(E) && e(ne);
|
|
132
|
+
});
|
|
133
|
+
}
|
|
134
|
+
var X = n(W, 2), j = t(X), ie = t(j);
|
|
135
|
+
De(ie, {}), l(j);
|
|
136
|
+
var H = n(j, 2), oe = t(H);
|
|
137
|
+
l(H);
|
|
138
|
+
var Y = n(H, 2), de = t(Y, !0);
|
|
139
|
+
l(Y), l(X), l(U);
|
|
140
|
+
var J = n(U, 2), Z = t(J);
|
|
141
|
+
{
|
|
142
|
+
var ge = (e) => {
|
|
143
|
+
var s = je(), r = t(s), _ = n(r), m = t(_);
|
|
144
|
+
Be(m, {}), l(_), l(s), k(
|
|
145
|
+
(f) => {
|
|
146
|
+
Ae(s, "href", a(x).Url), c(r, `${f ?? ""} `);
|
|
147
|
+
},
|
|
148
|
+
[() => v()("termsAndConditions")]
|
|
149
|
+
), h(e, s);
|
|
150
|
+
};
|
|
151
|
+
y(Z, (e) => {
|
|
152
|
+
a(x)?.Url && e(ge);
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
var me = n(Z, 2);
|
|
156
|
+
{
|
|
157
|
+
var ce = (e) => {
|
|
158
|
+
var s = He(), r = t(s, !0);
|
|
159
|
+
l(s), k(() => c(r, a(x).SignificantCondition)), h(e, s);
|
|
160
|
+
};
|
|
161
|
+
y(me, (e) => {
|
|
162
|
+
a(x)?.SignificantCondition && e(ce);
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
l(J);
|
|
166
|
+
var ue = n(J, 2);
|
|
167
|
+
{
|
|
168
|
+
var ve = (e) => {
|
|
169
|
+
var s = Je(), r = t(s);
|
|
170
|
+
Ge(r, {
|
|
171
|
+
get text() {
|
|
172
|
+
return a(w).labelKey;
|
|
173
|
+
},
|
|
174
|
+
get variant() {
|
|
175
|
+
return a(w).variant;
|
|
176
|
+
},
|
|
177
|
+
get disabled() {
|
|
178
|
+
return F.loading;
|
|
179
|
+
},
|
|
180
|
+
get locale() {
|
|
181
|
+
return L();
|
|
182
|
+
},
|
|
183
|
+
onclick: () => F.run(a(w).kind, g())
|
|
184
|
+
}), l(s), h(e, s);
|
|
185
|
+
};
|
|
186
|
+
y(ue, (e) => {
|
|
187
|
+
a(w).kind !== "viewDetails" && e(ve);
|
|
188
|
+
});
|
|
189
|
+
}
|
|
190
|
+
l(K), k(
|
|
191
|
+
(e) => {
|
|
192
|
+
c(le, a(x)?.PresentationName), c(oe, `${e ?? ""}:`), c(de, a(se));
|
|
193
|
+
},
|
|
194
|
+
[() => v()("levels")]
|
|
195
|
+
), h(R, K);
|
|
196
|
+
var _e = fe(te);
|
|
197
|
+
return ee(), _e;
|
|
198
|
+
}
|
|
199
|
+
he(
|
|
200
|
+
Re,
|
|
201
|
+
{
|
|
202
|
+
challengeItem: {},
|
|
203
|
+
endpoint: {},
|
|
204
|
+
domainId: {},
|
|
205
|
+
userSession: {},
|
|
206
|
+
userId: {},
|
|
207
|
+
locale: {},
|
|
208
|
+
isPromo: {},
|
|
209
|
+
isPaused: {},
|
|
210
|
+
onStatusChange: {},
|
|
211
|
+
onClaimed: {}
|
|
212
|
+
},
|
|
213
|
+
[],
|
|
214
|
+
[],
|
|
215
|
+
!0
|
|
216
|
+
);
|
|
217
|
+
export {
|
|
218
|
+
Re as C
|
|
219
|
+
};
|