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.
Files changed (67) hide show
  1. package/Betslip.d.ts +5 -0
  2. package/Betslip.d.ts.map +1 -0
  3. package/Betslip.js +5 -0
  4. package/ChanceGame.js +87 -86
  5. package/ClassicQuizPlay.js +174 -173
  6. package/CollectLead.js +33 -32
  7. package/Discussion.js +1 -1
  8. package/EitherOrPlay.js +171 -170
  9. package/EventGamePlay.js +25 -24
  10. package/Leaderboard.js +88 -87
  11. package/MatchQuizPlay.js +28 -27
  12. package/PersonalityQuizPlay.js +21 -20
  13. package/PickThePair.js +87 -86
  14. package/PollVote.js +19 -18
  15. package/Predictor.js +4756 -4693
  16. package/README.md +523 -1
  17. package/chunks/{AlertMessage-Ds45MBHB.js → AlertMessage-CQ9WJHSb.js} +25 -24
  18. package/chunks/{ArrowRightAlt-DKADQN2o.js → ArrowRightAlt-C1U8SNu-.js} +5 -5
  19. package/chunks/{Avatar-K1EWhhkA.js → Avatar-COVJnfGS.js} +79 -78
  20. package/chunks/Button-COvmPv4P.js +2270 -0
  21. package/chunks/{ChanceGameEmbedVariant-DqFg4YKU.js → ChanceGameEmbedVariant-lfZlSATv.js} +44 -43
  22. package/chunks/{CheckCircle-CV9iMpkZ.js → CheckCircle-h7-xLUq-.js} +27 -26
  23. package/chunks/{Close-C6Cw96SJ.js → Close-BTC6xyyj.js} +1 -1
  24. package/chunks/{Close-BHp4N1-6.js → Close-DBaorsP1.js} +1 -1
  25. package/chunks/{CollectLeadForm-DnLKA8qz.js → CollectLeadForm-O7Cpe0ix.js} +128 -127
  26. package/chunks/{Divider-BvUimRFw.js → Divider-DBCeQt9x.js} +15 -14
  27. package/chunks/{Edit-CZ3ni-Ur.js → Edit-BwwxJdNv.js} +35 -34
  28. package/chunks/{EmojiEvents-DpmLq98V.js → EmojiEvents-DVPGlTU_.js} +3 -3
  29. package/chunks/{FavoriteBorder-DUK_DrY4.js → FavoriteBorder-BnhfbKy1.js} +1 -1
  30. package/chunks/{FormControl-BUItlVIg.js → FormControl-COjw1gQd.js} +38 -37
  31. package/chunks/{FormLabel-CeTNPUn7.js → FormLabel-e5_v5cjP.js} +18 -17
  32. package/chunks/{Input-MJCQcYzo.js → Input-er-Yyqtt.js} +17 -16
  33. package/chunks/{KeyboardArrowDown-SZpn2GhJ.js → KeyboardArrowDown-BeaYH92n.js} +1 -1
  34. package/chunks/{ModalDialog-Cfgv9UAA.js → ModalDialog-XkhZtgYm.js} +58 -57
  35. package/chunks/{NotFoundSkeleton-Cs6DtD9u.js → NotFoundSkeleton-C71TRYl5.js} +95 -94
  36. package/chunks/{Notification-pcKtlRms.js → Notification-CkPupg9q.js} +57 -56
  37. package/chunks/{OverlayApiErrorSkeleton-Dl3s5Oaf.js → OverlayApiErrorSkeleton-CkuDu9uV.js} +20 -19
  38. package/chunks/{OverlayLeadAfterCollection-F2TAV9wK.js → OverlayLeadAfterCollection-Dkxl4cKn.js} +28 -27
  39. package/chunks/{OverlayScoreStateSkeleton-LQ0svzeX.js → OverlayScoreStateSkeleton-RauDjIg5.js} +16 -15
  40. package/chunks/{Person-BGdniS_p.js → Person-WCt2MN5j.js} +32 -31
  41. package/chunks/{PickOneOfX-Ci4ZJf7G.js → PickOneOfX-DabfTR2W.js} +8 -7
  42. package/chunks/{Popper-DOVSI4rJ.js → Popper-OPgbZzY7.js} +127 -126
  43. package/chunks/{Portal-Cs0dgwmH.js → Portal-BQilulgu.js} +5 -5
  44. package/chunks/{PrizeCard-DF3QxwQJ.js → PrizeCard-DgHyperX.js} +5238 -6653
  45. package/chunks/{Select-BHeTdOYr.js → Select-9gmhEo71.js} +133 -132
  46. package/chunks/{Spinner-DbUB64Gj.js → Spinner-BoysVPn7.js} +12 -11
  47. package/chunks/{SplitLeadAfterCollection-DSw6X5fx.js → SplitLeadAfterCollection-C5oCDYT1.js} +15 -14
  48. package/chunks/{Stack-BpHk5eb0.js → Stack-INH9bhkC.js} +30 -29
  49. package/chunks/{StandardContentSkeleton-Bae1LLQ_.js → StandardContentSkeleton-DsAhzMfU.js} +1 -1
  50. package/chunks/{Tabs-hwJ7jsUl.js → Tabs-DaVatjCJ.js} +60 -59
  51. package/chunks/{Textarea-zOtMdgc5.js → Textarea-DeMxp3Zn.js} +48 -47
  52. package/chunks/{TimerOutlined-DWE7f0YX.js → TimerOutlined-DJh2vL3s.js} +3 -3
  53. package/chunks/{helpers-NuC1SzL3.js → helpers-Bd9FT9hj.js} +1 -1
  54. package/chunks/{index-D1K1OB4p.js → index-5MPtbA_r.js} +255 -239
  55. package/chunks/index-BjfKDjAM.js +4 -0
  56. package/chunks/main-DDb9jezz.js +1758 -0
  57. package/chunks/{main-hB01WcoP.js → main-DWw1vqVY.js} +38 -37
  58. package/chunks/{useEventCallback-CizlfWBo.js → useEventCallback-vbTEFVPa.js} +8 -7
  59. package/chunks/{useForwardedInput-RWDntqBU.js → useForwardedInput-DumYVfgj.js} +26 -25
  60. package/chunks/{useImageVariant-Cex1eIqq.js → useImageVariant-B1ObJh_B.js} +1 -1
  61. package/components.d.ts +2 -1
  62. package/components.d.ts.map +1 -1
  63. package/index.d.ts +1 -0
  64. package/index.d.ts.map +1 -1
  65. package/index.js +5 -3
  66. package/package.json +5 -1
  67. package/chunks/index-BaypiKlO.js +0 -4
@@ -1,10 +1,11 @@
1
- import { S as le, a9 as ue, ad as P, P as e, ae as de, a8 as fe, _ as S, V as N, t as U, s as W, Q as j, v as H, Y as pe, ab as me, ac as ve, y as he, z as be, A as M, D as ke, X as x, E as ge, m as ye, b as Se, c as Ee, g as Ce, C as De, B as xe, T as $ } from "./PrizeCard-DF3QxwQJ.js";
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 Re from "react-dom";
4
- import { C as Oe } from "./CheckCircle-CV9iMpkZ.js";
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 { a as A } from "./useEventCallback-CizlfWBo.js";
7
- import { e as Te } from "./ModalDialog-Cfgv9UAA.js";
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 = le(ue(n), p), u = A((s) => {
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
- }), E = (s) => (d) => {
46
+ }), C = (s) => (d) => {
46
47
  g.current = !0;
47
48
  const k = n.props[s];
48
49
  k && k(d);
49
- }, C = {
50
+ }, E = {
50
51
  ref: b
51
52
  };
52
- return i !== !1 && (C[i] = E(i)), l.useEffect(() => {
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 && (C[r] = E(r)), l.useEffect(() => {
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, C)
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 = de(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 = fe();
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 = A((t, a) => {
122
+ const p = H((t, a) => {
122
123
  r == null || r(t, a);
123
- }), h = A((t) => {
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]), E = (t) => (a) => {
134
+ }, [n, i, h]), C = (t) => (a) => {
134
135
  const m = t.onBlur;
135
136
  m == null || m(a), u();
136
- }, C = (t) => (a) => {
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: E(a),
160
- onFocus: C(a),
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 U("MuiDivider", o);
170
+ return W("MuiDivider", o);
170
171
  }
171
- const Ye = W("MuiDivider", ["root", "horizontal", "vertical", "insetContext", "insetNone"]);
172
+ const Ye = X("MuiDivider", ["root", "horizontal", "vertical", "insetContext", "insetNone"]);
172
173
  function Le(o) {
173
- return U("MuiSnackbar", o);
174
+ return W("MuiSnackbar", o);
174
175
  }
175
- W("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "endDecorator", "sizeSm", "sizeMd", "sizeLg", "startDecorator", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
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 V = (o) => o, X, F;
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 ge(i, Le, {});
190
- }, Ae = j(X || (X = V`
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
- `)), He = j(F || (F = V`
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 = H("div", {
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
- } = pe({
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: `${Ae} ${n.animationDuration}ms forwards`
272
+ animation: `${He} ${n.animationDuration}ms forwards`
272
273
  }, !n.open && {
273
- animationName: He
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 && me(n.color)(o), n.variant === "soft" && n.color && n.invertedColors && ve(n.color)(o), (h = o.variants[n.variant]) == null ? void 0 : h[n.color]), g !== void 0 && {
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 = H("span", {
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 = H("span", {
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
- }, Y = /* @__PURE__ */ l.forwardRef(function(n, f) {
309
- const r = he({
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: E,
322
- invertedColors: C = !1,
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: J = "outlined"
330
- } = r, K = be(r, Pe), [Q, _] = l.useState(!0), [G, O] = l.useState(!1), T = l.useRef(s);
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: C,
352
+ invertedColors: E,
352
353
  size: k,
353
- variant: J
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
- G || ee(L);
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: ke(z.root, g),
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 && Q ? null : /* @__PURE__ */ y(ce, S({
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, E && /* @__PURE__ */ y(se, S({}, ie, {
390
- children: E
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" && (Y.propTypes = {
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 = ye(/* @__PURE__ */ y("path", {
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"), Je = ({
556
+ }), "Error"), Ke = ({
556
557
  notification: o,
557
558
  onClose: n
558
559
  }) => {
559
- const f = Se(), r = Ee(), { shadowRootElement: c } = Ce(De);
560
- return o.open ? Re.createPortal(
560
+ const f = pe(), r = me(), { shadowRootElement: c } = ve(he);
561
+ return o.open ? ke.createPortal(
561
562
  /* @__PURE__ */ y(
562
- Y,
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(Oe, {}) : /* @__PURE__ */ y(Ie, {}),
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(xe, { sx: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
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
- Je as N,
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, j as C, B as i, T as r, m as U, u as w, i as E, W as S, e as L, c as j, b as $, a as y, d as N, n as V } from "./PrizeCard-DF3QxwQJ.js";
3
- import { a as O } from "./AlertMessage-Ds45MBHB.js";
4
- import { s as h, e as Y, a as _ } from "./helpers-NuC1SzL3.js";
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-Cs6DtD9u.js";
7
+ import { R as b } from "./NotFoundSkeleton-C71TRYl5.js";
7
8
  import "react-dom";
8
- import { b as q } from "./useImageVariant-Cex1eIqq.js";
9
- const oe = ({
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(C, { 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(
17
- C,
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"), ae = (e) => {
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
- S.STANDARD
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
- S.STANDARD
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(C, { sx: n.tryAgainButton, onClick: e.toggleTryAgain, children: /* @__PURE__ */ o(i, { sx: n.tryAgainButtonContent, children: [
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
- }, re = (e) => {
653
+ }, ce = (e) => {
653
654
  const l = L(), a = w(), s = E(), { t: c } = p(), g = V(
654
- S.OVERLAY
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
- S.OVERLAY
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(C, { sx: n.tryAgainButton, onClick: e.toggleTryAgain, children: /* @__PURE__ */ o(i, { sx: n.tryAgainButtonContent, children: [
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
- oe as A,
726
- re as O,
726
+ ae as A,
727
+ ce as O,
727
728
  G as R,
728
- ae as S
729
+ re as S
729
730
  };
@@ -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, n as ee, W as U, B as t, T as h } from "./PrizeCard-DF3QxwQJ.js";
3
- import { h as K, g as ne, s as H, e as te } from "./helpers-NuC1SzL3.js";
4
- import { R as A, S as ie, O as le } from "./NotFoundSkeleton-Cs6DtD9u.js";
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-Cex1eIqq.js";
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
- }, ue = ({
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 I = w(), m = L(), x = z(), y = q().primary, S = q().secondary, p = 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
+ 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: p,
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: I
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
- }, he = ({
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 I = 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, p = 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
+ 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: p,
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: I
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: I ? "center" : "flex-start", gap: x["3xs"] }, children: [
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
- }, be = (e) => {
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, I = (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
+ ), 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
- }, p = () => {
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: I, children: /* @__PURE__ */ n(
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: p()
574
+ children: I()
574
575
  }
575
576
  ) });
576
- }, Ce = (e) => {
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), I = T || X(
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
- }, p = () => {
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: I,
667
+ finalImage: p,
667
668
  rulesDisplay: e.rulesDisplay,
668
- children: p()
669
+ children: I()
669
670
  }
670
671
  );
671
672
  };
672
673
  export {
673
- he as O,
674
- ue as S,
675
- be as a,
676
- Ce as b
674
+ be as O,
675
+ he as S,
676
+ Ce as a,
677
+ Se as b
677
678
  };