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,9 +1,10 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { a, B as l, at as n } from "./PrizeCard-DF3QxwQJ.js";
3
- const p = ({ my: t }) => {
4
- const r = a(), o = r.palette.neutral.softBg, e = r.palette.neutral.solidBg;
5
- return /* @__PURE__ */ s(
6
- l,
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { a as l, B as n } from "./PrizeCard-DgHyperX.js";
3
+ import { C as a } from "./Button-COvmPv4P.js";
4
+ const g = ({ my: s }) => {
5
+ const r = l(), t = r.palette.neutral.softBg, e = r.palette.neutral.solidBg;
6
+ return /* @__PURE__ */ o(
7
+ n,
7
8
  {
8
9
  sx: {
9
10
  display: "flex",
@@ -11,15 +12,15 @@ const p = ({ my: t }) => {
11
12
  alignItems: "center",
12
13
  width: "100%",
13
14
  height: "100%",
14
- my: t
15
+ my: s
15
16
  },
16
- children: /* @__PURE__ */ s(
17
- n,
17
+ children: /* @__PURE__ */ o(
18
+ a,
18
19
  {
19
20
  slotProps: {
20
21
  track: {
21
22
  sx: {
22
- stroke: o
23
+ stroke: t
23
24
  }
24
25
  },
25
26
  progress: {
@@ -34,5 +35,5 @@ const p = ({ my: t }) => {
34
35
  );
35
36
  };
36
37
  export {
37
- p as S
38
+ g as S
38
39
  };
@@ -1,10 +1,11 @@
1
1
  import { jsxs as c, Fragment as F, jsx as t } from "react/jsx-runtime";
2
- import { i as N, u as V, e as $, c as v, b as G, B as a, T as k, W as E, a as J } from "./PrizeCard-DF3QxwQJ.js";
3
- import { s as K, h as O } from "./helpers-NuC1SzL3.js";
4
- import { R as Q } from "./NotFoundSkeleton-Cs6DtD9u.js";
2
+ import { i as N, u as V, e as $, c as v, b as G, B as a, W as E, a as J } from "./PrizeCard-DgHyperX.js";
3
+ import { s as K, h as O } from "./helpers-Bd9FT9hj.js";
4
+ import { R as Q } from "./NotFoundSkeleton-C71TRYl5.js";
5
+ import { T as k } from "./Button-COvmPv4P.js";
5
6
  import "react";
6
- import { S as X } from "./ChanceGameEmbedVariant-DqFg4YKU.js";
7
- import { d as Y, a as Z, b as _ } from "./useImageVariant-Cex1eIqq.js";
7
+ import { S as X } from "./ChanceGameEmbedVariant-lfZlSATv.js";
8
+ import { d as Y, a as Z, b as _ } from "./useImageVariant-B1ObJh_B.js";
8
9
  import "react-dom";
9
10
  const ee = (e) => ({
10
11
  // Main headline section with background image
@@ -96,7 +97,7 @@ const ee = (e) => ({
96
97
  flexDirection: "column",
97
98
  gap: e.spacingScale["3xs"]
98
99
  }
99
- }), se = ({
100
+ }), de = ({
100
101
  entity: e,
101
102
  headline: T,
102
103
  finalImage: d,
@@ -141,7 +142,7 @@ const ee = (e) => ({
141
142
  s && b
142
143
  ] }) })
143
144
  ] });
144
- }, de = (e) => {
145
+ }, me = (e) => {
145
146
  var D, l, u, A, L, M, W;
146
147
  const T = V(), d = N(), p = e.defaultImagePlaceholder ? e.defaultImagePlaceholder : d ? Y : Z, b = _(
147
148
  {
@@ -173,20 +174,20 @@ const ee = (e) => ({
173
174
  borderRadius: R.sm
174
175
  }
175
176
  }, C = (P) => {
176
- var n, x, f, y, h;
177
+ var n, f, x, y, h;
177
178
  return /* @__PURE__ */ t(
178
179
  e.PresentedBy,
179
180
  {
180
181
  brandingLogo: g,
181
182
  textColor: P,
182
183
  label: ((n = e.entity.labels) == null ? void 0 : n.sponsor) || null,
183
- primaryUrl: (f = (x = e.entity.branding) == null ? void 0 : x.urls) == null ? void 0 : f.primaryUrl,
184
+ primaryUrl: (x = (f = e.entity.branding) == null ? void 0 : f.urls) == null ? void 0 : x.primaryUrl,
184
185
  secondaryUrl: (h = (y = e.entity.branding) == null ? void 0 : y.urls) == null ? void 0 : h.secondaryUrl,
185
186
  isCentered: !1
186
187
  }
187
188
  );
188
189
  }, I = () => {
189
- var x, f, y, h, j, B, w, z, H, U, q;
190
+ var f, x, y, h, j, B, w, z, H, U, q;
190
191
  const { CollectLeadWrapper: P, entity: n } = e;
191
192
  return /* @__PURE__ */ c(F, { children: [
192
193
  /* @__PURE__ */ t(a, { sx: o.questionArea, children: /* @__PURE__ */ t(a, { sx: o.questionAreaContent, children: /* @__PURE__ */ t(a, { sx: o.leadContentContainer, children: /* @__PURE__ */ t(
@@ -195,8 +196,8 @@ const ee = (e) => ({
195
196
  sdk: e.sdk,
196
197
  contentId: n.id,
197
198
  contentName: n.title,
198
- brandingColors: (x = n.branding) == null ? void 0 : x.colors,
199
- brandingUrls: (f = n.branding) == null ? void 0 : f.urls,
199
+ brandingColors: (f = n.branding) == null ? void 0 : f.colors,
200
+ brandingUrls: (x = n.branding) == null ? void 0 : x.urls,
200
201
  campaignId: (y = e.leads) == null ? void 0 : y.campaignId,
201
202
  campaignName: (h = e.leads) == null ? void 0 : h.campaignName,
202
203
  fields: (j = e.leads) == null ? void 0 : j.fields,
@@ -230,6 +231,6 @@ const ee = (e) => ({
230
231
  ) });
231
232
  };
232
233
  export {
233
- se as S,
234
- de as a
234
+ de as S,
235
+ me as a
235
236
  };
@@ -1,34 +1,35 @@
1
- import { aj as C, P as e, ak as D, _ as T, al as g, am as f, an as N, ao as R, ap as E, a6 as F, z as _, D as B, aq as G, ar as b, E as w, as as $, v as M, y as U } from "./PrizeCard-DF3QxwQJ.js";
1
+ import { P as e, Q as C, _ as b, R as g, S as f, T as R, U as N, V as D, L as F, t as E, v as _, X as T, Y as B } from "./PrizeCard-DgHyperX.js";
2
+ import { x as G, y as w, c as U, s as $, u as L } from "./Button-COvmPv4P.js";
2
3
  import * as m from "react";
3
- import { jsx as A } from "react/jsx-runtime";
4
- const J = C(), L = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], q = D(), z = J("div", {
4
+ import { jsx as M } from "react/jsx-runtime";
5
+ const A = G(), J = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], I = C(), Q = A("div", {
5
6
  name: "MuiStack",
6
7
  slot: "Root",
7
8
  overridesResolver: (o, r) => r.root
8
9
  });
9
- function I(o) {
10
- return G({
10
+ function W(o) {
11
+ return w({
11
12
  props: o,
12
13
  name: "MuiStack",
13
- defaultTheme: q
14
+ defaultTheme: I
14
15
  });
15
16
  }
16
- function W(o, r) {
17
+ function X(o, r) {
17
18
  const c = m.Children.toArray(o).filter(Boolean);
18
19
  return c.reduce((a, i, n) => (a.push(i), n < c.length - 1 && a.push(/* @__PURE__ */ m.cloneElement(r, {
19
20
  key: `separator-${n}`
20
21
  })), a), []);
21
22
  }
22
- const H = (o) => ({
23
+ const Y = (o) => ({
23
24
  row: "Left",
24
25
  "row-reverse": "Right",
25
26
  column: "Top",
26
27
  "column-reverse": "Bottom"
27
- })[o], K = ({
28
+ })[o], q = ({
28
29
  ownerState: o,
29
30
  theme: r
30
31
  }) => {
31
- let c = T({
32
+ let c = b({
32
33
  display: "flex",
33
34
  flexDirection: "column"
34
35
  }, g({
@@ -40,7 +41,7 @@ const H = (o) => ({
40
41
  flexDirection: a
41
42
  })));
42
43
  if (o.spacing) {
43
- const a = N(r), i = Object.keys(r.breakpoints.values).reduce((s, t) => ((typeof o.spacing == "object" && o.spacing[t] != null || typeof o.direction == "object" && o.direction[t] != null) && (s[t] = !0), s), {}), n = f({
44
+ const a = R(r), i = Object.keys(r.breakpoints.values).reduce((s, t) => ((typeof o.spacing == "object" && o.spacing[t] != null || typeof o.direction == "object" && o.direction[t] != null) && (s[t] = !0), s), {}), n = f({
44
45
  values: o.direction,
45
46
  base: i
46
47
  }), l = f({
@@ -52,10 +53,10 @@ const H = (o) => ({
52
53
  const d = t > 0 ? n[p[t - 1]] : "column";
53
54
  n[s] = d;
54
55
  }
55
- }), c = R(c, g({
56
+ }), c = N(c, g({
56
57
  theme: r
57
58
  }, l, (s, t) => o.useFlexGap ? {
58
- gap: b(a, s)
59
+ gap: T(a, s)
59
60
  } : {
60
61
  // The useFlexGap={false} implement relies on each child to give up control of the margin.
61
62
  // We need to reset the margin to avoid double spacing.
@@ -63,21 +64,21 @@ const H = (o) => ({
63
64
  margin: 0
64
65
  },
65
66
  "& > :not(style) ~ :not(style)": {
66
- [`margin${H(t ? n[t] : o.direction)}`]: b(a, s)
67
+ [`margin${Y(t ? n[t] : o.direction)}`]: T(a, s)
67
68
  }
68
69
  }));
69
70
  }
70
- return c = E(r.breakpoints, c), c;
71
+ return c = D(r.breakpoints, c), c;
71
72
  };
72
- function Q(o = {}) {
73
+ function z(o = {}) {
73
74
  const {
74
75
  // This will allow adding custom styled fn (for example for custom sx style function)
75
- createStyledComponent: r = z,
76
- useThemeProps: c = I,
76
+ createStyledComponent: r = Q,
77
+ useThemeProps: c = W,
77
78
  componentName: a = "MuiStack"
78
- } = o, i = () => w({
79
+ } = o, i = () => U({
79
80
  root: ["root"]
80
- }, (s) => $(a, s), {}), n = r(K), l = /* @__PURE__ */ m.forwardRef(function(s, t) {
81
+ }, (s) => B(a, s), {}), n = r(q), l = /* @__PURE__ */ m.forwardRef(function(s, t) {
81
82
  const p = c(s), u = F(p), {
82
83
  component: d = "div",
83
84
  direction: h = "column",
@@ -86,18 +87,18 @@ function Q(o = {}) {
86
87
  children: O,
87
88
  className: k,
88
89
  useFlexGap: x = !1
89
- } = u, P = _(u, L), S = {
90
+ } = u, P = E(u, J), S = {
90
91
  direction: h,
91
92
  spacing: j,
92
93
  useFlexGap: x
93
94
  }, V = i();
94
- return /* @__PURE__ */ A(n, T({
95
+ return /* @__PURE__ */ M(n, b({
95
96
  as: d,
96
97
  ownerState: S,
97
98
  ref: t,
98
- className: B(V.root, k)
99
+ className: _(V.root, k)
99
100
  }, P, {
100
- children: v ? W(O, v) : O
101
+ children: v ? X(O, v) : O
101
102
  }));
102
103
  });
103
104
  return process.env.NODE_ENV !== "production" && (l.propTypes = {
@@ -108,18 +109,18 @@ function Q(o = {}) {
108
109
  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
109
110
  }), l;
110
111
  }
111
- const X = Q({
112
- createStyledComponent: M("div", {
112
+ const H = z({
113
+ createStyledComponent: $("div", {
113
114
  name: "JoyStack",
114
115
  slot: "Root",
115
116
  overridesResolver: (o, r) => r.root
116
117
  }),
117
- useThemeProps: (o) => U({
118
+ useThemeProps: (o) => L({
118
119
  props: o,
119
120
  name: "JoyStack"
120
121
  })
121
122
  });
122
- process.env.NODE_ENV !== "production" && (X.propTypes = {
123
+ process.env.NODE_ENV !== "production" && (H.propTypes = {
123
124
  // ┌────────────────────────────── Warning ──────────────────────────────┐
124
125
  // │ These PropTypes are generated from the TypeScript type definitions. │
125
126
  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -164,5 +165,5 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
164
165
  useFlexGap: e.bool
165
166
  });
166
167
  export {
167
- X as S
168
+ H as S
168
169
  };
@@ -1,5 +1,5 @@
1
1
  import { jsxs as l, Fragment as c, jsx as n } from "react/jsx-runtime";
2
- import { i as g, B as i } from "./PrizeCard-DF3QxwQJ.js";
2
+ import { i as g, B as i } from "./PrizeCard-DgHyperX.js";
3
3
  const s = (e) => ({
4
4
  // Image container (left position)
5
5
  imageContainerLeft: {