fansunited-frontend-components 0.0.49 → 0.0.51

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 (66) 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/chunks/{AlertMessage-Ds45MBHB.js → AlertMessage-CQ9WJHSb.js} +25 -24
  17. package/chunks/{ArrowRightAlt-DKADQN2o.js → ArrowRightAlt-C1U8SNu-.js} +5 -5
  18. package/chunks/{Avatar-K1EWhhkA.js → Avatar-COVJnfGS.js} +79 -78
  19. package/chunks/Button-COvmPv4P.js +2270 -0
  20. package/chunks/{ChanceGameEmbedVariant-DqFg4YKU.js → ChanceGameEmbedVariant-lfZlSATv.js} +44 -43
  21. package/chunks/{CheckCircle-CV9iMpkZ.js → CheckCircle-h7-xLUq-.js} +27 -26
  22. package/chunks/{Close-C6Cw96SJ.js → Close-BTC6xyyj.js} +1 -1
  23. package/chunks/{Close-BHp4N1-6.js → Close-DBaorsP1.js} +1 -1
  24. package/chunks/{CollectLeadForm-DnLKA8qz.js → CollectLeadForm-O7Cpe0ix.js} +128 -127
  25. package/chunks/{Divider-BvUimRFw.js → Divider-DBCeQt9x.js} +15 -14
  26. package/chunks/{Edit-CZ3ni-Ur.js → Edit-BwwxJdNv.js} +35 -34
  27. package/chunks/{EmojiEvents-DpmLq98V.js → EmojiEvents-DVPGlTU_.js} +3 -3
  28. package/chunks/{FavoriteBorder-DUK_DrY4.js → FavoriteBorder-BnhfbKy1.js} +1 -1
  29. package/chunks/{FormControl-BUItlVIg.js → FormControl-COjw1gQd.js} +38 -37
  30. package/chunks/{FormLabel-CeTNPUn7.js → FormLabel-e5_v5cjP.js} +18 -17
  31. package/chunks/{Input-MJCQcYzo.js → Input-er-Yyqtt.js} +17 -16
  32. package/chunks/{KeyboardArrowDown-SZpn2GhJ.js → KeyboardArrowDown-BeaYH92n.js} +1 -1
  33. package/chunks/{ModalDialog-Cfgv9UAA.js → ModalDialog-XkhZtgYm.js} +58 -57
  34. package/chunks/{NotFoundSkeleton-Cs6DtD9u.js → NotFoundSkeleton-C71TRYl5.js} +95 -94
  35. package/chunks/{Notification-pcKtlRms.js → Notification-CkPupg9q.js} +57 -56
  36. package/chunks/{OverlayApiErrorSkeleton-Dl3s5Oaf.js → OverlayApiErrorSkeleton-CkuDu9uV.js} +20 -19
  37. package/chunks/{OverlayLeadAfterCollection-F2TAV9wK.js → OverlayLeadAfterCollection-Dkxl4cKn.js} +28 -27
  38. package/chunks/{OverlayScoreStateSkeleton-LQ0svzeX.js → OverlayScoreStateSkeleton-RauDjIg5.js} +16 -15
  39. package/chunks/{Person-BGdniS_p.js → Person-WCt2MN5j.js} +32 -31
  40. package/chunks/{PickOneOfX-Ci4ZJf7G.js → PickOneOfX-DabfTR2W.js} +8 -7
  41. package/chunks/{Popper-DOVSI4rJ.js → Popper-OPgbZzY7.js} +127 -126
  42. package/chunks/{Portal-Cs0dgwmH.js → Portal-BQilulgu.js} +5 -5
  43. package/chunks/{PrizeCard-DF3QxwQJ.js → PrizeCard-DgHyperX.js} +5238 -6653
  44. package/chunks/{Select-BHeTdOYr.js → Select-9gmhEo71.js} +133 -132
  45. package/chunks/{Spinner-DbUB64Gj.js → Spinner-BoysVPn7.js} +12 -11
  46. package/chunks/{SplitLeadAfterCollection-DSw6X5fx.js → SplitLeadAfterCollection-C5oCDYT1.js} +15 -14
  47. package/chunks/{Stack-BpHk5eb0.js → Stack-INH9bhkC.js} +30 -29
  48. package/chunks/{StandardContentSkeleton-Bae1LLQ_.js → StandardContentSkeleton-DsAhzMfU.js} +1 -1
  49. package/chunks/{Tabs-hwJ7jsUl.js → Tabs-DaVatjCJ.js} +60 -59
  50. package/chunks/{Textarea-zOtMdgc5.js → Textarea-DeMxp3Zn.js} +48 -47
  51. package/chunks/{TimerOutlined-DWE7f0YX.js → TimerOutlined-DJh2vL3s.js} +3 -3
  52. package/chunks/{helpers-NuC1SzL3.js → helpers-Bd9FT9hj.js} +1 -1
  53. package/chunks/{index-D1K1OB4p.js → index-5MPtbA_r.js} +255 -239
  54. package/chunks/index-BjfKDjAM.js +4 -0
  55. package/chunks/main-Bx5W2XyO.js +1773 -0
  56. package/chunks/{main-hB01WcoP.js → main-DWw1vqVY.js} +38 -37
  57. package/chunks/{useEventCallback-CizlfWBo.js → useEventCallback-vbTEFVPa.js} +8 -7
  58. package/chunks/{useForwardedInput-RWDntqBU.js → useForwardedInput-DumYVfgj.js} +26 -25
  59. package/chunks/{useImageVariant-Cex1eIqq.js → useImageVariant-B1ObJh_B.js} +1 -1
  60. package/components.d.ts +2 -1
  61. package/components.d.ts.map +1 -1
  62. package/index.d.ts +1 -0
  63. package/index.d.ts.map +1 -1
  64. package/index.js +5 -3
  65. package/package.json +5 -1
  66. package/chunks/index-BaypiKlO.js +0 -4
package/CollectLead.js CHANGED
@@ -1,13 +1,14 @@
1
1
  import { jsx as n, jsxs as g, Fragment as r } from "react/jsx-runtime";
2
2
  import { createContext as ce } from "react";
3
- import { c as Y, i as Q, B as o, T as u, f as de, g as J, u as K, e as X, n as Z, W as w, b as U, a as h, d as se } from "./chunks/PrizeCard-DF3QxwQJ.js";
4
- import { P as me } from "./chunks/Portal-Cs0dgwmH.js";
3
+ import { c as Y, i as Q, B as o, f as de, g as J, u as K, e as X, m as Z, W as w, b as U, a as h, d as me } from "./chunks/PrizeCard-DgHyperX.js";
4
+ import { P as se } from "./chunks/Portal-BQilulgu.js";
5
5
  import "react-dom";
6
- import { g as ge, a as xe, h as oe } from "./chunks/helpers-NuC1SzL3.js";
7
- import { d as le, a as ae, b as ee } from "./chunks/useImageVariant-Cex1eIqq.js";
8
- import { C as fe } from "./chunks/CollectLeadForm-DnLKA8qz.js";
6
+ import { g as ge, a as xe, h as oe } from "./chunks/helpers-Bd9FT9hj.js";
7
+ import { d as le, a as ae, b as ee } from "./chunks/useImageVariant-B1ObJh_B.js";
8
+ import { T as u } from "./chunks/Button-COvmPv4P.js";
9
+ import { C as fe } from "./chunks/CollectLeadForm-O7Cpe0ix.js";
9
10
  const te = (e) => {
10
- const i = Y().secondary, s = Q(), a = ge(e.primaryUrl, e.secondaryUrl, "logo");
11
+ const i = Y().secondary, m = Q(), a = ge(e.primaryUrl, e.secondaryUrl, "logo");
11
12
  if (!e.brandingLogo)
12
13
  return null;
13
14
  const d = () => {
@@ -47,7 +48,7 @@ const te = (e) => {
47
48
  children: t
48
49
  }
49
50
  ) : t;
50
- return s ? /* @__PURE__ */ g(
51
+ return m ? /* @__PURE__ */ g(
51
52
  o,
52
53
  {
53
54
  sx: {
@@ -118,7 +119,7 @@ const te = (e) => {
118
119
  }), ye = ({
119
120
  shadowRootElement: e,
120
121
  phoneCountryCode: i,
121
- images: s,
122
+ images: m,
122
123
  content: a,
123
124
  campaign: d,
124
125
  branding: t,
@@ -138,7 +139,7 @@ const te = (e) => {
138
139
  value: {
139
140
  shadowRootElement: e,
140
141
  phoneCountryCode: i,
141
- images: s,
142
+ images: m,
142
143
  content: a,
143
144
  campaign: d,
144
145
  branding: t,
@@ -157,7 +158,7 @@ const te = (e) => {
157
158
  ), ne = () => {
158
159
  const { t: e } = de(), {
159
160
  sdk: i,
160
- content: s,
161
+ content: m,
161
162
  branding: a,
162
163
  campaign: d,
163
164
  labels: t,
@@ -192,7 +193,7 @@ const te = (e) => {
192
193
  fe,
193
194
  {
194
195
  sdk: i,
195
- content: s,
196
+ content: m,
196
197
  onSuccessCta: f,
197
198
  branding: a,
198
199
  campaign: d,
@@ -390,8 +391,8 @@ const te = (e) => {
390
391
  let i = (e == null ? void 0 : e.mainLogo) || null;
391
392
  return Q() && (i = (e == null ? void 0 : e.mobileLogo) || (e == null ? void 0 : e.mainLogo) || null), i;
392
393
  }, be = () => {
393
- var l, $, q, P, R, I, L, D, z, H, v, B, y, m, W, A, G, E;
394
- const e = J(_), i = K(), s = X(), a = Z(
394
+ var l, $, q, P, R, I, L, D, z, H, v, B, y, s, W, A, G, E;
395
+ const e = J(_), i = K(), m = X(), a = Z(
395
396
  w.OVERLAY
396
397
  ), d = Q(), t = he(
397
398
  ((l = e.branding) == null ? void 0 : l.images) || null
@@ -401,8 +402,8 @@ const te = (e) => {
401
402
  imagePlaceholder: f
402
403
  },
403
404
  w.OVERLAY
404
- ), C = xe(b), S = i.colorSchemes.dark.textColor, p = i.customFontFamily.dark.primary, T = i.customFontFamily.dark.secondary, j = i.customRadius.dark.md, N = ($ = i.border) == null ? void 0 : $.dark.size, k = (P = (q = i.colorSchemes) == null ? void 0 : q.dark) == null ? void 0 : P.surfaceVariant, F = (I = (R = i.customRadius) == null ? void 0 : R.light) == null ? void 0 : I.xl, M = (H = (z = (D = (L = i.colorSchemes) == null ? void 0 : L.light) == null ? void 0 : D.palette) == null ? void 0 : z.primary) == null ? void 0 : H.plainColor, V = (m = (y = (B = (v = i.colorSchemes) == null ? void 0 : v.light) == null ? void 0 : B.palette) == null ? void 0 : y.primary) == null ? void 0 : m.onPrimary, c = ue({
405
- spacingScale: s,
405
+ ), C = xe(b), S = i.colorSchemes.dark.textColor, p = i.customFontFamily.dark.primary, T = i.customFontFamily.dark.secondary, j = i.customRadius.dark.md, N = ($ = i.border) == null ? void 0 : $.dark.size, k = (P = (q = i.colorSchemes) == null ? void 0 : q.dark) == null ? void 0 : P.surfaceVariant, F = (I = (R = i.customRadius) == null ? void 0 : R.light) == null ? void 0 : I.xl, M = (H = (z = (D = (L = i.colorSchemes) == null ? void 0 : L.light) == null ? void 0 : D.palette) == null ? void 0 : z.primary) == null ? void 0 : H.plainColor, V = (s = (y = (B = (v = i.colorSchemes) == null ? void 0 : v.light) == null ? void 0 : B.palette) == null ? void 0 : y.primary) == null ? void 0 : s.onPrimary, c = ue({
406
+ spacingScale: m,
406
407
  secondaryColor: S,
407
408
  fontFamilyPrimary: p,
408
409
  fontFamilySecondary: T,
@@ -437,7 +438,7 @@ const te = (e) => {
437
438
  ] })
438
439
  ] });
439
440
  }, re = ({ children: e }) => {
440
- const i = U().md, s = h().surface, a = h().secondaryContainer, t = se().size + " solid " + a;
441
+ const i = U().md, m = h().surface, a = h().secondaryContainer, t = me().size + " solid " + a;
441
442
  return /* @__PURE__ */ n(
442
443
  o,
443
444
  {
@@ -449,7 +450,7 @@ const te = (e) => {
449
450
  overflow: "hidden",
450
451
  minHeight: "250px",
451
452
  borderRadius: i,
452
- background: s,
453
+ background: m,
453
454
  border: t
454
455
  },
455
456
  children: e
@@ -766,7 +767,7 @@ const te = (e) => {
766
767
  }
767
768
  }), Se = (e) => {
768
769
  var P, R, I, L, D, z, H, v, B;
769
- const i = J(_), s = K(), a = e.imagePosition || "left", d = ee(
770
+ const i = J(_), m = K(), a = e.imagePosition || "left", d = ee(
770
771
  {
771
772
  images: i.images || null,
772
773
  imagePlaceholder: i.defaultImagePlaceholderUrl ? i.defaultImagePlaceholderUrl : ""
@@ -790,23 +791,23 @@ const te = (e) => {
790
791
  buttonRadius: V,
791
792
  opacity: p,
792
793
  imagePosition: a,
793
- darkTextColor: s.colorSchemes.dark.textColor,
794
+ darkTextColor: m.colorSchemes.dark.textColor,
794
795
  imageBackgroundGradient: x
795
796
  }), $ = (y) => {
796
- var m;
797
+ var s;
797
798
  return /* @__PURE__ */ n(
798
799
  te,
799
800
  {
800
801
  brandingLogo: f,
801
802
  textColor: y,
802
- label: (m = i.labels) == null ? void 0 : m.presentedByLabel
803
+ label: (s = i.labels) == null ? void 0 : s.presentedByLabel
803
804
  }
804
805
  );
805
806
  };
806
807
  return /* @__PURE__ */ g(re, { children: [
807
808
  (() => {
808
- var y, m, W, A, G, E, O, ie;
809
- return t ? d ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithImage, children: (y = i.labels) != null && y.title || (m = i.labels) != null && m.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineContent, children: /* @__PURE__ */ g(o, { sx: l.contentContainer, children: [
809
+ var y, s, W, A, G, E, O, ie;
810
+ return t ? d ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithImage, children: (y = i.labels) != null && y.title || (s = i.labels) != null && s.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineContent, children: /* @__PURE__ */ g(o, { sx: l.contentContainer, children: [
810
811
  (W = i.labels) != null && W.title ? /* @__PURE__ */ n(u, { sx: l.titleTypographyMobileImage, children: i.labels.title }) : /* @__PURE__ */ n(r, {}),
811
812
  (A = i.labels) != null && A.description ? /* @__PURE__ */ n(u, { sx: l.descriptionTypographyMobileImage, children: i.labels.description }) : /* @__PURE__ */ n(r, {})
812
813
  ] }) }) : /* @__PURE__ */ n(r, {}) }) : (G = i.labels) != null && G.title || (E = i.labels) != null && E.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithoutImage, children: /* @__PURE__ */ g(o, { sx: l.contentContainer, children: [
@@ -1161,13 +1162,13 @@ const te = (e) => {
1161
1162
  }
1162
1163
  }), Te = () => {
1163
1164
  var q, P, R, I, L, D, z, H, v, B;
1164
- const e = J(_), i = K(), s = Q(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : s ? le : ae, d = ee(
1165
+ const e = J(_), i = K(), m = Q(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : m ? le : ae, d = ee(
1165
1166
  {
1166
1167
  images: e.images || null,
1167
1168
  imagePlaceholder: a
1168
1169
  },
1169
1170
  w.SPLIT
1170
- ), t = s ? ((P = (q = e.branding) == null ? void 0 : q.images) == null ? void 0 : P.mobileLogo) || ((I = (R = e.branding) == null ? void 0 : R.images) == null ? void 0 : I.mainLogo) || "" : ((D = (L = e.branding) == null ? void 0 : L.images) == null ? void 0 : D.mainLogo) || "", f = h().textColor, b = Y().secondary, C = "60%", S = Y().primary, p = U().xl, T = h().surfaceVariant, j = (H = (z = h().palette) == null ? void 0 : z.primary) == null ? void 0 : H.plainColor, N = (B = (v = h().palette) == null ? void 0 : v.primary) == null ? void 0 : B.onPrimary, k = h().textColor, F = X(), M = U(), V = Z(
1171
+ ), t = m ? ((P = (q = e.branding) == null ? void 0 : q.images) == null ? void 0 : P.mobileLogo) || ((I = (R = e.branding) == null ? void 0 : R.images) == null ? void 0 : I.mainLogo) || "" : ((D = (L = e.branding) == null ? void 0 : L.images) == null ? void 0 : D.mainLogo) || "", f = h().textColor, b = Y().secondary, C = "60%", S = Y().primary, p = U().xl, T = h().surfaceVariant, j = (H = (z = h().palette) == null ? void 0 : z.primary) == null ? void 0 : H.plainColor, N = (B = (v = h().palette) == null ? void 0 : v.primary) == null ? void 0 : B.onPrimary, k = h().textColor, F = X(), M = U(), V = Z(
1171
1172
  w.SPLIT
1172
1173
  ), c = oe(T || ""), x = pe({
1173
1174
  finalImage: d,
@@ -1185,21 +1186,21 @@ const te = (e) => {
1185
1186
  darkTextColor: i.colorSchemes.dark.textColor,
1186
1187
  imageBackgroundGradient: V
1187
1188
  }), l = (y) => {
1188
- var m;
1189
+ var s;
1189
1190
  return /* @__PURE__ */ n(
1190
1191
  te,
1191
1192
  {
1192
1193
  brandingLogo: t,
1193
1194
  textColor: y,
1194
- label: (m = e.labels) == null ? void 0 : m.presentedByLabel
1195
+ label: (s = e.labels) == null ? void 0 : s.presentedByLabel
1195
1196
  }
1196
1197
  );
1197
1198
  };
1198
1199
  return /* @__PURE__ */ g(re, { children: [
1199
1200
  (() => {
1200
- var y, m, W, A;
1201
+ var y, s, W, A;
1201
1202
  return /* @__PURE__ */ n(o, { sx: x.headlineSection, children: /* @__PURE__ */ g(o, { sx: x.headlineContent, children: [
1202
- (y = e.labels) != null && y.title || (m = e.labels) != null && m.description ? /* @__PURE__ */ n(o, { children: /* @__PURE__ */ g(o, { sx: x.contentContainer, children: [
1203
+ (y = e.labels) != null && y.title || (s = e.labels) != null && s.description ? /* @__PURE__ */ n(o, { children: /* @__PURE__ */ g(o, { sx: x.contentContainer, children: [
1203
1204
  (W = e.labels) != null && W.title ? /* @__PURE__ */ n(u, { sx: x.pollTitleText, children: e.labels.title }) : /* @__PURE__ */ n(r, {}),
1204
1205
  (A = e.labels) != null && A.description ? /* @__PURE__ */ n(u, { sx: x.pollDescriptionText, children: e.labels.description }) : /* @__PURE__ */ n(r, {})
1205
1206
  ] }) }) : /* @__PURE__ */ n(r, {}),
@@ -1224,7 +1225,7 @@ function ke(e) {
1224
1225
  const Fe = (e) => e.template === w.OVERLAY ? /* @__PURE__ */ n(be, {}) : ke(e) ? /* @__PURE__ */ n(Se, { imagePosition: e.imagePosition || "left" }) : /* @__PURE__ */ n(Te, {}), Pe = (e) => {
1225
1226
  var i;
1226
1227
  return /* @__PURE__ */ n(
1227
- me,
1228
+ se,
1228
1229
  {
1229
1230
  packageName: "collect-lead",
1230
1231
  entityId: ((i = e.content) == null ? void 0 : i.id) || "",
@@ -1252,7 +1253,7 @@ const Fe = (e) => e.template === w.OVERLAY ? /* @__PURE__ */ n(be, {}) : ke(e) ?
1252
1253
  )
1253
1254
  }
1254
1255
  );
1255
- }, We = Pe;
1256
+ }, Ae = Pe;
1256
1257
  export {
1257
- We as CollectLead
1258
+ Ae as CollectLead
1258
1259
  };
package/Discussion.js CHANGED
@@ -1,4 +1,4 @@
1
- import { M as o } from "./chunks/main-hB01WcoP.js";
1
+ import { M as o } from "./chunks/main-DWw1vqVY.js";
2
2
  const i = o;
3
3
  export {
4
4
  i as Discussion