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.
- 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/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-Bx5W2XyO.js +1773 -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
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,
|
|
4
|
-
import { P as
|
|
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-
|
|
7
|
-
import { d as le, a as ae, b as ee } from "./chunks/useImageVariant-
|
|
8
|
-
import {
|
|
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,
|
|
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
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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,
|
|
394
|
-
const e = J(_), i = K(),
|
|
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 = (
|
|
405
|
-
spacingScale:
|
|
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,
|
|
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:
|
|
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(_),
|
|
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:
|
|
794
|
+
darkTextColor: m.colorSchemes.dark.textColor,
|
|
794
795
|
imageBackgroundGradient: x
|
|
795
796
|
}), $ = (y) => {
|
|
796
|
-
var
|
|
797
|
+
var s;
|
|
797
798
|
return /* @__PURE__ */ n(
|
|
798
799
|
te,
|
|
799
800
|
{
|
|
800
801
|
brandingLogo: f,
|
|
801
802
|
textColor: y,
|
|
802
|
-
label: (
|
|
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,
|
|
809
|
-
return t ? d ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithImage, children: (y = i.labels) != null && y.title || (
|
|
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(),
|
|
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 =
|
|
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
|
|
1189
|
+
var s;
|
|
1189
1190
|
return /* @__PURE__ */ n(
|
|
1190
1191
|
te,
|
|
1191
1192
|
{
|
|
1192
1193
|
brandingLogo: t,
|
|
1193
1194
|
textColor: y,
|
|
1194
|
-
label: (
|
|
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,
|
|
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 || (
|
|
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
|
-
|
|
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
|
-
},
|
|
1256
|
+
}, Ae = Pe;
|
|
1256
1257
|
export {
|
|
1257
|
-
|
|
1258
|
+
Ae as CollectLead
|
|
1258
1259
|
};
|
package/Discussion.js
CHANGED