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.
- 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/README.md +523 -1
- 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-DDb9jezz.js +1758 -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
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { a
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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:
|
|
15
|
+
my: s
|
|
15
16
|
},
|
|
16
|
-
children: /* @__PURE__ */
|
|
17
|
-
|
|
17
|
+
children: /* @__PURE__ */ o(
|
|
18
|
+
a,
|
|
18
19
|
{
|
|
19
20
|
slotProps: {
|
|
20
21
|
track: {
|
|
21
22
|
sx: {
|
|
22
|
-
stroke:
|
|
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
|
-
|
|
38
|
+
g as S
|
|
38
39
|
};
|
package/chunks/{SplitLeadAfterCollection-DSw6X5fx.js → SplitLeadAfterCollection-C5oCDYT1.js}
RENAMED
|
@@ -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,
|
|
3
|
-
import { s as K, h as O } from "./helpers-
|
|
4
|
-
import { R as Q } from "./NotFoundSkeleton-
|
|
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-
|
|
7
|
-
import { d as Y, a as Z, b as _ } from "./useImageVariant-
|
|
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
|
-
}),
|
|
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
|
-
},
|
|
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,
|
|
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: (
|
|
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
|
|
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: (
|
|
199
|
-
brandingUrls: (
|
|
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
|
-
|
|
234
|
-
|
|
234
|
+
de as S,
|
|
235
|
+
me as a
|
|
235
236
|
};
|
|
@@ -1,34 +1,35 @@
|
|
|
1
|
-
import {
|
|
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
|
|
4
|
-
const
|
|
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
|
|
10
|
-
return
|
|
10
|
+
function W(o) {
|
|
11
|
+
return w({
|
|
11
12
|
props: o,
|
|
12
13
|
name: "MuiStack",
|
|
13
|
-
defaultTheme:
|
|
14
|
+
defaultTheme: I
|
|
14
15
|
});
|
|
15
16
|
}
|
|
16
|
-
function
|
|
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
|
|
23
|
+
const Y = (o) => ({
|
|
23
24
|
row: "Left",
|
|
24
25
|
"row-reverse": "Right",
|
|
25
26
|
column: "Top",
|
|
26
27
|
"column-reverse": "Bottom"
|
|
27
|
-
})[o],
|
|
28
|
+
})[o], q = ({
|
|
28
29
|
ownerState: o,
|
|
29
30
|
theme: r
|
|
30
31
|
}) => {
|
|
31
|
-
let c =
|
|
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 =
|
|
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 =
|
|
56
|
+
}), c = N(c, g({
|
|
56
57
|
theme: r
|
|
57
58
|
}, l, (s, t) => o.useFlexGap ? {
|
|
58
|
-
gap:
|
|
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${
|
|
67
|
+
[`margin${Y(t ? n[t] : o.direction)}`]: T(a, s)
|
|
67
68
|
}
|
|
68
69
|
}));
|
|
69
70
|
}
|
|
70
|
-
return c =
|
|
71
|
+
return c = D(r.breakpoints, c), c;
|
|
71
72
|
};
|
|
72
|
-
function
|
|
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 =
|
|
76
|
-
useThemeProps: c =
|
|
76
|
+
createStyledComponent: r = Q,
|
|
77
|
+
useThemeProps: c = W,
|
|
77
78
|
componentName: a = "MuiStack"
|
|
78
|
-
} = o, i = () =>
|
|
79
|
+
} = o, i = () => U({
|
|
79
80
|
root: ["root"]
|
|
80
|
-
}, (s) =>
|
|
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 =
|
|
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__ */
|
|
95
|
+
return /* @__PURE__ */ M(n, b({
|
|
95
96
|
as: d,
|
|
96
97
|
ownerState: S,
|
|
97
98
|
ref: t,
|
|
98
|
-
className:
|
|
99
|
+
className: _(V.root, k)
|
|
99
100
|
}, P, {
|
|
100
|
-
children: v ?
|
|
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
|
|
112
|
-
createStyledComponent:
|
|
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) =>
|
|
118
|
+
useThemeProps: (o) => L({
|
|
118
119
|
props: o,
|
|
119
120
|
name: "JoyStack"
|
|
120
121
|
})
|
|
121
122
|
});
|
|
122
|
-
process.env.NODE_ENV !== "production" && (
|
|
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
|
-
|
|
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-
|
|
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: {
|