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,7 +1,8 @@
1
- import { jsxs as r, jsx as i } from "react/jsx-runtime";
2
- import { i as k, u as F, e as z, B as l, T as a } from "./PrizeCard-DF3QxwQJ.js";
3
- import { s as I } from "./helpers-NuC1SzL3.js";
4
- import { R as v } from "./NotFoundSkeleton-Cs6DtD9u.js";
1
+ import { jsxs as l, jsx as i } from "react/jsx-runtime";
2
+ import { i as k, u as F, e as z, B as r } from "./PrizeCard-DgHyperX.js";
3
+ import { s as I } from "./helpers-Bd9FT9hj.js";
4
+ import { R as v } from "./NotFoundSkeleton-C71TRYl5.js";
5
+ import { T as a } from "./Button-COvmPv4P.js";
5
6
  const R = (e) => ({
6
7
  // Main container with background overlay
7
8
  mainContainer: {
@@ -88,16 +89,16 @@ const R = (e) => ({
88
89
  opacity: "70%",
89
90
  fontFamily: e.fontFamilyPrimary
90
91
  }
91
- }), w = ({
92
+ }), A = ({
92
93
  entity: e,
93
94
  headline: d,
94
95
  backgroundImage: m,
95
96
  imageBackgroundGradient: x,
96
97
  children: h,
97
- rulesDisplay: g
98
+ rulesDisplay: f
98
99
  }) => {
99
100
  var s;
100
- const f = k(), n = F(), c = z(), o = ((s = e.branding) == null ? void 0 : s.colors) || null, y = (o == null ? void 0 : o.secondaryColor) || n.colorSchemes.dark.textSecondary, u = n.customFontFamily.light.primary, S = n.customFontFamily.light.secondary, b = n.customRadius.light.md, p = n.border.light.size, C = (o == null ? void 0 : o.borderColor) || n.colorSchemes.dark.secondaryContainer, T = n.colorSchemes.dark.textColor, t = R({
101
+ const g = k(), n = F(), c = z(), o = ((s = e.branding) == null ? void 0 : s.colors) || null, y = (o == null ? void 0 : o.secondaryColor) || n.colorSchemes.dark.textSecondary, u = n.customFontFamily.light.primary, S = n.customFontFamily.light.secondary, b = n.customRadius.light.md, p = n.border.light.size, C = (o == null ? void 0 : o.borderColor) || n.colorSchemes.dark.secondaryContainer, T = n.colorSchemes.dark.textColor, t = R({
101
102
  spacingScale: c,
102
103
  brandingColors: o,
103
104
  secondaryColor: y,
@@ -109,12 +110,12 @@ const R = (e) => ({
109
110
  darkTextColor: T,
110
111
  backgroundImage: m,
111
112
  imageBackgroundGradient: x,
112
- isMobile: f
113
+ isMobile: g
113
114
  });
114
- return /* @__PURE__ */ r(l, { sx: t.mainContainer, children: [
115
- /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(l, { sx: t.headlineSection, children: /* @__PURE__ */ i(l, { sx: t.headlineContent, children: /* @__PURE__ */ r(l, { sx: t.headlineContentInner, children: [
116
- /* @__PURE__ */ r(
117
- l,
115
+ return /* @__PURE__ */ l(r, { sx: t.mainContainer, children: [
116
+ /* @__PURE__ */ i(r, { children: /* @__PURE__ */ i(r, { sx: t.headlineSection, children: /* @__PURE__ */ i(r, { sx: t.headlineContent, children: /* @__PURE__ */ l(r, { sx: t.headlineContentInner, children: [
117
+ /* @__PURE__ */ l(
118
+ r,
118
119
  {
119
120
  sx: {
120
121
  display: "flex",
@@ -126,7 +127,7 @@ const R = (e) => ({
126
127
  /* @__PURE__ */ i(
127
128
  v,
128
129
  {
129
- rulesDisplay: g,
130
+ rulesDisplay: f,
130
131
  isOverlayVariant: !0,
131
132
  rules: e.rules || ""
132
133
  }
@@ -134,7 +135,7 @@ const R = (e) => ({
134
135
  ]
135
136
  }
136
137
  ),
137
- /* @__PURE__ */ r(l, { sx: t.contentContainer, children: [
138
+ /* @__PURE__ */ l(r, { sx: t.contentContainer, children: [
138
139
  /* @__PURE__ */ i(a, { level: "h4", sx: t.titleText, children: e.title }),
139
140
  /* @__PURE__ */ i(a, { level: "body-lg", sx: t.descriptionText, children: I(e.description) })
140
141
  ] })
@@ -143,5 +144,5 @@ const R = (e) => ({
143
144
  ] });
144
145
  };
145
146
  export {
146
- w as O
147
+ A as O
147
148
  };
@@ -1,19 +1,20 @@
1
- import { t as k, s as B, v as $, Y as E, Z as R, _ as b, ab as I, ac as D, y as O, z as W, A as _, D as A, P as o, X as u, E as P, a5 as X, m as Y } from "./PrizeCard-DF3QxwQJ.js";
2
- import * as F from "react";
1
+ import { s as k, r as B, K as R, _ as b, t as $, v as O, P as o, J as u, l as I } from "./PrizeCard-DgHyperX.js";
2
+ import * as W from "react";
3
+ import { s as _, r as E, t as j, v as D, u as A, a as P, c as F, m as M } from "./Button-COvmPv4P.js";
3
4
  import { jsx as g } from "react/jsx-runtime";
4
- function j(e) {
5
+ function U(e) {
5
6
  return k("MuiSheet", e);
6
7
  }
7
8
  B("MuiSheet", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
8
- const M = ["className", "color", "component", "variant", "invertedColors", "slots", "slotProps"], U = (e) => {
9
+ const X = ["className", "color", "component", "variant", "invertedColors", "slots", "slotProps"], Y = (e) => {
9
10
  const {
10
11
  variant: t,
11
12
  color: a
12
13
  } = e, r = {
13
14
  root: ["root", t && `variant${u(t)}`, a && `color${u(a)}`]
14
15
  };
15
- return P(r, j, {});
16
- }, J = $("div", {
16
+ return F(r, U, {});
17
+ }, J = _("div", {
17
18
  name: "JoySheet",
18
19
  slot: "Root",
19
20
  overridesResolver: (e, t) => t.root
@@ -42,9 +43,9 @@ const M = ["className", "color", "component", "variant", "invertedColors", "slot
42
43
  }, {
43
44
  backgroundColor: e.vars.palette.background.surface,
44
45
  position: "relative"
45
- }), b({}, e.typography["body-md"], t.variant === "solid" && t.color && t.invertedColors && I(t.color)(e), t.variant === "soft" && t.color && t.invertedColors && D(t.color)(e), (r = e.variants[t.variant]) == null ? void 0 : r[t.color], s)];
46
- }), V = /* @__PURE__ */ F.forwardRef(function(t, a) {
47
- const r = O({
46
+ }), b({}, e.typography["body-md"], t.variant === "solid" && t.color && t.invertedColors && j(t.color)(e), t.variant === "soft" && t.color && t.invertedColors && D(t.color)(e), (r = e.variants[t.variant]) == null ? void 0 : r[t.color], s)];
47
+ }), V = /* @__PURE__ */ W.forwardRef(function(t, a) {
48
+ const r = A({
48
49
  props: t,
49
50
  name: "JoySheet"
50
51
  }), {
@@ -55,18 +56,18 @@ const M = ["className", "color", "component", "variant", "invertedColors", "slot
55
56
  invertedColors: p = !1,
56
57
  slots: i = {},
57
58
  slotProps: y = {}
58
- } = r, h = W(r, M), v = b({}, r, {
59
+ } = r, f = $(r, X), v = b({}, r, {
59
60
  color: n,
60
61
  component: d,
61
62
  invertedColors: p,
62
63
  variant: c
63
- }), f = U(v), C = b({}, h, {
64
+ }), h = Y(v), C = b({}, f, {
64
65
  component: d,
65
66
  slots: i,
66
67
  slotProps: y
67
- }), [T, x] = _("root", {
68
+ }), [T, x] = P("root", {
68
69
  ref: a,
69
- className: A(f.root, s),
70
+ className: O(h.root, s),
70
71
  elementType: J,
71
72
  externalForwardedProps: C,
72
73
  ownerState: v
@@ -125,7 +126,7 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
125
126
  */
126
127
  variant: o.oneOfType([o.oneOf(["outlined", "plain", "soft", "solid"]), o.string])
127
128
  });
128
- function Z(e) {
129
+ function K(e) {
129
130
  return k("MuiTable", e);
130
131
  }
131
132
  B("MuiTable", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg", "stickyHeader", "stickyFooter", "noWrap", "hoverRow", "borderAxisNone", "borderAxisX", "borderAxisXBetween", "borderAxisY", "borderAxisYBetween", "borderAxisBoth", "borderAxisBothBetween"]);
@@ -142,7 +143,7 @@ const q = ["className", "component", "children", "borderAxis", "hoverRow", "noWr
142
143
  } = e, i = {
143
144
  root: ["root", n && "stickyHeader", d && "stickyFooter", c && "noWrap", p && "hoverRow", s && `borderAxis${u(s)}`, a && `variant${u(a)}`, r && `color${u(r)}`, t && `size${u(t)}`]
144
145
  };
145
- return P(i, Z, {});
146
+ return F(i, K, {});
146
147
  }, l = {
147
148
  /**
148
149
  * According to https://www.w3.org/TR/2014/REC-html5-20141028/tabular-data.html#the-tr-element,
@@ -205,7 +206,7 @@ const q = ["className", "component", "children", "borderAxis", "hoverRow", "noWr
205
206
  getFooterFirstRowCell() {
206
207
  return "& tfoot tr:not(:last-of-type) th, & tfoot tr:not(:last-of-type) td";
207
208
  }
208
- }, K = $("table", {
209
+ }, Q = _("table", {
209
210
  name: "JoyTable",
210
211
  slot: "Root",
211
212
  overridesResolver: (e, t) => t.root
@@ -375,8 +376,8 @@ const q = ["className", "component", "children", "borderAxis", "hoverRow", "noWr
375
376
  bottom: "var(--unstable_TableCell-height)"
376
377
  }
377
378
  }];
378
- }), Q = /* @__PURE__ */ F.forwardRef(function(t, a) {
379
- const r = O({
379
+ }), Z = /* @__PURE__ */ W.forwardRef(function(t, a) {
380
+ const r = A({
380
381
  props: t,
381
382
  name: "JoyTable"
382
383
  }), {
@@ -387,43 +388,43 @@ const q = ["className", "component", "children", "borderAxis", "hoverRow", "noWr
387
388
  hoverRow: p = !1,
388
389
  noWrap: i = !1,
389
390
  size: y = "md",
390
- variant: h = "plain",
391
+ variant: f = "plain",
391
392
  color: v = "neutral",
392
- stripe: f,
393
+ stripe: h,
393
394
  stickyHeader: C = !1,
394
395
  stickyFooter: T = !1,
395
396
  slots: x = {},
396
397
  slotProps: H = {}
397
- } = r, z = W(r, q), m = b({}, r, {
398
+ } = r, z = $(r, q), m = b({}, r, {
398
399
  borderAxis: c,
399
400
  hoverRow: p,
400
401
  noWrap: i,
401
402
  component: n,
402
403
  size: y,
403
404
  color: v,
404
- variant: h,
405
- stripe: f,
405
+ variant: f,
406
+ stripe: h,
406
407
  stickyHeader: C,
407
408
  stickyFooter: T
408
409
  }), N = G(m), L = b({}, z, {
409
410
  component: n,
410
411
  slots: x,
411
412
  slotProps: H
412
- }), [w, S] = _("root", {
413
+ }), [w, S] = P("root", {
413
414
  ref: a,
414
- className: A(N.root, s),
415
- elementType: K,
415
+ className: O(N.root, s),
416
+ elementType: Q,
416
417
  externalForwardedProps: L,
417
418
  ownerState: m
418
419
  });
419
- return /* @__PURE__ */ g(X.Provider, {
420
+ return /* @__PURE__ */ g(M.Provider, {
420
421
  value: !0,
421
422
  children: /* @__PURE__ */ g(w, b({}, S, {
422
423
  children: d
423
424
  }))
424
425
  });
425
426
  });
426
- process.env.NODE_ENV !== "production" && (Q.propTypes = {
427
+ process.env.NODE_ENV !== "production" && (Z.propTypes = {
427
428
  // ┌────────────────────────────── Warning ──────────────────────────────┐
428
429
  // │ These PropTypes are generated from the TypeScript type definitions. │
429
430
  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -512,11 +513,11 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
512
513
  */
513
514
  variant: o.oneOfType([o.oneOf(["outlined", "plain", "soft", "solid"]), o.string])
514
515
  });
515
- const to = Y(/* @__PURE__ */ g("path", {
516
+ const ro = I(/* @__PURE__ */ g("path", {
516
517
  d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
517
518
  }), "Person");
518
519
  export {
519
- to as P,
520
+ ro as P,
520
521
  V as S,
521
- Q as T
522
+ Z as T
522
523
  };
@@ -1,7 +1,8 @@
1
1
  import { jsxs as w, jsx as t, Fragment as q } from "react/jsx-runtime";
2
- import { i as Q, a as tt, b as ot, c as rt, e as dt, B as d, T as D, j as ct, q as gt, H as mt } from "./PrizeCard-DF3QxwQJ.js";
2
+ import { i as Q, a as tt, b as ot, c as rt, e as dt, B as d, p as gt, y as mt } from "./PrizeCard-DgHyperX.js";
3
3
  import { useState as Y, useEffect as ft, useRef as At } from "react";
4
4
  import "react-dom";
5
+ import { T as D, B as ct } from "./Button-COvmPv4P.js";
5
6
  const it = (e, y) => (o) => {
6
7
  if (!y) return `${e}${o}`;
7
8
  const n = parseInt(o, 16);
@@ -1698,7 +1699,7 @@ const jt = ({
1698
1699
  ]
1699
1700
  }
1700
1701
  );
1701
- }, ae = ({
1702
+ }, le = ({
1702
1703
  infoPage: e,
1703
1704
  enableReset: y = !1,
1704
1705
  forceMobile: o = !1
@@ -2880,7 +2881,7 @@ const Ut = ({ isDark: e }) => /* @__PURE__ */ w("g", { children: [
2880
2881
  ]
2881
2882
  }
2882
2883
  );
2883
- }, le = ({
2884
+ }, ce = ({
2884
2885
  infoPage: e,
2885
2886
  enableReset: y = !1,
2886
2887
  forceMobile: o = !1
@@ -4133,7 +4134,7 @@ const te = ({
4133
4134
  ]
4134
4135
  }
4135
4136
  );
4136
- }, ce = ({
4137
+ }, de = ({
4137
4138
  infoPage: e,
4138
4139
  enableReset: y = !1,
4139
4140
  forceMobile: o = !1
@@ -4193,11 +4194,11 @@ export {
4193
4194
  Ft as D,
4194
4195
  ee as F,
4195
4196
  te as O,
4196
- ae as P,
4197
+ le as P,
4197
4198
  nt as S,
4198
4199
  Ot as W,
4199
- ce as a,
4200
- le as b,
4200
+ de as a,
4201
+ ce as b,
4201
4202
  it as c,
4202
4203
  Dt as d,
4203
4204
  jt as e,