@everymatrix/loyalty-shop 0.1.11 → 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/{LoyaltyPagination-BcRXvso4.js → LoyaltyPagination-B-q5gKJj.js} +2429 -2837
- package/components/LoyaltyPagination-Boz7CVJt.cjs +16 -0
- package/components/LoyaltyPagination-CEvN3M3n.cjs +16 -0
- package/components/LoyaltyPagination-Z_igiBkY.js +6754 -0
- package/components/LoyaltyPointsCard-BhdXzF1P.cjs +18 -0
- package/components/LoyaltyPointsCard-DRKV1-dq.js +254 -0
- package/components/LoyaltyPointsCard-Dh-TnTTL.cjs +18 -0
- package/components/{LoyaltyPointsCard-DMYnP3nm.js → LoyaltyPointsCard-yCHI1R_t.js} +42 -36
- package/components/LoyaltyShop-BsZThRDe.cjs +27 -0
- package/components/LoyaltyShop-CtNpYAKa.js +517 -0
- package/components/LoyaltyShop-Cx8CxsMn.cjs +27 -0
- package/components/{LoyaltyShop-DV-j5py7.js → LoyaltyShop-DoIx97J9.js} +261 -223
- package/components/LoyaltyShopItem-BRiUNphq.cjs +5 -0
- package/components/{LoyaltyShopItem-BRu06lmS.js → LoyaltyShopItem-C2xuJLoW.js} +82 -74
- package/components/LoyaltyShopItem-D_oViqJP.cjs +5 -0
- package/components/LoyaltyShopItem-bXQ_G5NK.js +355 -0
- package/es2015/loyalty-shop.cjs +1 -0
- package/es2015/loyalty-shop.js +28 -0
- package/esnext/loyalty-shop.cjs +1 -1
- package/esnext/loyalty-shop.js +7 -2
- package/package.json +5 -2
- package/components/LoyaltyPagination-CiEOz3pr.cjs +0 -16
- package/components/LoyaltyPointsCard-BcX6gbsm.cjs +0 -18
- package/components/LoyaltyShop-CJ-9FkKC.cjs +0 -27
- package/components/LoyaltyShopItem-Dd0M-wKW.cjs +0 -5
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-Boz7CVJt.cjs"),N={en:{tokens:"Tokens",tokenBalance:"Token Balance",requestRakeback:"Request Rakeback",pointsToExpire:"{points} Tokens to expire on {date}"},tr:{tokens:"Tokens",tokenBalance:"Token Bakiyesi",requestRakeback:"Rakeback Talebi",pointsToExpire:"{date} tarihinde {points} Tokens sona erecek"},da:{tokens:"Tokens",tokenBalance:"Tokenbalance",requestRakeback:"Anmod om Rakeback",pointsToExpire:"{points} Tokens udløber den {date}"},de:{tokens:"Token",tokenBalance:"Token-Guthaben",requestRakeback:"Rakeback anfordern",pointsToExpire:"{points} Token verfallen am {date}"},nl:{tokens:"Tokens",tokenBalance:"Tokensaldo",requestRakeback:"Rakeback aanvragen",pointsToExpire:"{points} Tokens verlopen op {date}"},fr:{tokens:"Jetons",tokenBalance:"Solde de jetons",requestRakeback:"Demander un Rakeback",pointsToExpire:"{points} jetons expirent le {date}"},hu:{tokens:"Tokenek",tokenBalance:"Token egyenleg",requestRakeback:"Rakeback igénylése",pointsToExpire:"{points} token lejár ekkor: {date}"}};var H=e.from_html('<div class="loyalty-points svelte-1hsy08w"><div class="loyalty-points__content svelte-1hsy08w"><div class="loyalty-points__value svelte-1hsy08w"><span class="loyalty-points__skeleton loyalty-points__skeleton--amount svelte-1hsy08w"></span> <span class="loyalty-points__skeleton loyalty-points__skeleton--description svelte-1hsy08w"></span></div></div></div>'),I=e.from_html('<span class="loyalty-points__expiry svelte-1hsy08w"> </span>'),W=e.from_html('<div class="loyalty-points svelte-1hsy08w"><div class="loyalty-points__content svelte-1hsy08w"><div class="loyalty-points__value svelte-1hsy08w"><span class="loyalty-points__amount svelte-1hsy08w"> </span> <span class="loyalty-points__description svelte-1hsy08w"> </span> <!></div></div></div>');const G={hash:"svelte-1hsy08w",code:`.loyalty-points.svelte-1hsy08w {padding:11px 16px;display:inline-flex;flex-direction:column;background-color:var(--app-container-bg-default, #022652);border-radius:6px;border:1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));width:100%;box-sizing:border-box;}.loyalty-points__content.svelte-1hsy08w {display:flex;align-items:center;justify-content:space-between;gap:12px;}.loyalty-points__value.svelte-1hsy08w {display:flex;flex-direction:column;gap:6px;}.loyalty-points__amount.svelte-1hsy08w {color:var(--text-default, #FFFFFF);font-size:16px;font-weight:700;line-height:140%;}.loyalty-points__description.svelte-1hsy08w {color:var(--text-subtle, #DFE3E8);font-size:14px;font-weight:400;}.loyalty-points__expiry.svelte-1hsy08w {color:var(--text-super-subtle, #DFE3E8);font-size:12px;font-weight:400;}.loyalty-points__skeleton.svelte-1hsy08w {display:block;border-radius:6px;background:linear-gradient(
|
|
2
|
+
90deg,
|
|
3
|
+
var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 0%,
|
|
4
|
+
color-mix(in srgb, var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 80%, white) 50%,
|
|
5
|
+
var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 100%
|
|
6
|
+
);background-size:200% 100%;
|
|
7
|
+
animation: svelte-1hsy08w-shimmer 3s linear infinite;}.loyalty-points__skeleton--amount.svelte-1hsy08w {width:120px;height:22px;}.loyalty-points__skeleton--description.svelte-1hsy08w {width:90px;height:20px;}
|
|
8
|
+
|
|
9
|
+
@keyframes svelte-1hsy08w-shimmer {
|
|
10
|
+
0% {
|
|
11
|
+
background-position: 200% 0;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
100% {
|
|
15
|
+
background-position: -200% 0;
|
|
16
|
+
}
|
|
17
|
+
}`};function b(y,n){e.push(n,!0),e.append_styles(y,G);const a=()=>e.store_get(e.$format,"$_",d),[d,p]=e.setup_stores(),l=e.prop(n,"apiEndpoint",7,""),i=e.prop(n,"userSession",7,""),r=e.prop(n,"locale",7,""),o=e.prop(n,"dateFormat",7,e.DATE_FORMATS),_=e.prop(n,"onLevelLoaded",7,t=>{});e.setupI18n({withLocale:r(),translations:{}}),Object.entries(N).forEach(([t,s])=>{e.addNewMessages(t,s)});const f=e.createElevateData(()=>({apiEndpoint:l(),userSession:i(),locale:r(),loadLevels:!1,onLevelLoaded:_()})),k=e.user_derived(()=>f.spendableWalletTotal),w=e.user_derived(()=>e.get(k)?.points??0),E=e.user_derived(()=>e.get(w).toLocaleString()),S=e.user_derived(()=>f.loading&&e.get(k)===void 0),v=e.user_derived(()=>[...e.get(k)?.aboutToExpire??[]].filter(t=>t.points>0).sort((t,s)=>new Date(t.expireTime).getTime()-new Date(s.expireTime).getTime())[0]),F=e.user_derived(()=>e.get(v)?e.formatDate(e.get(v).expireTime,o()):"");var R={get apiEndpoint(){return l()},set apiEndpoint(t=""){l(t),e.flushSync()},get userSession(){return i()},set userSession(t=""){i(t),e.flushSync()},get locale(){return r()},set locale(t=""){r(t),e.flushSync()},get dateFormat(){return o()},set dateFormat(t=e.DATE_FORMATS){o(t),e.flushSync()},get onLevelLoaded(){return _()},set onLevelLoaded(t=s=>{}){_(t),e.flushSync()}},m=e.comment(),D=e.first_child(m);{var A=t=>{var s=H();e.append(t,s)},B=t=>{var s=W(),x=e.child(s),T=e.child(x),g=e.child(T),M=e.child(g);e.reset(g);var h=e.sibling(g,2),O=e.child(h,!0);e.reset(h);var P=e.sibling(h,2);{var j=c=>{var u=I(),z=e.child(u,!0);e.reset(u),e.template_effect(C=>e.set_text(z,C),[()=>a()("pointsToExpire",{values:{points:e.get(v).points.toLocaleString(),date:e.get(F)}})]),e.append(c,u)};e.if_block(P,c=>{e.get(v)&&c(j)})}e.reset(T),e.reset(x),e.reset(s),e.template_effect((c,u)=>{e.set_text(M,`${e.get(E)??""}
|
|
18
|
+
${c??""}`),e.set_text(O,u)},[()=>a()("tokens"),()=>a()("tokenBalance")]),e.append(t,s)};e.if_block(D,t=>{e.get(S)?t(A):t(B,!1)})}e.append(y,m);var q=e.pop(R);return p(),q}e.create_custom_element(b,{apiEndpoint:{},userSession:{},locale:{},dateFormat:{},onLevelLoaded:{}},[],[],!0);function L(y,n){e.push(n,!0);let a=e.prop(n,"apiEndpoint",7,""),d=e.prop(n,"userSession",7,""),p=e.prop(n,"locale",7,""),l=e.prop(n,"dateFormat",7,e.DATE_FORMATS),i=e.prop(n,"onLevelLoaded");var r={get apiEndpoint(){return a()},set apiEndpoint(o=""){a(o),e.flushSync()},get userSession(){return d()},set userSession(o=""){d(o),e.flushSync()},get locale(){return p()},set locale(o=""){p(o),e.flushSync()},get dateFormat(){return l()},set dateFormat(o=e.DATE_FORMATS){l(o),e.flushSync()},get onLevelLoaded(){return i()},set onLevelLoaded(o){i(o),e.flushSync()}};return b(y,{get apiEndpoint(){return a()},get userSession(){return d()},get locale(){return p()},get dateFormat(){return l()},get onLevelLoaded(){return i()}}),e.pop(r)}customElements.define("loyalty-points-card",e.create_custom_element(L,{apiEndpoint:{},userSession:{},locale:{},dateFormat:{},onLevelLoaded:{}},[],[],!1));const J=Object.freeze(Object.defineProperty({__proto__:null,default:L},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyPointsCard=b;exports.LoyaltyPointsCard_ce=J;
|
|
@@ -0,0 +1,254 @@
|
|
|
1
|
+
import { c as M, p as O, a as te, b as o, s as ae, d as ne, e as se, f as oe, g as le, i as j, h as T, j as P, D as w, k as l, l as ie, m as s, u as y, n as u, r as k, o as z, t as A, q as R, v as D, w as re, $ as de, x as pe } from "./LoyaltyPagination-Z_igiBkY.js";
|
|
2
|
+
typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class {
|
|
3
|
+
}, globalThis.customElements = { define() {
|
|
4
|
+
}, get() {
|
|
5
|
+
}, whenDefined() {
|
|
6
|
+
} });
|
|
7
|
+
const ce = {
|
|
8
|
+
en: {
|
|
9
|
+
tokens: "Tokens",
|
|
10
|
+
tokenBalance: "Token Balance",
|
|
11
|
+
requestRakeback: "Request Rakeback",
|
|
12
|
+
pointsToExpire: "{points} Tokens to expire on {date}"
|
|
13
|
+
},
|
|
14
|
+
tr: {
|
|
15
|
+
tokens: "Tokens",
|
|
16
|
+
tokenBalance: "Token Bakiyesi",
|
|
17
|
+
requestRakeback: "Rakeback Talebi",
|
|
18
|
+
pointsToExpire: "{date} tarihinde {points} Tokens sona erecek"
|
|
19
|
+
},
|
|
20
|
+
da: {
|
|
21
|
+
tokens: "Tokens",
|
|
22
|
+
tokenBalance: "Tokenbalance",
|
|
23
|
+
requestRakeback: "Anmod om Rakeback",
|
|
24
|
+
pointsToExpire: "{points} Tokens udløber den {date}"
|
|
25
|
+
},
|
|
26
|
+
de: {
|
|
27
|
+
tokens: "Token",
|
|
28
|
+
tokenBalance: "Token-Guthaben",
|
|
29
|
+
requestRakeback: "Rakeback anfordern",
|
|
30
|
+
pointsToExpire: "{points} Token verfallen am {date}"
|
|
31
|
+
},
|
|
32
|
+
nl: {
|
|
33
|
+
tokens: "Tokens",
|
|
34
|
+
tokenBalance: "Tokensaldo",
|
|
35
|
+
requestRakeback: "Rakeback aanvragen",
|
|
36
|
+
pointsToExpire: "{points} Tokens verlopen op {date}"
|
|
37
|
+
},
|
|
38
|
+
fr: {
|
|
39
|
+
tokens: "Jetons",
|
|
40
|
+
tokenBalance: "Solde de jetons",
|
|
41
|
+
requestRakeback: "Demander un Rakeback",
|
|
42
|
+
pointsToExpire: "{points} jetons expirent le {date}"
|
|
43
|
+
},
|
|
44
|
+
hu: {
|
|
45
|
+
tokens: "Tokenek",
|
|
46
|
+
tokenBalance: "Token egyenleg",
|
|
47
|
+
requestRakeback: "Rakeback igénylése",
|
|
48
|
+
pointsToExpire: "{points} token lejár ekkor: {date}"
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
var ve = D('<div class="loyalty-points svelte-1hsy08w"><div class="loyalty-points__content svelte-1hsy08w"><div class="loyalty-points__value svelte-1hsy08w"><span class="loyalty-points__skeleton loyalty-points__skeleton--amount svelte-1hsy08w"></span> <span class="loyalty-points__skeleton loyalty-points__skeleton--description svelte-1hsy08w"></span></div></div></div>'), ye = D('<span class="loyalty-points__expiry svelte-1hsy08w"> </span>'), ue = D('<div class="loyalty-points svelte-1hsy08w"><div class="loyalty-points__content svelte-1hsy08w"><div class="loyalty-points__value svelte-1hsy08w"><span class="loyalty-points__amount svelte-1hsy08w"> </span> <span class="loyalty-points__description svelte-1hsy08w"> </span> <!></div></div></div>');
|
|
52
|
+
const ke = {
|
|
53
|
+
hash: "svelte-1hsy08w",
|
|
54
|
+
code: `.loyalty-points.svelte-1hsy08w {padding:11px 16px;display:inline-flex;flex-direction:column;background-color:var(--app-container-bg-default, #022652);border-radius:6px;border:1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));width:100%;box-sizing:border-box;}.loyalty-points__content.svelte-1hsy08w {display:flex;align-items:center;justify-content:space-between;gap:12px;}.loyalty-points__value.svelte-1hsy08w {display:flex;flex-direction:column;gap:6px;}.loyalty-points__amount.svelte-1hsy08w {color:var(--text-default, #FFFFFF);font-size:16px;font-weight:700;line-height:140%;}.loyalty-points__description.svelte-1hsy08w {color:var(--text-subtle, #DFE3E8);font-size:14px;font-weight:400;}.loyalty-points__expiry.svelte-1hsy08w {color:var(--text-super-subtle, #DFE3E8);font-size:12px;font-weight:400;}.loyalty-points__skeleton.svelte-1hsy08w {display:block;border-radius:6px;background:linear-gradient(
|
|
55
|
+
90deg,
|
|
56
|
+
var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 0%,
|
|
57
|
+
color-mix(in srgb, var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 80%, white) 50%,
|
|
58
|
+
var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 100%
|
|
59
|
+
);background-size:200% 100%;
|
|
60
|
+
animation: svelte-1hsy08w-shimmer 3s linear infinite;}.loyalty-points__skeleton--amount.svelte-1hsy08w {width:120px;height:22px;}.loyalty-points__skeleton--description.svelte-1hsy08w {width:90px;height:20px;}
|
|
61
|
+
|
|
62
|
+
@keyframes svelte-1hsy08w-shimmer {
|
|
63
|
+
0% {
|
|
64
|
+
background-position: 200% 0;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
100% {
|
|
68
|
+
background-position: -200% 0;
|
|
69
|
+
}
|
|
70
|
+
}`
|
|
71
|
+
};
|
|
72
|
+
function C(m, a) {
|
|
73
|
+
O(a, !0), te(m, ke);
|
|
74
|
+
const i = () => re(de, "$_", _), [_, g] = ie(), r = o(a, "apiEndpoint", 7, ""), d = o(a, "userSession", 7, ""), c = o(a, "locale", 7, ""), n = o(a, "dateFormat", 7, w), L = o(a, "onLevelLoaded", 7, (e) => {
|
|
75
|
+
});
|
|
76
|
+
ae({ withLocale: c(), translations: {} }), Object.entries(ce).forEach(([e, t]) => {
|
|
77
|
+
ne(e, t);
|
|
78
|
+
});
|
|
79
|
+
const B = se(() => ({
|
|
80
|
+
apiEndpoint: r(),
|
|
81
|
+
userSession: d(),
|
|
82
|
+
locale: c(),
|
|
83
|
+
loadLevels: !1,
|
|
84
|
+
onLevelLoaded: L()
|
|
85
|
+
})), E = y(() => B.spendableWalletTotal), H = y(() => {
|
|
86
|
+
var e, t;
|
|
87
|
+
return (t = (e = s(E)) == null ? void 0 : e.points) != null ? t : 0;
|
|
88
|
+
}), I = y(() => s(H).toLocaleString()), W = y(() => B.loading && s(E) === void 0), h = y(() => {
|
|
89
|
+
var e, t;
|
|
90
|
+
return [...(t = (e = s(E)) == null ? void 0 : e.aboutToExpire) != null ? t : []].filter((v) => v.points > 0).sort((v, x) => new Date(v.expireTime).getTime() - new Date(x.expireTime).getTime())[0];
|
|
91
|
+
}), G = y(() => s(h) ? pe(s(h).expireTime, n()) : "");
|
|
92
|
+
var J = {
|
|
93
|
+
get apiEndpoint() {
|
|
94
|
+
return r();
|
|
95
|
+
},
|
|
96
|
+
set apiEndpoint(e = "") {
|
|
97
|
+
r(e), l();
|
|
98
|
+
},
|
|
99
|
+
get userSession() {
|
|
100
|
+
return d();
|
|
101
|
+
},
|
|
102
|
+
set userSession(e = "") {
|
|
103
|
+
d(e), l();
|
|
104
|
+
},
|
|
105
|
+
get locale() {
|
|
106
|
+
return c();
|
|
107
|
+
},
|
|
108
|
+
set locale(e = "") {
|
|
109
|
+
c(e), l();
|
|
110
|
+
},
|
|
111
|
+
get dateFormat() {
|
|
112
|
+
return n();
|
|
113
|
+
},
|
|
114
|
+
set dateFormat(e = w) {
|
|
115
|
+
n(e), l();
|
|
116
|
+
},
|
|
117
|
+
get onLevelLoaded() {
|
|
118
|
+
return L();
|
|
119
|
+
},
|
|
120
|
+
set onLevelLoaded(e = (t) => {
|
|
121
|
+
}) {
|
|
122
|
+
L(e), l();
|
|
123
|
+
}
|
|
124
|
+
}, q = oe(), K = le(q);
|
|
125
|
+
{
|
|
126
|
+
var Q = (e) => {
|
|
127
|
+
var t = ve();
|
|
128
|
+
T(e, t);
|
|
129
|
+
}, U = (e) => {
|
|
130
|
+
var t = ue(), v = u(t), x = u(v), S = u(x), X = u(S);
|
|
131
|
+
k(S);
|
|
132
|
+
var F = z(S, 2), Y = u(F, !0);
|
|
133
|
+
k(F);
|
|
134
|
+
var Z = z(F, 2);
|
|
135
|
+
{
|
|
136
|
+
var $ = (p) => {
|
|
137
|
+
var b = ye(), f = u(b, !0);
|
|
138
|
+
k(b), A((ee) => R(f, ee), [
|
|
139
|
+
() => i()("pointsToExpire", {
|
|
140
|
+
values: {
|
|
141
|
+
points: s(h).points.toLocaleString(),
|
|
142
|
+
date: s(G)
|
|
143
|
+
}
|
|
144
|
+
})
|
|
145
|
+
]), T(p, b);
|
|
146
|
+
};
|
|
147
|
+
j(Z, (p) => {
|
|
148
|
+
s(h) && p($);
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
k(x), k(v), k(t), A(
|
|
152
|
+
(p, b) => {
|
|
153
|
+
var f;
|
|
154
|
+
R(X, `${(f = s(I)) != null ? f : ""}
|
|
155
|
+
${p != null ? p : ""}`), R(Y, b);
|
|
156
|
+
},
|
|
157
|
+
[() => i()("tokens"), () => i()("tokenBalance")]
|
|
158
|
+
), T(e, t);
|
|
159
|
+
};
|
|
160
|
+
j(K, (e) => {
|
|
161
|
+
s(W) ? e(Q) : e(U, !1);
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
T(m, q);
|
|
165
|
+
var V = P(J);
|
|
166
|
+
return g(), V;
|
|
167
|
+
}
|
|
168
|
+
M(
|
|
169
|
+
C,
|
|
170
|
+
{
|
|
171
|
+
apiEndpoint: {},
|
|
172
|
+
userSession: {},
|
|
173
|
+
locale: {},
|
|
174
|
+
dateFormat: {},
|
|
175
|
+
onLevelLoaded: {}
|
|
176
|
+
},
|
|
177
|
+
[],
|
|
178
|
+
[],
|
|
179
|
+
!0
|
|
180
|
+
);
|
|
181
|
+
function N(m, a) {
|
|
182
|
+
O(a, !0);
|
|
183
|
+
let i = o(a, "apiEndpoint", 7, ""), _ = o(a, "userSession", 7, ""), g = o(a, "locale", 7, ""), r = o(a, "dateFormat", 7, w), d = o(a, "onLevelLoaded");
|
|
184
|
+
var c = {
|
|
185
|
+
get apiEndpoint() {
|
|
186
|
+
return i();
|
|
187
|
+
},
|
|
188
|
+
set apiEndpoint(n = "") {
|
|
189
|
+
i(n), l();
|
|
190
|
+
},
|
|
191
|
+
get userSession() {
|
|
192
|
+
return _();
|
|
193
|
+
},
|
|
194
|
+
set userSession(n = "") {
|
|
195
|
+
_(n), l();
|
|
196
|
+
},
|
|
197
|
+
get locale() {
|
|
198
|
+
return g();
|
|
199
|
+
},
|
|
200
|
+
set locale(n = "") {
|
|
201
|
+
g(n), l();
|
|
202
|
+
},
|
|
203
|
+
get dateFormat() {
|
|
204
|
+
return r();
|
|
205
|
+
},
|
|
206
|
+
set dateFormat(n = w) {
|
|
207
|
+
r(n), l();
|
|
208
|
+
},
|
|
209
|
+
get onLevelLoaded() {
|
|
210
|
+
return d();
|
|
211
|
+
},
|
|
212
|
+
set onLevelLoaded(n) {
|
|
213
|
+
d(n), l();
|
|
214
|
+
}
|
|
215
|
+
};
|
|
216
|
+
return C(m, {
|
|
217
|
+
get apiEndpoint() {
|
|
218
|
+
return i();
|
|
219
|
+
},
|
|
220
|
+
get userSession() {
|
|
221
|
+
return _();
|
|
222
|
+
},
|
|
223
|
+
get locale() {
|
|
224
|
+
return g();
|
|
225
|
+
},
|
|
226
|
+
get dateFormat() {
|
|
227
|
+
return r();
|
|
228
|
+
},
|
|
229
|
+
get onLevelLoaded() {
|
|
230
|
+
return d();
|
|
231
|
+
}
|
|
232
|
+
}), P(c);
|
|
233
|
+
}
|
|
234
|
+
customElements.define("loyalty-points-card", M(
|
|
235
|
+
N,
|
|
236
|
+
{
|
|
237
|
+
apiEndpoint: {},
|
|
238
|
+
userSession: {},
|
|
239
|
+
locale: {},
|
|
240
|
+
dateFormat: {},
|
|
241
|
+
onLevelLoaded: {}
|
|
242
|
+
},
|
|
243
|
+
[],
|
|
244
|
+
[],
|
|
245
|
+
!1
|
|
246
|
+
));
|
|
247
|
+
const ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
248
|
+
__proto__: null,
|
|
249
|
+
default: N
|
|
250
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
251
|
+
export {
|
|
252
|
+
C as L,
|
|
253
|
+
ge as a
|
|
254
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
typeof globalThis.HTMLElement=="undefined"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-CEvN3M3n.cjs"),N={en:{tokens:"Tokens",tokenBalance:"Token Balance",requestRakeback:"Request Rakeback",pointsToExpire:"{points} Tokens to expire on {date}"},tr:{tokens:"Tokens",tokenBalance:"Token Bakiyesi",requestRakeback:"Rakeback Talebi",pointsToExpire:"{date} tarihinde {points} Tokens sona erecek"},da:{tokens:"Tokens",tokenBalance:"Tokenbalance",requestRakeback:"Anmod om Rakeback",pointsToExpire:"{points} Tokens udløber den {date}"},de:{tokens:"Token",tokenBalance:"Token-Guthaben",requestRakeback:"Rakeback anfordern",pointsToExpire:"{points} Token verfallen am {date}"},nl:{tokens:"Tokens",tokenBalance:"Tokensaldo",requestRakeback:"Rakeback aanvragen",pointsToExpire:"{points} Tokens verlopen op {date}"},fr:{tokens:"Jetons",tokenBalance:"Solde de jetons",requestRakeback:"Demander un Rakeback",pointsToExpire:"{points} jetons expirent le {date}"},hu:{tokens:"Tokenek",tokenBalance:"Token egyenleg",requestRakeback:"Rakeback igénylése",pointsToExpire:"{points} token lejár ekkor: {date}"}};var H=e.from_html('<div class="loyalty-points svelte-1hsy08w"><div class="loyalty-points__content svelte-1hsy08w"><div class="loyalty-points__value svelte-1hsy08w"><span class="loyalty-points__skeleton loyalty-points__skeleton--amount svelte-1hsy08w"></span> <span class="loyalty-points__skeleton loyalty-points__skeleton--description svelte-1hsy08w"></span></div></div></div>'),I=e.from_html('<span class="loyalty-points__expiry svelte-1hsy08w"> </span>'),W=e.from_html('<div class="loyalty-points svelte-1hsy08w"><div class="loyalty-points__content svelte-1hsy08w"><div class="loyalty-points__value svelte-1hsy08w"><span class="loyalty-points__amount svelte-1hsy08w"> </span> <span class="loyalty-points__description svelte-1hsy08w"> </span> <!></div></div></div>');const G={hash:"svelte-1hsy08w",code:`.loyalty-points.svelte-1hsy08w {padding:11px 16px;display:inline-flex;flex-direction:column;background-color:var(--app-container-bg-default, #022652);border-radius:6px;border:1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));width:100%;box-sizing:border-box;}.loyalty-points__content.svelte-1hsy08w {display:flex;align-items:center;justify-content:space-between;gap:12px;}.loyalty-points__value.svelte-1hsy08w {display:flex;flex-direction:column;gap:6px;}.loyalty-points__amount.svelte-1hsy08w {color:var(--text-default, #FFFFFF);font-size:16px;font-weight:700;line-height:140%;}.loyalty-points__description.svelte-1hsy08w {color:var(--text-subtle, #DFE3E8);font-size:14px;font-weight:400;}.loyalty-points__expiry.svelte-1hsy08w {color:var(--text-super-subtle, #DFE3E8);font-size:12px;font-weight:400;}.loyalty-points__skeleton.svelte-1hsy08w {display:block;border-radius:6px;background:linear-gradient(
|
|
2
|
+
90deg,
|
|
3
|
+
var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 0%,
|
|
4
|
+
color-mix(in srgb, var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 80%, white) 50%,
|
|
5
|
+
var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 100%
|
|
6
|
+
);background-size:200% 100%;
|
|
7
|
+
animation: svelte-1hsy08w-shimmer 3s linear infinite;}.loyalty-points__skeleton--amount.svelte-1hsy08w {width:120px;height:22px;}.loyalty-points__skeleton--description.svelte-1hsy08w {width:90px;height:20px;}
|
|
8
|
+
|
|
9
|
+
@keyframes svelte-1hsy08w-shimmer {
|
|
10
|
+
0% {
|
|
11
|
+
background-position: 200% 0;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
100% {
|
|
15
|
+
background-position: -200% 0;
|
|
16
|
+
}
|
|
17
|
+
}`};function x(v,o){e.push(o,!0),e.append_styles(v,G);const a=()=>e.store_get(e.$format,"$_",c),[c,u]=e.setup_stores(),l=e.prop(o,"apiEndpoint",7,""),i=e.prop(o,"userSession",7,""),d=e.prop(o,"locale",7,""),s=e.prop(o,"dateFormat",7,e.DATE_FORMATS),h=e.prop(o,"onLevelLoaded",7,t=>{});e.setupI18n({withLocale:d(),translations:{}}),Object.entries(N).forEach(([t,n])=>{e.addNewMessages(t,n)});const T=e.createElevateData(()=>({apiEndpoint:l(),userSession:i(),locale:d(),loadLevels:!1,onLevelLoaded:h()})),b=e.user_derived(()=>T.spendableWalletTotal),E=e.user_derived(()=>{var t,n;return(n=(t=e.get(b))==null?void 0:t.points)!=null?n:0}),S=e.user_derived(()=>e.get(E).toLocaleString()),F=e.user_derived(()=>T.loading&&e.get(b)===void 0),_=e.user_derived(()=>{var t,n;return[...(n=(t=e.get(b))==null?void 0:t.aboutToExpire)!=null?n:[]].filter(p=>p.points>0).sort((p,k)=>new Date(p.expireTime).getTime()-new Date(k.expireTime).getTime())[0]}),R=e.user_derived(()=>e.get(_)?e.formatDate(e.get(_).expireTime,s()):"");var D={get apiEndpoint(){return l()},set apiEndpoint(t=""){l(t),e.flushSync()},get userSession(){return i()},set userSession(t=""){i(t),e.flushSync()},get locale(){return d()},set locale(t=""){d(t),e.flushSync()},get dateFormat(){return s()},set dateFormat(t=e.DATE_FORMATS){s(t),e.flushSync()},get onLevelLoaded(){return h()},set onLevelLoaded(t=n=>{}){h(t),e.flushSync()}},L=e.comment(),A=e.first_child(L);{var B=t=>{var n=H();e.append(t,n)},q=t=>{var n=W(),p=e.child(n),k=e.child(p),f=e.child(k),O=e.child(f);e.reset(f);var m=e.sibling(f,2),P=e.child(m,!0);e.reset(m);var j=e.sibling(m,2);{var z=r=>{var y=I(),g=e.child(y,!0);e.reset(y),e.template_effect(C=>e.set_text(g,C),[()=>a()("pointsToExpire",{values:{points:e.get(_).points.toLocaleString(),date:e.get(R)}})]),e.append(r,y)};e.if_block(j,r=>{e.get(_)&&r(z)})}e.reset(k),e.reset(p),e.reset(n),e.template_effect((r,y)=>{var g;e.set_text(O,`${(g=e.get(S))!=null?g:""}
|
|
18
|
+
${r!=null?r:""}`),e.set_text(P,y)},[()=>a()("tokens"),()=>a()("tokenBalance")]),e.append(t,n)};e.if_block(A,t=>{e.get(F)?t(B):t(q,!1)})}e.append(v,L);var M=e.pop(D);return u(),M}e.create_custom_element(x,{apiEndpoint:{},userSession:{},locale:{},dateFormat:{},onLevelLoaded:{}},[],[],!0);function w(v,o){e.push(o,!0);let a=e.prop(o,"apiEndpoint",7,""),c=e.prop(o,"userSession",7,""),u=e.prop(o,"locale",7,""),l=e.prop(o,"dateFormat",7,e.DATE_FORMATS),i=e.prop(o,"onLevelLoaded");var d={get apiEndpoint(){return a()},set apiEndpoint(s=""){a(s),e.flushSync()},get userSession(){return c()},set userSession(s=""){c(s),e.flushSync()},get locale(){return u()},set locale(s=""){u(s),e.flushSync()},get dateFormat(){return l()},set dateFormat(s=e.DATE_FORMATS){l(s),e.flushSync()},get onLevelLoaded(){return i()},set onLevelLoaded(s){i(s),e.flushSync()}};return x(v,{get apiEndpoint(){return a()},get userSession(){return c()},get locale(){return u()},get dateFormat(){return l()},get onLevelLoaded(){return i()}}),e.pop(d)}customElements.define("loyalty-points-card",e.create_custom_element(w,{apiEndpoint:{},userSession:{},locale:{},dateFormat:{},onLevelLoaded:{}},[],[],!1));const J=Object.freeze(Object.defineProperty({__proto__:null,default:w},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyPointsCard=x;exports.LoyaltyPointsCard_ce=J;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import { c as A, p as
|
|
1
|
+
import { c as A, p as M, a as te, b as o, s as ae, d as ne, e as se, f as oe, g as le, i as q, h, j as O, D as x, k as l, l as ie, m as n, u as c, n as v, r as y, o as j, t as z, q as E, v as S, w as re, $ as de, x as pe } from "./LoyaltyPagination-B-q5gKJj.js";
|
|
2
|
+
typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
|
|
3
|
+
}, globalThis.customElements = { define() {
|
|
4
|
+
}, get() {
|
|
5
|
+
}, whenDefined() {
|
|
6
|
+
} });
|
|
2
7
|
const ce = {
|
|
3
8
|
en: {
|
|
4
9
|
tokens: "Tokens",
|
|
@@ -64,21 +69,21 @@ const ke = {
|
|
|
64
69
|
}
|
|
65
70
|
}`
|
|
66
71
|
};
|
|
67
|
-
function
|
|
68
|
-
|
|
69
|
-
const i = () => re(de, "$_", u), [u, k] = ie(), r =
|
|
72
|
+
function P(b, t) {
|
|
73
|
+
M(t, !0), te(b, ke);
|
|
74
|
+
const i = () => re(de, "$_", u), [u, k] = ie(), r = o(t, "apiEndpoint", 7, ""), d = o(t, "userSession", 7, ""), p = o(t, "locale", 7, ""), a = o(t, "dateFormat", 7, x), f = o(t, "onLevelLoaded", 7, (e) => {
|
|
70
75
|
});
|
|
71
|
-
ae({ withLocale: p(), translations: {} }), Object.entries(ce).forEach(([e,
|
|
72
|
-
ne(e,
|
|
76
|
+
ae({ withLocale: p(), translations: {} }), Object.entries(ce).forEach(([e, s]) => {
|
|
77
|
+
ne(e, s);
|
|
73
78
|
});
|
|
74
|
-
const F =
|
|
79
|
+
const F = se(() => ({
|
|
75
80
|
apiEndpoint: r(),
|
|
76
81
|
userSession: d(),
|
|
77
82
|
locale: p(),
|
|
78
83
|
loadLevels: !1,
|
|
79
84
|
onLevelLoaded: f()
|
|
80
|
-
})), T = c(() => F.spendableWalletTotal), N = c(() => n(T)?.points ?? 0),
|
|
81
|
-
var
|
|
85
|
+
})), T = c(() => F.spendableWalletTotal), N = c(() => n(T)?.points ?? 0), H = c(() => n(N).toLocaleString()), I = c(() => F.loading && n(T) === void 0), m = c(() => [...n(T)?.aboutToExpire ?? []].filter((e) => e.points > 0).sort((e, s) => new Date(e.expireTime).getTime() - new Date(s.expireTime).getTime())[0]), W = c(() => n(m) ? pe(n(m).expireTime, a()) : "");
|
|
86
|
+
var G = {
|
|
82
87
|
get apiEndpoint() {
|
|
83
88
|
return r();
|
|
84
89
|
},
|
|
@@ -100,23 +105,23 @@ function C(b, t) {
|
|
|
100
105
|
get dateFormat() {
|
|
101
106
|
return a();
|
|
102
107
|
},
|
|
103
|
-
set dateFormat(e =
|
|
108
|
+
set dateFormat(e = x) {
|
|
104
109
|
a(e), l();
|
|
105
110
|
},
|
|
106
111
|
get onLevelLoaded() {
|
|
107
112
|
return f();
|
|
108
113
|
},
|
|
109
|
-
set onLevelLoaded(e = (
|
|
114
|
+
set onLevelLoaded(e = (s) => {
|
|
110
115
|
}) {
|
|
111
116
|
f(e), l();
|
|
112
117
|
}
|
|
113
|
-
}, R =
|
|
118
|
+
}, R = oe(), J = le(R);
|
|
114
119
|
{
|
|
115
120
|
var K = (e) => {
|
|
116
|
-
var
|
|
117
|
-
|
|
121
|
+
var s = ve();
|
|
122
|
+
h(e, s);
|
|
118
123
|
}, Q = (e) => {
|
|
119
|
-
var
|
|
124
|
+
var s = ue(), D = v(s), B = v(D), w = v(B), V = v(w);
|
|
120
125
|
y(w);
|
|
121
126
|
var L = j(w, 2), X = v(L, !0);
|
|
122
127
|
y(L);
|
|
@@ -128,33 +133,33 @@ function C(b, t) {
|
|
|
128
133
|
() => i()("pointsToExpire", {
|
|
129
134
|
values: {
|
|
130
135
|
points: n(m).points.toLocaleString(),
|
|
131
|
-
date: n(
|
|
136
|
+
date: n(W)
|
|
132
137
|
}
|
|
133
138
|
})
|
|
134
|
-
]),
|
|
139
|
+
]), h(_, g);
|
|
135
140
|
};
|
|
136
141
|
q(Y, (_) => {
|
|
137
142
|
n(m) && _(Z);
|
|
138
143
|
});
|
|
139
144
|
}
|
|
140
|
-
y(
|
|
145
|
+
y(B), y(D), y(s), z(
|
|
141
146
|
(_, g) => {
|
|
142
|
-
E(V, `${n(
|
|
147
|
+
E(V, `${n(H) ?? ""}
|
|
143
148
|
${_ ?? ""}`), E(X, g);
|
|
144
149
|
},
|
|
145
150
|
[() => i()("tokens"), () => i()("tokenBalance")]
|
|
146
|
-
),
|
|
151
|
+
), h(e, s);
|
|
147
152
|
};
|
|
148
|
-
q(
|
|
149
|
-
n(
|
|
153
|
+
q(J, (e) => {
|
|
154
|
+
n(I) ? e(K) : e(Q, !1);
|
|
150
155
|
});
|
|
151
156
|
}
|
|
152
|
-
|
|
153
|
-
var U =
|
|
157
|
+
h(b, R);
|
|
158
|
+
var U = O(G);
|
|
154
159
|
return k(), U;
|
|
155
160
|
}
|
|
156
161
|
A(
|
|
157
|
-
|
|
162
|
+
P,
|
|
158
163
|
{
|
|
159
164
|
apiEndpoint: {},
|
|
160
165
|
userSession: {},
|
|
@@ -164,11 +169,11 @@ A(
|
|
|
164
169
|
},
|
|
165
170
|
[],
|
|
166
171
|
[],
|
|
167
|
-
|
|
172
|
+
!0
|
|
168
173
|
);
|
|
169
|
-
function
|
|
170
|
-
|
|
171
|
-
let i =
|
|
174
|
+
function C(b, t) {
|
|
175
|
+
M(t, !0);
|
|
176
|
+
let i = o(t, "apiEndpoint", 7, ""), u = o(t, "userSession", 7, ""), k = o(t, "locale", 7, ""), r = o(t, "dateFormat", 7, x), d = o(t, "onLevelLoaded");
|
|
172
177
|
var p = {
|
|
173
178
|
get apiEndpoint() {
|
|
174
179
|
return i();
|
|
@@ -191,7 +196,7 @@ function M(b, t) {
|
|
|
191
196
|
get dateFormat() {
|
|
192
197
|
return r();
|
|
193
198
|
},
|
|
194
|
-
set dateFormat(a =
|
|
199
|
+
set dateFormat(a = x) {
|
|
195
200
|
r(a), l();
|
|
196
201
|
},
|
|
197
202
|
get onLevelLoaded() {
|
|
@@ -201,7 +206,7 @@ function M(b, t) {
|
|
|
201
206
|
d(a), l();
|
|
202
207
|
}
|
|
203
208
|
};
|
|
204
|
-
return
|
|
209
|
+
return P(b, {
|
|
205
210
|
get apiEndpoint() {
|
|
206
211
|
return i();
|
|
207
212
|
},
|
|
@@ -217,10 +222,10 @@ function M(b, t) {
|
|
|
217
222
|
get onLevelLoaded() {
|
|
218
223
|
return d();
|
|
219
224
|
}
|
|
220
|
-
}),
|
|
225
|
+
}), O(p);
|
|
221
226
|
}
|
|
222
227
|
customElements.define("loyalty-points-card", A(
|
|
223
|
-
|
|
228
|
+
C,
|
|
224
229
|
{
|
|
225
230
|
apiEndpoint: {},
|
|
226
231
|
userSession: {},
|
|
@@ -229,13 +234,14 @@ customElements.define("loyalty-points-card", A(
|
|
|
229
234
|
onLevelLoaded: {}
|
|
230
235
|
},
|
|
231
236
|
[],
|
|
232
|
-
[]
|
|
237
|
+
[],
|
|
238
|
+
!1
|
|
233
239
|
));
|
|
234
240
|
const ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
235
241
|
__proto__: null,
|
|
236
|
-
default:
|
|
242
|
+
default: C
|
|
237
243
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
238
244
|
export {
|
|
239
|
-
|
|
245
|
+
P as L,
|
|
240
246
|
ge as a
|
|
241
247
|
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
var Z=(m,n,s)=>new Promise((a,y)=>{var d=l=>{try{p(s.next(l))}catch(_){y(_)}},c=l=>{try{p(s.throw(l))}catch(_){y(_)}},p=l=>l.done?a(l.value):Promise.resolve(l.value).then(d,c);p((s=s.apply(m,n)).next())});typeof globalThis.HTMLElement=="undefined"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-CEvN3M3n.cjs"),Le=require("./LoyaltyShopItem-D_oViqJP.cjs");if(typeof window!="undefined"){let m=function(n){return function(...s){try{return n.apply(this,s)}catch(a){if(a instanceof DOMException&&a.message.includes("has already been used with this registry")||a instanceof Error&&a.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw a}}};customElements.define=m(customElements.define),Promise.resolve().then(()=>require("./LoyaltyPagination-CEvN3M3n.cjs")).then(n=>n.LoyaltyPagination_ce).then(n=>{const s=n.default||n;customElements.get("loyalty-pagination")||customElements.define("loyalty-pagination",s.element||s)}).catch(n=>{console.error("BOOT ERROR:",n)})}if(typeof window!="undefined"){let m=function(n){return function(...s){try{return n.apply(this,s)}catch(a){if(a instanceof DOMException&&a.message.includes("has already been used with this registry")||a instanceof Error&&a.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw a}}};customElements.define=m(customElements.define),Promise.resolve().then(()=>require("./LoyaltyShopItem-D_oViqJP.cjs")).then(n=>n.LoyaltyShopItem_ce).then(n=>{const s=n.default||n;customElements.get("loyalty-shop-item")||customElements.define("loyalty-shop-item",s.element||s)}).catch(n=>{console.error("BOOT ERROR:",n)})}const Te={en:{loading:"Loading…",noContent:"There are no bonus items available for redemption.",networkProblem:"Network problem. Please reload.",tokens:"Tokens",buyNow:"Buy Now",generalError:"Something went wrong... Please try again."},tr:{loading:"Yükleniyor…",noContent:"Kullanılabilir bonus öğesi bulunmamaktadır.",networkProblem:"Ağ sorunu. Lütfen yeniden yükleyin.",tokens:"Tokens",buyNow:"Satın Al",generalError:"Bir sorun oluştu, lütfen tekrar deneyin."},da:{loading:"Indlæser…",noContent:"Der er ingen bonusgenstande tilgængelige til indløsning.",networkProblem:"Netværksproblem. Genindlæs venligst siden.",tokens:"Tokens",buyNow:"Køb nu",generalError:"Noget gik galt. Prøv venligst igen."},de:{loading:"Wird geladen…",noContent:"Es sind keine Bonusartikel zum Einlösen verfügbar.",networkProblem:"Netzwerkproblem. Bitte lade die Seite neu.",tokens:"Token",buyNow:"Jetzt kaufen",generalError:"Etwas ist schiefgelaufen. Bitte versuche es erneut."},nl:{loading:"Laden…",noContent:"Er zijn geen bonusitems beschikbaar om in te wisselen.",networkProblem:"Netwerkprobleem. Laad de pagina opnieuw.",tokens:"Tokens",buyNow:"Nu kopen",generalError:"Er is iets misgegaan. Probeer het opnieuw."},fr:{loading:"Chargement…",noContent:"Aucun bonus n'est disponible pour être échangé.",networkProblem:"Problème de réseau. Veuillez recharger la page.",tokens:"Jetons",buyNow:"Acheter",generalError:"Une erreur s'est produite. Veuillez réessayer."},hu:{loading:"Betöltés…",noContent:"Nincsenek beváltható bónuszok.",networkProblem:"Hálózati probléma. Kérjük, töltsd újra az oldalt.",tokens:"Tokenek",buyNow:"Vásárlás",generalError:"Hiba történt. Kérjük, próbáld újra."}},Me="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";var Ce=e.from_html('<div class="loyalty-shop__item loyalty-shop__item--skeleton svelte-1f1q033"><div class="loyalty-shop__item-image skeleton-box svelte-1f1q033"></div> <div class="loyalty-shop__item-title skeleton-line svelte-1f1q033"></div> <div class="loyalty-shop__item-points skeleton-line skeleton-line--short svelte-1f1q033"></div> <div class="loyalty-shop__item-button-skeleton skeleton-box svelte-1f1q033"></div></div>'),Re=e.from_html('<div class="loyalty-shop__grid loyalty-shop__grid--skeleton svelte-1f1q033"></div>'),Ne=e.from_html('<div class="loyalty-shop__unavailable svelte-1f1q033"> </div>'),Oe=e.from_html('<div><div role="button" tabindex="0" class="loyalty-shop__item-image-container svelte-1f1q033"><img class="loyalty-shop__item-image svelte-1f1q033"/></div> <span class="loyalty-shop__item-title svelte-1f1q033"> </span> <span class="loyalty-shop__item-points svelte-1f1q033"> </span> <button class="loyalty-shop__item-button svelte-1f1q033" type="button"> </button></div>'),Pe=e.from_html('<div class="load-more-sentinel svelte-1f1q033" aria-hidden="true"></div>'),Ue=e.from_html('<div class="loyalty-shop__grid svelte-1f1q033"></div> <!> <!>',1),De=e.from_html('<div class="loyalty-shop svelte-1f1q033"><!></div>');const Ae={hash:"svelte-1f1q033",code:`.loyalty-shop.svelte-1f1q033 {padding:16px;border-radius:6px;border:1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));background-color:var(--app-container-bg-default, #022652);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;}.loyalty-shop__unavailable.svelte-1f1q033 {color:var(--text-subtle, #dfe3e8);font-size:14px;padding:24px 0;text-align:center;}.loyalty-shop__grid.svelte-1f1q033 {display:grid;gap:16px;grid-template-columns:repeat(2, 1fr);margin:0;}.loyalty-shop__item.svelte-1f1q033 {display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:10px;border:1px solid var(--border-default, rgba(251, 251, 251, 0.15));background-color:var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1));}.loyalty-shop__item--unavailable.svelte-1f1q033 {opacity:1;}.loyalty-shop__item-image.svelte-1f1q033 {width:100%;height:82px;border-radius:6px;}.loyalty-shop__item-title.svelte-1f1q033 {color:var(--text-default, #ffffff);font-size:12px;font-weight:400;}.loyalty-shop__item-points.svelte-1f1q033 {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-shop__item-button.svelte-1f1q033 {margin-top:auto;width:100%;height:37px;padding:8px 16px;border:none;border-radius:6px;background:var(--button-primary-bg-default, #ffcc00);color:var(--button-primary-text-default, #261d00);font-size:12px;font-weight:400;cursor:pointer;}.loyalty-shop__item-button.svelte-1f1q033:disabled {opacity:0.4;cursor:default;}.skeleton-box.svelte-1f1q033 {background:linear-gradient(
|
|
2
|
+
90deg,
|
|
3
|
+
var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 0%,
|
|
4
|
+
color-mix(in srgb, var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 80%, white) 50%,
|
|
5
|
+
var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 100%
|
|
6
|
+
);background-size:200% 100%;
|
|
7
|
+
animation: svelte-1f1q033-shimmer 3s linear infinite;border-radius:6px;}.skeleton-line.svelte-1f1q033 {height:14px;border-radius:6px;background:linear-gradient(
|
|
8
|
+
90deg,
|
|
9
|
+
var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 0%,
|
|
10
|
+
color-mix(in srgb, var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 80%, white) 50%,
|
|
11
|
+
var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 100%
|
|
12
|
+
);background-size:200% 100%;
|
|
13
|
+
animation: svelte-1f1q033-shimmer 3s linear infinite;}.skeleton-line--short.svelte-1f1q033 {width:40%;}.loyalty-shop__item--skeleton.svelte-1f1q033 {display:flex;flex-direction:column;}.loyalty-shop__item--skeleton.svelte-1f1q033 .loyalty-shop__item-image:where(.svelte-1f1q033) {width:100%;height:82px;border-radius:6px;}.loyalty-shop__item--skeleton.svelte-1f1q033 .loyalty-shop__item-title:where(.svelte-1f1q033) {width:90%;}.loyalty-shop__item--skeleton.svelte-1f1q033 .loyalty-shop__item-points:where(.svelte-1f1q033) {width:40%;}.loyalty-shop__item-button-skeleton.svelte-1f1q033 {margin-top:auto;width:100%;height:40px;border-radius:6px;}.loyalty-shop__item-image-container.svelte-1f1q033 {cursor:pointer;}
|
|
14
|
+
|
|
15
|
+
@keyframes svelte-1f1q033-shimmer {
|
|
16
|
+
0% {
|
|
17
|
+
background-position: 200% 0;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
100% {
|
|
21
|
+
background-position: -200% 0;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@media (min-width: 768px) {.loyalty-shop__grid.svelte-1f1q033 {grid-template-columns:repeat(4, 1fr);justify-content:start;margin:0;}.loyalty-shop__item.svelte-1f1q033 {width:100%;height:100%;box-sizing:border-box;}.loyalty-shop__item-image.svelte-1f1q033 {height:200px;}.loyalty-shop__item--skeleton.svelte-1f1q033 .loyalty-shop__item-image:where(.svelte-1f1q033) {height:200px;}
|
|
26
|
+
}`};function J(m,n){e.push(n,!0),e.append_styles(m,Ae);const s=()=>e.store_get(e.$format,"$_",a),[a,y]=e.setup_stores(),d=e.prop(n,"apiEndpoint",7,""),c=e.prop(n,"userSession",7,""),p=e.prop(n,"locale",7,""),l=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),_=e.prop(n,"translationUrl");e.setupI18n({withLocale:p(),translations:{}});const oe=()=>Z(this,null,function*(){try{const t=new URL(_(),window.location.href),o=yield fetch(t.href);if(!o.ok)throw new Error("Failed to fetch translations");const r=yield o.json();Object.entries(r).forEach(([i,v])=>{e.addNewMessages(i,v)})}catch(t){console.error("loyalty shop translation url err:",t)}});Object.entries(Te).forEach(([t,o])=>{e.addNewMessages(t,o)});let h=e.state(e.proxy([])),I=e.state(void 0),C=e.state(0),w=e.state(0),S=e.state(e.proxy(e.MOBILE_LOAD_ITEMS)),D=e.state(!1),A=e.state(!1),L=e.state(void 0),E=e.state(!1),R=e.state(void 0),N=0;const se=e.user_derived(()=>typeof l()=="number"?l():parseInt(l(),e.ITEMS_LIMIT_DEFAULT)||e.ITEMS_LIMIT_DEFAULT),W=()=>{if(!d()||!c())return;e.set(D,!0),e.set(A,!1);const t=++N,o=e.get(E)&&e.get(w)>0;e.fetchShopRewards({apiEndpoint:d(),userSession:c(),locale:p()},e.get(w),e.get(S)).then(r=>{var v,g;if(t!==N)return;const i=(v=r.data)!=null?v:[];e.set(C,(g=r.total)!=null?g:0,!0),o?e.set(h,[...e.get(h),...i],!0):e.set(h,i,!0)}).catch(r=>{t===N&&(e.set(A,!0),console.error("Failed to load shop rewards:",r))}).finally(()=>{t===N&&e.set(D,!1)})};e.user_effect(()=>{d(),c(),p(),e.get(w),e.get(S),W()}),e.user_effect(()=>{const t=window.matchMedia("(max-width: 767px)"),o=r=>{e.set(E,r.matches,!0)};return e.set(E,t.matches,!0),t.addEventListener("change",o),()=>t.removeEventListener("change",o)}),e.user_effect(()=>{e.set(S,e.get(E)?e.MOBILE_LOAD_ITEMS:e.get(se),!0)}),e.user_effect(()=>{if(!e.get(E)||!e.get(R))return;const t=new IntersectionObserver(o=>{o.some(r=>r.isIntersecting)&&e.get(h).length<e.get(C)&&e.set(w,e.get(w)+e.get(S))},{rootMargin:"200px"});return t.observe(e.get(R)),()=>t.disconnect()}),e.user_pre_effect(()=>{_()&&oe()});const le=t=>{var o,r,i;return(i=(r=(o=t.presentation)==null?void 0:o.assets)==null?void 0:r[0])!=null?i:Me},z=t=>{var o,r,i;return(i=(r=t.displayName)!=null?r:(o=t.presentation)==null?void 0:o.displayName)!=null?i:""},B=t=>t.available==="true",re=t=>{e.get(L)||!B(t)||e.sendRedeemRewardRequested(z(t),t.id)},ae=t=>Z(this,null,function*(){if(!(!d()||e.get(L))){e.set(L,t,!0);try{yield e.redeemReward({apiEndpoint:d(),userSession:c()},t),e.sendRedeemRewardSuccess(t),e.dispatchRedeemRewardButton(),W()}catch(o){e.sendRedeemRewardFailed(t,o)}finally{e.set(L,void 0)}}});e.user_effect(()=>{const t=o=>{var g;const{type:r,id:i,source:v}=(g=o.data)!=null?g:{};switch(r){case e.EVENT_TYPES.REDEEM_REWARD_CONFIRMED:i&&e.get(h).some(b=>b.id===i)&&ae(i);break;case e.EVENT_TYPES.BACK_BUTTON_CLICKED:v===e.SOURCE&&e.set(I,void 0);break}};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});const ie=()=>e.get(h).length?s()("generalError"):s()("noContent"),de=t=>{e.set(w,t,!0)},ce=t=>{e.sendRewardItemClicked(t.displayName||t.presentation.displayName,t.id)},G=t=>{e.set(I,t,!0),ce(t)},pe=t=>o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),G(t))};var ue={get apiEndpoint(){return d()},set apiEndpoint(t=""){d(t),e.flushSync()},get userSession(){return c()},set userSession(t=""){c(t),e.flushSync()},get locale(){return p()},set locale(t=""){p(t),e.flushSync()},get limitItem(){return l()},set limitItem(t=e.ITEMS_LIMIT_DEFAULT){l(t),e.flushSync()},get translationUrl(){return _()},set translationUrl(t){_(t),e.flushSync()}},j=De(),ge=e.child(j);{var fe=t=>{Le.LoyaltyShopItem(t,{get itemId(){return e.get(I).id},get elevateReward(){return e.get(I)},get apiEndpoint(){return d()},get userSession(){return c()},get locale(){return p()}})},me=t=>{var o=e.comment(),r=e.first_child(o);{var i=g=>{var b=Re();e.each(b,21,()=>Array(e.get(S)),e.index,(F,Q,X,x)=>{var k=Ce();e.append(F,k)}),e.reset(b),e.append(g,b)},v=g=>{var b=e.comment(),F=e.first_child(b);{var Q=x=>{var k=Ne(),T=e.child(k,!0);e.reset(k),e.template_effect(O=>e.set_text(T,O),[ie]),e.append(x,k)},X=x=>{var k=Ue(),T=e.first_child(k);e.each(T,21,()=>e.get(h),f=>f.id,(f,u)=>{var q=Oe();let $;var M=e.child(q);M.__click=()=>G(e.get(u));var be=e.user_derived(()=>pe(e.get(u)));M.__keydown=function(...K){var U;(U=e.get(be))==null||U.apply(this,K)};var ee=e.child(M);e.reset(M);var V=e.sibling(M,2),ke=e.child(V,!0);e.reset(V);var H=e.sibling(V,2),we=e.child(H);e.reset(H);var P=e.sibling(H,2);P.__click=()=>re(e.get(u));var Ee=e.child(P,!0);e.reset(P),e.reset(q),e.template_effect((K,U,xe,Se,Y,qe,Ie)=>{var te;$=e.set_class(q,1,"loyalty-shop__item svelte-1f1q033",null,$,K),e.set_attribute(ee,"src",U),e.set_attribute(ee,"alt",xe),e.set_text(ke,Se),e.set_text(we,`${(te=e.get(u).points)!=null?te:""}
|
|
27
|
+
${Y!=null?Y:""}`),P.disabled=qe,e.set_text(Ee,Ie)},[()=>({"loyalty-shop__item--unavailable":!B(e.get(u))}),()=>le(e.get(u)),()=>z(e.get(u)),()=>z(e.get(u)),()=>s()("tokens"),()=>!B(e.get(u))||e.get(L)===e.get(u).id,()=>s()("buyNow")]),e.append(f,q)}),e.reset(T);var O=e.sibling(T,2);{var ye=f=>{e.LoyaltyPagination(f,{get offset(){return e.get(w)},get limit(){return e.get(S)},get total(){return e.get(C)},onPageChange:de,get locale(){return p()}})};e.if_block(O,f=>{e.get(E)||f(ye)})}var _e=e.sibling(O,2);{var ve=f=>{var u=Pe();e.bind_this(u,q=>e.set(R,q),()=>e.get(R)),e.append(f,u)};e.if_block(_e,f=>{e.get(E)&&e.get(h).length<e.get(C)&&f(ve)})}e.append(x,k)};e.if_block(F,x=>{!e.get(h).length||e.get(A)?x(Q):x(X,!1)},!0)}e.append(g,b)};e.if_block(r,g=>{e.get(D)&&e.get(h).length===0?g(i):g(v,!1)},!0)}e.append(t,o)};e.if_block(ge,t=>{e.get(I)?t(fe):t(me,!1)})}e.reset(j),e.append(m,j);var he=e.pop(ue);return y(),he}e.delegate(["click","keydown"]);e.create_custom_element(J,{apiEndpoint:{},userSession:{},locale:{},limitItem:{},translationUrl:{}},[],[],!0);function ne(m,n){e.push(n,!0);let s=e.prop(n,"apiEndpoint",7,""),a=e.prop(n,"userSession",7,""),y=e.prop(n,"locale",7,""),d=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),c=e.prop(n,"translationUrl");var p={get apiEndpoint(){return s()},set apiEndpoint(l=""){s(l),e.flushSync()},get userSession(){return a()},set userSession(l=""){a(l),e.flushSync()},get locale(){return y()},set locale(l=""){y(l),e.flushSync()},get limitItem(){return d()},set limitItem(l=e.ITEMS_LIMIT_DEFAULT){d(l),e.flushSync()},get translationUrl(){return c()},set translationUrl(l){c(l),e.flushSync()}};return J(m,{get apiEndpoint(){return s()},get userSession(){return a()},get locale(){return y()},get limitItem(){return d()},get translationUrl(){return c()}}),e.pop(p)}customElements.define("loyalty-shop",e.create_custom_element(ne,{apiEndpoint:{},userSession:{},locale:{},limitItem:{},translationUrl:{}},[],[],!1));const ze=Object.freeze(Object.defineProperty({__proto__:null,default:ne},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyShop=J;exports.LoyaltyShop_ce=ze;
|