fansunited-frontend-components 0.0.49 → 0.0.52
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/Betslip.d.ts +5 -0
- package/Betslip.d.ts.map +1 -0
- package/Betslip.js +5 -0
- package/ChanceGame.js +87 -86
- package/ClassicQuizPlay.js +174 -173
- package/CollectLead.js +33 -32
- package/Discussion.js +1 -1
- package/EitherOrPlay.js +171 -170
- package/EventGamePlay.js +25 -24
- package/Leaderboard.js +88 -87
- package/MatchQuizPlay.js +28 -27
- package/PersonalityQuizPlay.js +21 -20
- package/PickThePair.js +87 -86
- package/PollVote.js +19 -18
- package/Predictor.js +4756 -4693
- package/README.md +523 -1
- package/chunks/{AlertMessage-Ds45MBHB.js → AlertMessage-CQ9WJHSb.js} +25 -24
- package/chunks/{ArrowRightAlt-DKADQN2o.js → ArrowRightAlt-C1U8SNu-.js} +5 -5
- package/chunks/{Avatar-K1EWhhkA.js → Avatar-COVJnfGS.js} +79 -78
- package/chunks/Button-COvmPv4P.js +2270 -0
- package/chunks/{ChanceGameEmbedVariant-DqFg4YKU.js → ChanceGameEmbedVariant-lfZlSATv.js} +44 -43
- package/chunks/{CheckCircle-CV9iMpkZ.js → CheckCircle-h7-xLUq-.js} +27 -26
- package/chunks/{Close-C6Cw96SJ.js → Close-BTC6xyyj.js} +1 -1
- package/chunks/{Close-BHp4N1-6.js → Close-DBaorsP1.js} +1 -1
- package/chunks/{CollectLeadForm-DnLKA8qz.js → CollectLeadForm-O7Cpe0ix.js} +128 -127
- package/chunks/{Divider-BvUimRFw.js → Divider-DBCeQt9x.js} +15 -14
- package/chunks/{Edit-CZ3ni-Ur.js → Edit-BwwxJdNv.js} +35 -34
- package/chunks/{EmojiEvents-DpmLq98V.js → EmojiEvents-DVPGlTU_.js} +3 -3
- package/chunks/{FavoriteBorder-DUK_DrY4.js → FavoriteBorder-BnhfbKy1.js} +1 -1
- package/chunks/{FormControl-BUItlVIg.js → FormControl-COjw1gQd.js} +38 -37
- package/chunks/{FormLabel-CeTNPUn7.js → FormLabel-e5_v5cjP.js} +18 -17
- package/chunks/{Input-MJCQcYzo.js → Input-er-Yyqtt.js} +17 -16
- package/chunks/{KeyboardArrowDown-SZpn2GhJ.js → KeyboardArrowDown-BeaYH92n.js} +1 -1
- package/chunks/{ModalDialog-Cfgv9UAA.js → ModalDialog-XkhZtgYm.js} +58 -57
- package/chunks/{NotFoundSkeleton-Cs6DtD9u.js → NotFoundSkeleton-C71TRYl5.js} +95 -94
- package/chunks/{Notification-pcKtlRms.js → Notification-CkPupg9q.js} +57 -56
- package/chunks/{OverlayApiErrorSkeleton-Dl3s5Oaf.js → OverlayApiErrorSkeleton-CkuDu9uV.js} +20 -19
- package/chunks/{OverlayLeadAfterCollection-F2TAV9wK.js → OverlayLeadAfterCollection-Dkxl4cKn.js} +28 -27
- package/chunks/{OverlayScoreStateSkeleton-LQ0svzeX.js → OverlayScoreStateSkeleton-RauDjIg5.js} +16 -15
- package/chunks/{Person-BGdniS_p.js → Person-WCt2MN5j.js} +32 -31
- package/chunks/{PickOneOfX-Ci4ZJf7G.js → PickOneOfX-DabfTR2W.js} +8 -7
- package/chunks/{Popper-DOVSI4rJ.js → Popper-OPgbZzY7.js} +127 -126
- package/chunks/{Portal-Cs0dgwmH.js → Portal-BQilulgu.js} +5 -5
- package/chunks/{PrizeCard-DF3QxwQJ.js → PrizeCard-DgHyperX.js} +5238 -6653
- package/chunks/{Select-BHeTdOYr.js → Select-9gmhEo71.js} +133 -132
- package/chunks/{Spinner-DbUB64Gj.js → Spinner-BoysVPn7.js} +12 -11
- package/chunks/{SplitLeadAfterCollection-DSw6X5fx.js → SplitLeadAfterCollection-C5oCDYT1.js} +15 -14
- package/chunks/{Stack-BpHk5eb0.js → Stack-INH9bhkC.js} +30 -29
- package/chunks/{StandardContentSkeleton-Bae1LLQ_.js → StandardContentSkeleton-DsAhzMfU.js} +1 -1
- package/chunks/{Tabs-hwJ7jsUl.js → Tabs-DaVatjCJ.js} +60 -59
- package/chunks/{Textarea-zOtMdgc5.js → Textarea-DeMxp3Zn.js} +48 -47
- package/chunks/{TimerOutlined-DWE7f0YX.js → TimerOutlined-DJh2vL3s.js} +3 -3
- package/chunks/{helpers-NuC1SzL3.js → helpers-Bd9FT9hj.js} +1 -1
- package/chunks/{index-D1K1OB4p.js → index-5MPtbA_r.js} +255 -239
- package/chunks/index-BjfKDjAM.js +4 -0
- package/chunks/main-DDb9jezz.js +1758 -0
- package/chunks/{main-hB01WcoP.js → main-DWw1vqVY.js} +38 -37
- package/chunks/{useEventCallback-CizlfWBo.js → useEventCallback-vbTEFVPa.js} +8 -7
- package/chunks/{useForwardedInput-RWDntqBU.js → useForwardedInput-DumYVfgj.js} +26 -25
- package/chunks/{useImageVariant-Cex1eIqq.js → useImageVariant-B1ObJh_B.js} +1 -1
- package/components.d.ts +2 -1
- package/components.d.ts.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +5 -3
- package/package.json +5 -1
- package/chunks/index-BaypiKlO.js +0 -4
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { P as e, M as le, _ as S, s as W, r as X, H as j, t as ue, v as de, J as x, l as fe, b as pe, c as me, g as ve, C as he, B as be } from "./PrizeCard-DgHyperX.js";
|
|
2
2
|
import { jsx as y, jsxs as q } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import { C as
|
|
3
|
+
import ke from "react-dom";
|
|
4
|
+
import { C as ge } from "./CheckCircle-h7-xLUq-.js";
|
|
5
5
|
import * as l from "react";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
6
|
+
import { d as ye, p as Se, w as P, o as Ce, f as N, s as A, r as Ee, t as De, v as xe, u as Re, a as M, c as Oe, T as $ } from "./Button-COvmPv4P.js";
|
|
7
|
+
import { a as H } from "./useEventCallback-vbTEFVPa.js";
|
|
8
|
+
import { e as Te } from "./ModalDialog-XkhZtgYm.js";
|
|
8
9
|
function I(o) {
|
|
9
10
|
return o.substring(2).toLowerCase();
|
|
10
11
|
}
|
|
@@ -24,7 +25,7 @@ function R(o) {
|
|
|
24
25
|
}, 0), () => {
|
|
25
26
|
h.current = !1;
|
|
26
27
|
}), []);
|
|
27
|
-
const b =
|
|
28
|
+
const b = ye(Se(n), p), u = H((s) => {
|
|
28
29
|
const d = g.current;
|
|
29
30
|
g.current = !1;
|
|
30
31
|
const k = P(p.current);
|
|
@@ -42,14 +43,14 @@ function R(o) {
|
|
|
42
43
|
// @ts-expect-error returns `false` as intended when not dispatched from a Node
|
|
43
44
|
s.target
|
|
44
45
|
), !t && (f || !d) && c(s);
|
|
45
|
-
}),
|
|
46
|
+
}), C = (s) => (d) => {
|
|
46
47
|
g.current = !0;
|
|
47
48
|
const k = n.props[s];
|
|
48
49
|
k && k(d);
|
|
49
|
-
},
|
|
50
|
+
}, E = {
|
|
50
51
|
ref: b
|
|
51
52
|
};
|
|
52
|
-
return i !== !1 && (
|
|
53
|
+
return i !== !1 && (E[i] = C(i)), l.useEffect(() => {
|
|
53
54
|
if (i !== !1) {
|
|
54
55
|
const s = I(i), d = P(p.current), k = () => {
|
|
55
56
|
v.current = !0;
|
|
@@ -58,7 +59,7 @@ function R(o) {
|
|
|
58
59
|
d.removeEventListener(s, u), d.removeEventListener("touchmove", k);
|
|
59
60
|
};
|
|
60
61
|
}
|
|
61
|
-
}, [u, i]), r !== !1 && (
|
|
62
|
+
}, [u, i]), r !== !1 && (E[r] = C(r)), l.useEffect(() => {
|
|
62
63
|
if (r !== !1) {
|
|
63
64
|
const s = I(r), d = P(p.current);
|
|
64
65
|
return d.addEventListener(s, u), () => {
|
|
@@ -66,7 +67,7 @@ function R(o) {
|
|
|
66
67
|
};
|
|
67
68
|
}
|
|
68
69
|
}, [u, r]), /* @__PURE__ */ y(l.Fragment, {
|
|
69
|
-
children: /* @__PURE__ */ l.cloneElement(n,
|
|
70
|
+
children: /* @__PURE__ */ l.cloneElement(n, E)
|
|
70
71
|
});
|
|
71
72
|
}
|
|
72
73
|
process.env.NODE_ENV !== "production" && (R.propTypes = {
|
|
@@ -99,7 +100,7 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
|
|
|
99
100
|
*/
|
|
100
101
|
touchEvent: e.oneOf(["onTouchEnd", "onTouchStart", !1])
|
|
101
102
|
});
|
|
102
|
-
process.env.NODE_ENV !== "production" && (R.propTypes =
|
|
103
|
+
process.env.NODE_ENV !== "production" && (R.propTypes = le(R.propTypes));
|
|
103
104
|
function we(o = {}) {
|
|
104
105
|
const {
|
|
105
106
|
autoHideDuration: n = null,
|
|
@@ -107,7 +108,7 @@ function we(o = {}) {
|
|
|
107
108
|
onClose: r,
|
|
108
109
|
open: c,
|
|
109
110
|
resumeHideDuration: i
|
|
110
|
-
} = o, v =
|
|
111
|
+
} = o, v = Ce();
|
|
111
112
|
l.useEffect(() => {
|
|
112
113
|
if (!c)
|
|
113
114
|
return;
|
|
@@ -118,9 +119,9 @@ function we(o = {}) {
|
|
|
118
119
|
document.removeEventListener("keydown", t);
|
|
119
120
|
};
|
|
120
121
|
}, [c, r]);
|
|
121
|
-
const p =
|
|
122
|
+
const p = H((t, a) => {
|
|
122
123
|
r == null || r(t, a);
|
|
123
|
-
}), h =
|
|
124
|
+
}), h = H((t) => {
|
|
124
125
|
!r || t == null || v.start(t, () => {
|
|
125
126
|
p(null, "timeout");
|
|
126
127
|
});
|
|
@@ -130,10 +131,10 @@ function we(o = {}) {
|
|
|
130
131
|
r == null || r(t, "clickaway");
|
|
131
132
|
}, b = v.clear, u = l.useCallback(() => {
|
|
132
133
|
n != null && h(i ?? n * 0.5);
|
|
133
|
-
}, [n, i, h]),
|
|
134
|
+
}, [n, i, h]), C = (t) => (a) => {
|
|
134
135
|
const m = t.onBlur;
|
|
135
136
|
m == null || m(a), u();
|
|
136
|
-
},
|
|
137
|
+
}, E = (t) => (a) => {
|
|
137
138
|
const m = t.onFocus;
|
|
138
139
|
m == null || m(a), b();
|
|
139
140
|
}, s = (t) => (a) => {
|
|
@@ -156,8 +157,8 @@ function we(o = {}) {
|
|
|
156
157
|
// See https://github.com/mui/material-ui/issues/29080
|
|
157
158
|
role: "presentation"
|
|
158
159
|
}, t, a, {
|
|
159
|
-
onBlur:
|
|
160
|
-
onFocus:
|
|
160
|
+
onBlur: C(a),
|
|
161
|
+
onFocus: E(a),
|
|
161
162
|
onMouseEnter: s(a),
|
|
162
163
|
onMouseLeave: d(a)
|
|
163
164
|
});
|
|
@@ -166,15 +167,15 @@ function we(o = {}) {
|
|
|
166
167
|
};
|
|
167
168
|
}
|
|
168
169
|
function Ve(o) {
|
|
169
|
-
return
|
|
170
|
+
return W("MuiDivider", o);
|
|
170
171
|
}
|
|
171
|
-
const Ye =
|
|
172
|
+
const Ye = X("MuiDivider", ["root", "horizontal", "vertical", "insetContext", "insetNone"]);
|
|
172
173
|
function Le(o) {
|
|
173
|
-
return
|
|
174
|
+
return W("MuiSnackbar", o);
|
|
174
175
|
}
|
|
175
|
-
|
|
176
|
+
X("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "endDecorator", "sizeSm", "sizeMd", "sizeLg", "startDecorator", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
|
|
176
177
|
const Pe = ["anchorOrigin", "animationDuration", "autoHideDuration", "color", "children", "className", "component", "disableWindowBlurListener", "endDecorator", "invertedColors", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "onUnmount", "open", "resumeHideDuration", "size", "slots", "slotProps", "startDecorator", "variant"];
|
|
177
|
-
let
|
|
178
|
+
let J = (o) => o, F, U;
|
|
178
179
|
const Me = (o) => {
|
|
179
180
|
const {
|
|
180
181
|
variant: n,
|
|
@@ -186,8 +187,8 @@ const Me = (o) => {
|
|
|
186
187
|
startDecorator: ["startDecorator"],
|
|
187
188
|
endDecorator: ["endDecorator"]
|
|
188
189
|
};
|
|
189
|
-
return
|
|
190
|
-
},
|
|
190
|
+
return Oe(i, Le, {});
|
|
191
|
+
}, He = j(F || (F = J`
|
|
191
192
|
0% {
|
|
192
193
|
transform: translateX(var(--Snackbar-translateX, 0px)) translateY(calc(var(--_Snackbar-anchorBottom, 1) * 100%));
|
|
193
194
|
opacity: 0;
|
|
@@ -198,7 +199,7 @@ const Me = (o) => {
|
|
|
198
199
|
100% {
|
|
199
200
|
transform: translateX(var(--Snackbar-translateX, 0px)) translateY(0);
|
|
200
201
|
}
|
|
201
|
-
`)),
|
|
202
|
+
`)), Ae = j(U || (U = J`
|
|
202
203
|
0% {
|
|
203
204
|
transform: translateX(var(--Snackbar-translateX, 0px)) translateY(0);
|
|
204
205
|
opacity: 1;
|
|
@@ -207,7 +208,7 @@ const Me = (o) => {
|
|
|
207
208
|
transform: translateX(var(--Snackbar-translateX, 0px)) translateY(calc(var(--_Snackbar-anchorBottom, 1) * 100%));
|
|
208
209
|
opacity: 0;
|
|
209
210
|
}
|
|
210
|
-
`)), _e =
|
|
211
|
+
`)), _e = A("div", {
|
|
211
212
|
name: "JoySnackbar",
|
|
212
213
|
slot: "Root",
|
|
213
214
|
overridesResolver: (o, n) => n.root
|
|
@@ -220,7 +221,7 @@ const Me = (o) => {
|
|
|
220
221
|
p: g,
|
|
221
222
|
padding: b,
|
|
222
223
|
borderRadius: u
|
|
223
|
-
} =
|
|
224
|
+
} = Ee({
|
|
224
225
|
theme: o,
|
|
225
226
|
ownerState: n
|
|
226
227
|
}, ["p", "padding", "borderRadius"]);
|
|
@@ -268,9 +269,9 @@ const Me = (o) => {
|
|
|
268
269
|
}, ((p = n.anchorOrigin) == null ? void 0 : p.vertical) === "top" && {
|
|
269
270
|
"--_Snackbar-anchorBottom": "-1"
|
|
270
271
|
}, {
|
|
271
|
-
animation: `${
|
|
272
|
+
animation: `${He} ${n.animationDuration}ms forwards`
|
|
272
273
|
}, !n.open && {
|
|
273
|
-
animationName:
|
|
274
|
+
animationName: Ae
|
|
274
275
|
}, {
|
|
275
276
|
boxShadow: o.vars.shadow.lg,
|
|
276
277
|
backgroundColor: o.vars.palette.background.surface,
|
|
@@ -280,21 +281,21 @@ const Me = (o) => {
|
|
|
280
281
|
sm: "xs",
|
|
281
282
|
md: "sm",
|
|
282
283
|
lg: "md"
|
|
283
|
-
}[n.size]}`], n.variant === "solid" && n.color && n.invertedColors &&
|
|
284
|
+
}[n.size]}`], n.variant === "solid" && n.color && n.invertedColors && De(n.color)(o), n.variant === "soft" && n.color && n.invertedColors && xe(n.color)(o), (h = o.variants[n.variant]) == null ? void 0 : h[n.color]), g !== void 0 && {
|
|
284
285
|
"--Snackbar-padding": g
|
|
285
286
|
}, b !== void 0 && {
|
|
286
287
|
"--Snackbar-padding": b
|
|
287
288
|
}, u !== void 0 && {
|
|
288
289
|
"--Snackbar-radius": u
|
|
289
290
|
}];
|
|
290
|
-
}), Be =
|
|
291
|
+
}), Be = A("span", {
|
|
291
292
|
name: "JoySnackbar",
|
|
292
293
|
slot: "StartDecorator",
|
|
293
294
|
overridesResolver: (o, n) => n.startDecorator
|
|
294
295
|
})({
|
|
295
296
|
display: "inherit",
|
|
296
297
|
flex: "none"
|
|
297
|
-
}), Ne =
|
|
298
|
+
}), Ne = A("span", {
|
|
298
299
|
name: "JoySnackbar",
|
|
299
300
|
slot: "EndDecorator",
|
|
300
301
|
overridesResolver: (o, n) => n.endDecorator
|
|
@@ -305,8 +306,8 @@ const Me = (o) => {
|
|
|
305
306
|
}), $e = {
|
|
306
307
|
vertical: "bottom",
|
|
307
308
|
horizontal: "right"
|
|
308
|
-
},
|
|
309
|
-
const r =
|
|
309
|
+
}, V = /* @__PURE__ */ l.forwardRef(function(n, f) {
|
|
310
|
+
const r = Re({
|
|
310
311
|
props: n,
|
|
311
312
|
name: "JoySnackbar"
|
|
312
313
|
}), {
|
|
@@ -318,16 +319,16 @@ const Me = (o) => {
|
|
|
318
319
|
className: g,
|
|
319
320
|
component: b,
|
|
320
321
|
disableWindowBlurListener: u = !1,
|
|
321
|
-
endDecorator:
|
|
322
|
-
invertedColors:
|
|
322
|
+
endDecorator: C,
|
|
323
|
+
invertedColors: E = !1,
|
|
323
324
|
onUnmount: s,
|
|
324
325
|
open: d,
|
|
325
326
|
size: k = "md",
|
|
326
327
|
slots: t = {},
|
|
327
328
|
slotProps: a,
|
|
328
329
|
startDecorator: m,
|
|
329
|
-
variant:
|
|
330
|
-
} = r, K =
|
|
330
|
+
variant: Y = "outlined"
|
|
331
|
+
} = r, K = ue(r, Pe), [G, _] = l.useState(!0), [Q, O] = l.useState(!1), T = l.useRef(s);
|
|
331
332
|
T.current = s, l.useEffect(() => {
|
|
332
333
|
if (d)
|
|
333
334
|
O(!1), _(!1);
|
|
@@ -348,23 +349,23 @@ const Me = (o) => {
|
|
|
348
349
|
color: p,
|
|
349
350
|
animationDuration: i,
|
|
350
351
|
disableWindowBlurListener: u,
|
|
351
|
-
invertedColors:
|
|
352
|
+
invertedColors: E,
|
|
352
353
|
size: k,
|
|
353
|
-
variant:
|
|
354
|
+
variant: Y
|
|
354
355
|
});
|
|
355
356
|
delete D.onUnmount;
|
|
356
357
|
const z = Me(D), {
|
|
357
358
|
getRootProps: Z,
|
|
358
359
|
onClickAway: ee
|
|
359
360
|
} = we(D), ne = (L) => {
|
|
360
|
-
|
|
361
|
+
Q || ee(L);
|
|
361
362
|
}, w = S({}, K, {
|
|
362
363
|
component: b,
|
|
363
364
|
slots: t,
|
|
364
365
|
slotProps: a
|
|
365
366
|
}), [oe, re] = M("root", {
|
|
366
367
|
ref: f,
|
|
367
|
-
className:
|
|
368
|
+
className: de(z.root, g),
|
|
368
369
|
elementType: _e,
|
|
369
370
|
externalForwardedProps: w,
|
|
370
371
|
getSlotProps: Z,
|
|
@@ -380,19 +381,19 @@ const Me = (o) => {
|
|
|
380
381
|
externalForwardedProps: w,
|
|
381
382
|
ownerState: D
|
|
382
383
|
}), ce = t.clickAway || R;
|
|
383
|
-
return !d &&
|
|
384
|
+
return !d && G ? null : /* @__PURE__ */ y(ce, S({
|
|
384
385
|
onClickAway: ne
|
|
385
386
|
}, typeof (a == null ? void 0 : a.clickAway) == "function" ? a.clickAway(D) : a == null ? void 0 : a.clickAway, {
|
|
386
387
|
children: /* @__PURE__ */ q(oe, S({}, re, {
|
|
387
388
|
children: [m && /* @__PURE__ */ y(te, S({}, ae, {
|
|
388
389
|
children: m
|
|
389
|
-
})), h,
|
|
390
|
-
children:
|
|
390
|
+
})), h, C && /* @__PURE__ */ y(se, S({}, ie, {
|
|
391
|
+
children: C
|
|
391
392
|
}))]
|
|
392
393
|
}))
|
|
393
394
|
}));
|
|
394
395
|
});
|
|
395
|
-
process.env.NODE_ENV !== "production" && (
|
|
396
|
+
process.env.NODE_ENV !== "production" && (V.propTypes = {
|
|
396
397
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
397
398
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
398
399
|
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
@@ -550,16 +551,16 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
|
|
|
550
551
|
*/
|
|
551
552
|
variant: e.oneOf(["outlined", "plain", "soft", "solid"])
|
|
552
553
|
});
|
|
553
|
-
const Ie =
|
|
554
|
+
const Ie = fe(/* @__PURE__ */ y("path", {
|
|
554
555
|
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"
|
|
555
|
-
}), "Error"),
|
|
556
|
+
}), "Error"), Ke = ({
|
|
556
557
|
notification: o,
|
|
557
558
|
onClose: n
|
|
558
559
|
}) => {
|
|
559
|
-
const f =
|
|
560
|
-
return o.open ?
|
|
560
|
+
const f = pe(), r = me(), { shadowRootElement: c } = ve(he);
|
|
561
|
+
return o.open ? ke.createPortal(
|
|
561
562
|
/* @__PURE__ */ y(
|
|
562
|
-
|
|
563
|
+
V,
|
|
563
564
|
{
|
|
564
565
|
open: o.open,
|
|
565
566
|
onClose: n,
|
|
@@ -567,7 +568,7 @@ const Ie = ye(/* @__PURE__ */ y("path", {
|
|
|
567
568
|
anchorOrigin: { vertical: "top", horizontal: "center" },
|
|
568
569
|
color: o.variant === "success" ? "success" : "danger",
|
|
569
570
|
variant: "soft",
|
|
570
|
-
startDecorator: o.variant === "success" ? /* @__PURE__ */ y(
|
|
571
|
+
startDecorator: o.variant === "success" ? /* @__PURE__ */ y(ge, {}) : /* @__PURE__ */ y(Ie, {}),
|
|
571
572
|
sx: {
|
|
572
573
|
borderRadius: f.sm,
|
|
573
574
|
fontFamily: r.secondary,
|
|
@@ -576,7 +577,7 @@ const Ie = ye(/* @__PURE__ */ y("path", {
|
|
|
576
577
|
zIndex: 9999,
|
|
577
578
|
position: "fixed"
|
|
578
579
|
},
|
|
579
|
-
children: /* @__PURE__ */ q(
|
|
580
|
+
children: /* @__PURE__ */ q(be, { sx: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
|
|
580
581
|
o.title && /* @__PURE__ */ y(
|
|
581
582
|
$,
|
|
582
583
|
{
|
|
@@ -610,7 +611,7 @@ const Ie = ye(/* @__PURE__ */ y("path", {
|
|
|
610
611
|
) : null;
|
|
611
612
|
};
|
|
612
613
|
export {
|
|
613
|
-
|
|
614
|
+
Ke as N,
|
|
614
615
|
Ye as d,
|
|
615
616
|
Ve as g
|
|
616
617
|
};
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import { jsx as t, jsxs as o, Fragment as u } from "react/jsx-runtime";
|
|
2
|
-
import { f as p,
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { f as p, B as i, l as U, u as w, i as E, W as C, e as L, c as j, b as $, a as y, d as N, m as V } from "./PrizeCard-DgHyperX.js";
|
|
3
|
+
import { B as S, T as r } from "./Button-COvmPv4P.js";
|
|
4
|
+
import { a as O } from "./AlertMessage-CQ9WJHSb.js";
|
|
5
|
+
import { s as h, e as Y, a as _ } from "./helpers-Bd9FT9hj.js";
|
|
5
6
|
import "react";
|
|
6
|
-
import { R as b } from "./NotFoundSkeleton-
|
|
7
|
+
import { R as b } from "./NotFoundSkeleton-C71TRYl5.js";
|
|
7
8
|
import "react-dom";
|
|
8
|
-
import { b as q } from "./useImageVariant-
|
|
9
|
-
const
|
|
9
|
+
import { b as q } from "./useImageVariant-B1ObJh_B.js";
|
|
10
|
+
const ae = ({
|
|
10
11
|
additionalCTA: e,
|
|
11
12
|
buttonStyle: l,
|
|
12
13
|
buttonContentStyle: a,
|
|
13
14
|
textStyle: s
|
|
14
15
|
}) => {
|
|
15
16
|
const { t: c } = p();
|
|
16
|
-
return e ? e.component ? e.component : e.onClick ? /* @__PURE__ */ t(
|
|
17
|
-
|
|
17
|
+
return e ? e.component ? e.component : e.onClick ? /* @__PURE__ */ t(S, { sx: l, onClick: e.onClick, children: e.defaultLabel && /* @__PURE__ */ t(i, { sx: a, children: /* @__PURE__ */ t(r, { sx: s, children: e.defaultLabel }) }) }) : e.url ? /* @__PURE__ */ t(
|
|
18
|
+
S,
|
|
18
19
|
{
|
|
19
20
|
component: "a",
|
|
20
21
|
href: e.url,
|
|
@@ -296,16 +297,16 @@ const oe = ({
|
|
|
296
297
|
};
|
|
297
298
|
}, G = U(/* @__PURE__ */ t("path", {
|
|
298
299
|
d: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8"
|
|
299
|
-
}), "Replay"),
|
|
300
|
+
}), "Replay"), re = (e) => {
|
|
300
301
|
var W;
|
|
301
302
|
const l = ((W = e.entity.branding) == null ? void 0 : W.colors) || null, a = w(), s = E(), c = q(
|
|
302
303
|
{
|
|
303
304
|
images: e.entity.images || null,
|
|
304
305
|
imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
|
|
305
306
|
},
|
|
306
|
-
|
|
307
|
+
C.STANDARD
|
|
307
308
|
), g = L(), T = j().primary, d = j().secondary, A = $(), x = (l == null ? void 0 : l.contentColor) || y().textColor, I = y().textPrimary, k = (l == null ? void 0 : l.primaryColor) || y().palette.primary.plainColor, F = (l == null ? void 0 : l.secondaryColor) || y().textColor, R = N().size, D = y().surface, v = y().onSurface, M = V(
|
|
308
|
-
|
|
309
|
+
C.STANDARD
|
|
309
310
|
), { t: m } = p(), f = e.imagePosition || "left", B = "60%", P = e.customAlertTitle ?? (e.isApiError ? m("common.error.title") : m("common.authentication.accessRequired")), z = e.customAlertMessage ?? (e.isApiError ? e.apiErrorMessage || m("common.error.message") : m("common.authentication.invalidOrMissingAuth")), n = J({
|
|
310
311
|
finalImage: c,
|
|
311
312
|
spacingScale: g,
|
|
@@ -326,7 +327,7 @@ const oe = ({
|
|
|
326
327
|
onSurfaceColor: v,
|
|
327
328
|
isMobile: s
|
|
328
329
|
}), H = () => !e.isApiError || !e.toggleTryAgain ? /* @__PURE__ */ t(u, {}) : /* @__PURE__ */ o(u, { children: [
|
|
329
|
-
/* @__PURE__ */ t(i, { sx: n.ctaContainer, children: /* @__PURE__ */ t(i, { sx: n.ctaContentWrapper, children: /* @__PURE__ */ t(i, { sx: n.buttonsContainer, children: /* @__PURE__ */ t(
|
|
330
|
+
/* @__PURE__ */ t(i, { sx: n.ctaContainer, children: /* @__PURE__ */ t(i, { sx: n.ctaContentWrapper, children: /* @__PURE__ */ t(i, { sx: n.buttonsContainer, children: /* @__PURE__ */ t(S, { sx: n.tryAgainButton, onClick: e.toggleTryAgain, children: /* @__PURE__ */ o(i, { sx: n.tryAgainButtonContent, children: [
|
|
330
331
|
/* @__PURE__ */ t(G, { sx: n.tryAgainIcon }),
|
|
331
332
|
/* @__PURE__ */ t(r, { sx: n.tryAgainText, children: e.tryAgainButtonText })
|
|
332
333
|
] }) }) }) }) }),
|
|
@@ -649,15 +650,15 @@ const oe = ({
|
|
|
649
650
|
textTransform: "uppercase"
|
|
650
651
|
}
|
|
651
652
|
};
|
|
652
|
-
},
|
|
653
|
+
}, ce = (e) => {
|
|
653
654
|
const l = L(), a = w(), s = E(), { t: c } = p(), g = V(
|
|
654
|
-
|
|
655
|
+
C.OVERLAY
|
|
655
656
|
), { brandingImage: T, brandingColors: d, brandingLogo: A } = Y(e.entity.branding || null), x = T || q(
|
|
656
657
|
{
|
|
657
658
|
images: e.entity.images || null,
|
|
658
659
|
imagePlaceholder: e.defaultImagePlaceholderUrl || ""
|
|
659
660
|
},
|
|
660
|
-
|
|
661
|
+
C.OVERLAY
|
|
661
662
|
), I = _(x), k = (d == null ? void 0 : d.contentColor) || a.colorSchemes.dark.textColor, F = a.customFontFamily.dark.primary, R = a.customFontFamily.dark.secondary, D = a.customRadius.dark, v = a.border.dark.size, M = (d == null ? void 0 : d.backgroundColor) || a.colorSchemes.dark.surfaceVariant, m = a.colorSchemes.dark.onSurface, f = a.colorSchemes.dark.surfaceVariant, B = a.colorSchemes.dark.textPrimary, P = e.customAlertTitle ?? (e.isApiError ? c("common.error.title") : c("common.authentication.accessRequired")), z = e.customAlertMessage ?? (e.isApiError ? e.apiErrorMessage || c("common.error.message") : c("common.authentication.invalidOrMissingAuth")), n = K({
|
|
662
663
|
spacingScale: l,
|
|
663
664
|
brandingColors: d,
|
|
@@ -674,7 +675,7 @@ const oe = ({
|
|
|
674
675
|
surfaceVariantColor: f,
|
|
675
676
|
textPrimary: B,
|
|
676
677
|
isMobile: s
|
|
677
|
-
}), H = () => !e.isApiError || !e.toggleTryAgain ? /* @__PURE__ */ t(u, {}) : /* @__PURE__ */ t(i, { sx: n.ctaSection, children: /* @__PURE__ */ t(i, { sx: n.buttonsContainer, children: /* @__PURE__ */ t(
|
|
678
|
+
}), H = () => !e.isApiError || !e.toggleTryAgain ? /* @__PURE__ */ t(u, {}) : /* @__PURE__ */ t(i, { sx: n.ctaSection, children: /* @__PURE__ */ t(i, { sx: n.buttonsContainer, children: /* @__PURE__ */ t(S, { sx: n.tryAgainButton, onClick: e.toggleTryAgain, children: /* @__PURE__ */ o(i, { sx: n.tryAgainButtonContent, children: [
|
|
678
679
|
/* @__PURE__ */ t(G, { sx: n.tryAgainIcon }),
|
|
679
680
|
/* @__PURE__ */ t(r, { sx: n.tryAgainText, children: e.tryAgainButtonText })
|
|
680
681
|
] }) }) }) });
|
|
@@ -722,8 +723,8 @@ const oe = ({
|
|
|
722
723
|
] });
|
|
723
724
|
};
|
|
724
725
|
export {
|
|
725
|
-
|
|
726
|
-
|
|
726
|
+
ae as A,
|
|
727
|
+
ce as O,
|
|
727
728
|
G as R,
|
|
728
|
-
|
|
729
|
+
re as S
|
|
729
730
|
};
|
package/chunks/{OverlayLeadAfterCollection-F2TAV9wK.js → OverlayLeadAfterCollection-Dkxl4cKn.js}
RENAMED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsxs as l, Fragment as Z, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { i as w, u as L, e as z, c as q, b as J, a as W,
|
|
3
|
-
import { h as K, g as ne, s as H, e as te } from "./helpers-
|
|
4
|
-
import { R as A, S as ie, O as le } from "./NotFoundSkeleton-
|
|
2
|
+
import { i as w, u as L, e as z, c as q, b as J, a as W, m as ee, W as U, B as t } from "./PrizeCard-DgHyperX.js";
|
|
3
|
+
import { h as K, g as ne, s as H, e as te } from "./helpers-Bd9FT9hj.js";
|
|
4
|
+
import { R as A, S as ie, O as le } from "./NotFoundSkeleton-C71TRYl5.js";
|
|
5
|
+
import { T as h } from "./Button-COvmPv4P.js";
|
|
5
6
|
import "react";
|
|
6
7
|
import "react-dom";
|
|
7
|
-
import { b as X, d as ae, a as oe } from "./useImageVariant-
|
|
8
|
+
import { b as X, d as ae, a as oe } from "./useImageVariant-B1ObJh_B.js";
|
|
8
9
|
const re = (e) => {
|
|
9
10
|
var s, c, d;
|
|
10
11
|
return {
|
|
@@ -195,7 +196,7 @@ const re = (e) => {
|
|
|
195
196
|
objectFit: "cover"
|
|
196
197
|
}
|
|
197
198
|
};
|
|
198
|
-
},
|
|
199
|
+
}, he = ({
|
|
199
200
|
entity: e,
|
|
200
201
|
headline: s,
|
|
201
202
|
finalImage: c,
|
|
@@ -205,12 +206,12 @@ const re = (e) => {
|
|
|
205
206
|
rulesDisplay: C
|
|
206
207
|
}) => {
|
|
207
208
|
var M, B;
|
|
208
|
-
const
|
|
209
|
+
const p = w(), m = L(), x = z(), y = q().primary, S = q().secondary, I = J(), a = ((M = e.branding) == null ? void 0 : M.colors) || null, g = ((B = e.branding) == null ? void 0 : B.urls) || null, f = (a == null ? void 0 : a.contentColor) || W().textColor, u = (a == null ? void 0 : a.secondaryColor) || W().textColor, o = (a == null ? void 0 : a.backgroundColor) || W().surfaceVariant, k = "60%", D = ee(
|
|
209
210
|
U.STANDARD
|
|
210
211
|
), i = re({
|
|
211
212
|
finalImage: c,
|
|
212
213
|
spacingScale: x,
|
|
213
|
-
borderRadius:
|
|
214
|
+
borderRadius: I,
|
|
214
215
|
fontFamilyPrimary: y,
|
|
215
216
|
fontFamilySecondary: S,
|
|
216
217
|
textColor: f,
|
|
@@ -221,7 +222,7 @@ const re = (e) => {
|
|
|
221
222
|
imagePosition: d,
|
|
222
223
|
darkTextColor: m.colorSchemes.dark.textColor,
|
|
223
224
|
imageBackgroundGradient: D,
|
|
224
|
-
isMobile:
|
|
225
|
+
isMobile: p
|
|
225
226
|
}), r = ne(
|
|
226
227
|
g == null ? void 0 : g.primaryUrl,
|
|
227
228
|
g == null ? void 0 : g.secondaryUrl,
|
|
@@ -442,7 +443,7 @@ const re = (e) => {
|
|
|
442
443
|
flex: 1
|
|
443
444
|
}
|
|
444
445
|
};
|
|
445
|
-
},
|
|
446
|
+
}, be = ({
|
|
446
447
|
entity: e,
|
|
447
448
|
headline: s,
|
|
448
449
|
backgroundImage: c,
|
|
@@ -452,21 +453,21 @@ const re = (e) => {
|
|
|
452
453
|
rulesDisplay: C
|
|
453
454
|
}) => {
|
|
454
455
|
var k;
|
|
455
|
-
const
|
|
456
|
+
const p = w(), m = L(), x = z(), y = ((k = e.branding) == null ? void 0 : k.colors) || null, S = (y == null ? void 0 : y.contentColor) || m.colorSchemes.dark.textColor, I = m.customFontFamily.dark.primary, a = m.customFontFamily.dark.secondary, g = m.customRadius.dark.md, f = m.border.dark.size, u = m.colorSchemes.dark.textColor, o = ce({
|
|
456
457
|
spacingScale: x,
|
|
457
458
|
brandingColors: y,
|
|
458
459
|
secondaryColor: S,
|
|
459
|
-
fontFamilyPrimary:
|
|
460
|
+
fontFamilyPrimary: I,
|
|
460
461
|
fontFamilySecondary: a,
|
|
461
462
|
mdBorderRadius: g,
|
|
462
463
|
borderSize: f,
|
|
463
464
|
darkTextColor: u,
|
|
464
465
|
backgroundImage: c,
|
|
465
466
|
imageBackgroundGradient: d,
|
|
466
|
-
isMobile:
|
|
467
|
+
isMobile: p
|
|
467
468
|
});
|
|
468
469
|
return /* @__PURE__ */ l(t, { sx: o.mainContainer, children: [
|
|
469
|
-
/* @__PURE__ */ n(t, { children: /* @__PURE__ */ n(t, { sx: o.headlineSection, children: /* @__PURE__ */ n(t, { sx: o.headlineContent, children: /* @__PURE__ */ l(t, { sx: { ...o.headlineContentInner, display: "flex", flexDirection: "column", alignItems:
|
|
470
|
+
/* @__PURE__ */ n(t, { children: /* @__PURE__ */ n(t, { sx: o.headlineSection, children: /* @__PURE__ */ n(t, { sx: o.headlineContent, children: /* @__PURE__ */ l(t, { sx: { ...o.headlineContentInner, display: "flex", flexDirection: "column", alignItems: p ? "center" : "flex-start", gap: x["3xs"] }, children: [
|
|
470
471
|
/* @__PURE__ */ l(t, { sx: { display: "flex", alignItems: "center", gap: x["3xs"] }, children: [
|
|
471
472
|
/* @__PURE__ */ n(h, { level: "body-sm", sx: o.headlineText, children: s }),
|
|
472
473
|
/* @__PURE__ */ n(
|
|
@@ -488,7 +489,7 @@ const re = (e) => {
|
|
|
488
489
|
/* @__PURE__ */ n(t, { sx: o.signInWrapper, children: T })
|
|
489
490
|
] })
|
|
490
491
|
] });
|
|
491
|
-
},
|
|
492
|
+
}, Ce = (e) => {
|
|
492
493
|
var a, g, f, u, o, k, D;
|
|
493
494
|
const s = X(
|
|
494
495
|
{
|
|
@@ -496,7 +497,7 @@ const re = (e) => {
|
|
|
496
497
|
imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
|
|
497
498
|
},
|
|
498
499
|
U.STANDARD
|
|
499
|
-
), c = w(), d = z(), T = J(), b = `rgba(${K(W().surfaceVariant || "")}, 0.5)`, C = ((a = e.entity.branding) == null ? void 0 : a.colors) || null,
|
|
500
|
+
), c = w(), d = z(), T = J(), b = `rgba(${K(W().surfaceVariant || "")}, 0.5)`, C = ((a = e.entity.branding) == null ? void 0 : a.colors) || null, p = (C == null ? void 0 : C.borderColor) || null, m = c ? ((f = (g = e.entity.branding) == null ? void 0 : g.images) == null ? void 0 : f.mobileLogo) || ((o = (u = e.entity.branding) == null ? void 0 : u.images) == null ? void 0 : o.mainLogo) || "" : ((D = (k = e.entity.branding) == null ? void 0 : k.images) == null ? void 0 : D.mainLogo) || "", x = e.imagePosition || "left", y = W().textColor, S = {
|
|
500
501
|
mainContentArea: {
|
|
501
502
|
flex: c ? "1" : s ? "0.7" : "1",
|
|
502
503
|
display: "flex",
|
|
@@ -524,7 +525,7 @@ const re = (e) => {
|
|
|
524
525
|
flexDirection: "column",
|
|
525
526
|
backdropFilter: "blur(4px)"
|
|
526
527
|
}
|
|
527
|
-
},
|
|
528
|
+
}, I = () => {
|
|
528
529
|
var F, P, M, B, R, v, j, N, V, O, G, $, Q, _, E, Y;
|
|
529
530
|
const { CollectLeadWrapper: i, entity: r } = e;
|
|
530
531
|
return /* @__PURE__ */ l(t, { sx: S.mainContentArea, children: [
|
|
@@ -562,7 +563,7 @@ const re = (e) => {
|
|
|
562
563
|
)
|
|
563
564
|
] });
|
|
564
565
|
};
|
|
565
|
-
return /* @__PURE__ */ n(e.MainCard, { brandingBorderColor:
|
|
566
|
+
return /* @__PURE__ */ n(e.MainCard, { brandingBorderColor: p, children: /* @__PURE__ */ n(
|
|
566
567
|
ie,
|
|
567
568
|
{
|
|
568
569
|
entity: e.entity,
|
|
@@ -570,11 +571,11 @@ const re = (e) => {
|
|
|
570
571
|
finalImage: s,
|
|
571
572
|
imagePosition: x,
|
|
572
573
|
rulesDisplay: e.rulesDisplay,
|
|
573
|
-
children:
|
|
574
|
+
children: I()
|
|
574
575
|
}
|
|
575
576
|
) });
|
|
576
|
-
},
|
|
577
|
-
const s = L(), c = w(), d = e.defaultImagePlaceholder ? e.defaultImagePlaceholder : c ? ae : oe, { brandingImage: T, brandingColors: b, brandingLogo: C } = te(e.entity.branding || null),
|
|
577
|
+
}, Se = (e) => {
|
|
578
|
+
const s = L(), c = w(), d = e.defaultImagePlaceholder ? e.defaultImagePlaceholder : c ? ae : oe, { brandingImage: T, brandingColors: b, brandingLogo: C } = te(e.entity.branding || null), p = T || X(
|
|
578
579
|
{
|
|
579
580
|
images: e.entity.images || null,
|
|
580
581
|
imagePlaceholder: d
|
|
@@ -630,7 +631,7 @@ const re = (e) => {
|
|
|
630
631
|
secondaryUrl: (o = (u = e.entity.branding) == null ? void 0 : u.urls) == null ? void 0 : o.secondaryUrl
|
|
631
632
|
}
|
|
632
633
|
);
|
|
633
|
-
},
|
|
634
|
+
}, I = () => {
|
|
634
635
|
var a, g, f, u, o, k, D, i, r, F, P;
|
|
635
636
|
return /* @__PURE__ */ l(t, { sx: y.mainContentSection, children: [
|
|
636
637
|
/* @__PURE__ */ n(t, { sx: y.contentContainerWithBackdrop, children: /* @__PURE__ */ n(
|
|
@@ -663,15 +664,15 @@ const re = (e) => {
|
|
|
663
664
|
{
|
|
664
665
|
entity: e.entity,
|
|
665
666
|
headline: e.headline,
|
|
666
|
-
finalImage:
|
|
667
|
+
finalImage: p,
|
|
667
668
|
rulesDisplay: e.rulesDisplay,
|
|
668
|
-
children:
|
|
669
|
+
children: I()
|
|
669
670
|
}
|
|
670
671
|
);
|
|
671
672
|
};
|
|
672
673
|
export {
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
674
|
+
be as O,
|
|
675
|
+
he as S,
|
|
676
|
+
Ce as a,
|
|
677
|
+
Se as b
|
|
677
678
|
};
|