@streamlayer/react-ui 1.22.0 → 1.22.2
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/lib/app/app/Notifications/index.js +64 -60
- package/lib/app/masters/BetPack/BetPackContent/EmergencyScreen/index.d.ts +3 -2
- package/lib/app/masters/BetPack/BetPackContent/EmergencyScreen/index.js +10 -12
- package/lib/app/masters/BetPack/BetPackContent/EmergencyScreen/styles.d.ts +5 -1
- package/lib/app/masters/BetPack/BetPackContent/EmergencyScreen/styles.js +1 -1
- package/lib/app/masters/BetPack/BetPackContent/EndScreen/index.d.ts +1 -1
- package/lib/app/masters/BetPack/BetPackContent/EndScreen/index.js +20 -28
- package/lib/app/masters/BetPack/BetPackContent/EndScreen/styles.d.ts +5 -17
- package/lib/app/masters/BetPack/BetPackContent/EndScreen/styles.js +10 -56
- package/lib/app/masters/BetPack/BetPackContent/LoaderScreen/index.d.ts +3 -1
- package/lib/app/masters/BetPack/BetPackContent/LoaderScreen/index.js +9 -6
- package/lib/app/masters/BetPack/BetPackContent/ScreenContainer/index.js +4 -8
- package/lib/app/masters/BetPack/BetPackContent/StartScreen/index.d.ts +2 -3
- package/lib/app/masters/BetPack/BetPackContent/StartScreen/index.js +18 -24
- package/lib/app/masters/BetPack/BetPackContent/StartScreen/styles.d.ts +1 -6
- package/lib/app/masters/BetPack/BetPackContent/StartScreen/styles.js +14 -40
- package/lib/app/masters/BetPack/BetPackContent/constants.js +1 -1
- package/lib/app/masters/BetPack/BetPackContent/index.d.ts +1 -3
- package/lib/app/masters/BetPack/BetPackContent/index.js +106 -106
- package/lib/app/masters/BetPack/BetPackContent/styles.d.ts +9 -1
- package/lib/app/masters/BetPack/BetPackContent/styles.js +48 -10
- package/lib/app/masters/BetPack/BetPackOverlay/index.js +2 -3
- package/lib/app/masters/BetPack/index.d.ts +2 -2
- package/lib/app/masters/BetPack/index.js +60 -88
- package/lib/app/masters/BetPack/styles.d.ts +0 -1
- package/lib/app/masters/BetPack/styles.js +7 -12
- package/lib/app/masters/Features/Gamification/Tabs.js +1 -1
- package/lib/app/masters/masters.js +58 -67
- package/lib/app/masters/useSdkResponsive.d.ts +0 -2
- package/lib/app/masters/useSdkResponsive.js +0 -2
- package/lib/assets/style.css +1 -1
- package/lib/ui/advertisement/overlay/externalAd/vast-player/useGAMPlayer.js +1 -1
- package/lib/ui/advertisement/overlay/externalAd/vast-player/useVastAds.js +1 -1
- package/lib/ui/gamification/question/inapp/prediction-result/frames/content.js +18 -16
- package/lib/ui/gamification/user-statistics/index.js +27 -25
- package/lib/ui/gamification/vote/index.js +1 -1
- package/lib/ui/theme/masters-theme.js +23 -92
- package/lib/ui/theme/theme.js +5 -5
- package/lib/{useVastAds-Dt_tRbpd.js → useVastAds-Bu_IhLJ2.js} +2 -2
- package/lib/utils/decorators/masters.js +49 -11
- package/package.json +15 -15
- package/lib/app/masters/BetPack/BetPackContent/ScreenContainer/useDynamicParentFont.d.ts +0 -4
- package/lib/app/masters/BetPack/BetPackContent/ScreenContainer/useDynamicParentFont.js +0 -33
- package/lib/app/masters/useOrientation.d.ts +0 -3
- package/lib/app/masters/useOrientation.js +0 -12
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { u as pg, z as gg } from "../../../../../useVastAds-
|
|
1
|
+
import { u as pg, z as gg } from "../../../../../useVastAds-Bu_IhLJ2.js";
|
|
2
2
|
import { useRef as hc, useCallback as Vr, useEffect as $a } from "react";
|
|
3
3
|
import { D as mg } from "../../../../../index-DXvAPWiE.js";
|
|
4
4
|
import { m as _g } from "../../../../../index-DSi8Qgfs.js";
|
|
@@ -10,7 +10,7 @@ const v = /* @__PURE__ */ s("div")({
|
|
|
10
10
|
name: "CheckIcon",
|
|
11
11
|
class: "c1mo15kk",
|
|
12
12
|
propsAsIs: !0
|
|
13
|
-
}),
|
|
13
|
+
}), A = () => a, y = /* @__PURE__ */ s(A())({
|
|
14
14
|
name: "PredictionIcon",
|
|
15
15
|
class: "p16zkqnm",
|
|
16
16
|
propsAsIs: !0
|
|
@@ -18,27 +18,29 @@ const v = /* @__PURE__ */ s("div")({
|
|
|
18
18
|
name: "PredictionIconContainer",
|
|
19
19
|
class: "pjszi7a",
|
|
20
20
|
propsAsIs: !1
|
|
21
|
-
}),
|
|
21
|
+
}), w = /* @__PURE__ */ s("div")({
|
|
22
22
|
name: "BodyContainer",
|
|
23
23
|
class: "bftbmo3",
|
|
24
24
|
propsAsIs: !1
|
|
25
|
-
}),
|
|
25
|
+
}), z = /* @__PURE__ */ s("div")({
|
|
26
26
|
name: "Body",
|
|
27
27
|
class: "barrbyu",
|
|
28
28
|
propsAsIs: !1
|
|
29
|
-
}),
|
|
29
|
+
}), P = /* @__PURE__ */ s("div")({
|
|
30
30
|
name: "Subtitle",
|
|
31
31
|
class: "sz7237i",
|
|
32
32
|
propsAsIs: !1
|
|
33
|
-
}),
|
|
33
|
+
}), q = ({
|
|
34
34
|
step: d,
|
|
35
35
|
children: p,
|
|
36
|
-
answer:
|
|
37
|
-
state:
|
|
36
|
+
answer: m,
|
|
37
|
+
state: l = "pending"
|
|
38
38
|
}) => {
|
|
39
39
|
const [I, f] = r(0), [o] = r(() => new ResizeObserver((n) => {
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
window.requestAnimationFrame(() => {
|
|
41
|
+
var t, c;
|
|
42
|
+
f((c = (t = n == null ? void 0 : n[0]) == null ? void 0 : t.contentRect) == null ? void 0 : c.width);
|
|
43
|
+
});
|
|
42
44
|
})), h = u((n) => {
|
|
43
45
|
n || o.disconnect(), o.observe(n);
|
|
44
46
|
}, [o]);
|
|
@@ -46,27 +48,27 @@ const v = /* @__PURE__ */ s("div")({
|
|
|
46
48
|
o.disconnect();
|
|
47
49
|
}, [o]), /* @__PURE__ */ i(v, {
|
|
48
50
|
children: [/* @__PURE__ */ e(x, {
|
|
49
|
-
children: /* @__PURE__ */ e(
|
|
51
|
+
children: /* @__PURE__ */ e(y, {
|
|
50
52
|
name: "icon-prediction"
|
|
51
53
|
})
|
|
52
|
-
}), /* @__PURE__ */ e(
|
|
54
|
+
}), /* @__PURE__ */ e(w, {
|
|
53
55
|
style: {
|
|
54
56
|
minWidth: `${I}px`
|
|
55
57
|
},
|
|
56
|
-
children: /* @__PURE__ */ e(
|
|
58
|
+
children: /* @__PURE__ */ e(z, {
|
|
57
59
|
children: p
|
|
58
60
|
}, d)
|
|
59
|
-
}), /* @__PURE__ */ e(
|
|
61
|
+
}), /* @__PURE__ */ e(P, {
|
|
60
62
|
ref: h,
|
|
61
|
-
className:
|
|
63
|
+
className: l,
|
|
62
64
|
children: /* @__PURE__ */ i("div", {
|
|
63
65
|
children: [/* @__PURE__ */ e(k, {
|
|
64
66
|
name: "icon-check"
|
|
65
|
-
}), "Your Pick: ",
|
|
67
|
+
}), "Your Pick: ", m]
|
|
66
68
|
})
|
|
67
69
|
})]
|
|
68
70
|
});
|
|
69
71
|
};
|
|
70
72
|
export {
|
|
71
|
-
|
|
73
|
+
q as Content
|
|
72
74
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsxs as i, jsx as r } from "react/jsx-runtime";
|
|
1
|
+
import { jsxs as i, jsx as r, Fragment as w } from "react/jsx-runtime";
|
|
2
2
|
import { Skeleton as e } from "../../skeleton/index.js";
|
|
3
|
-
import { abbreviate as
|
|
3
|
+
import { abbreviate as V, formatDecimals as I } from "../../../utils/common.js";
|
|
4
4
|
import { Rank as d } from "./components/rank/index.js";
|
|
5
5
|
import { Statistic as c } from "./components/statistic/index.js";
|
|
6
|
-
import { Container as
|
|
7
|
-
const
|
|
6
|
+
import { Container as S, TopInfo as b, User as x, UserAccountBtn as H, Avatar as R, AvatarPlaceholder as U, UserInfo as k, UserName as u, UserRating as y, RtsContainer as T, Rts as M, TrophyIcon as Z, RtsIndicator as a, RtsLabel as h, RtsDivider as A, Divider as B, BottomInfo as D, Ranks as P, Statistics as j } from "./styles.js";
|
|
7
|
+
const F = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", z = ({
|
|
8
8
|
loading: t,
|
|
9
9
|
hideFriendsRank: n,
|
|
10
10
|
avatar: l,
|
|
@@ -17,44 +17,46 @@ const j = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200
|
|
|
17
17
|
incorrect: v,
|
|
18
18
|
inTop: L,
|
|
19
19
|
successRate: g
|
|
20
|
-
}) => /* @__PURE__ */ i(
|
|
21
|
-
/* @__PURE__ */ r(
|
|
22
|
-
/* @__PURE__ */ i(
|
|
23
|
-
l && /* @__PURE__ */ r(
|
|
24
|
-
!l && /* @__PURE__ */ r(
|
|
20
|
+
}) => /* @__PURE__ */ i(S, { "data-loading": t, children: [
|
|
21
|
+
/* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(e, { loading: t, children: /* @__PURE__ */ i(x, { children: [
|
|
22
|
+
/* @__PURE__ */ i(H, { children: [
|
|
23
|
+
l && /* @__PURE__ */ r(R, { alt: "avatar", src: l }),
|
|
24
|
+
!l && /* @__PURE__ */ r(U, { children: V(o || "") })
|
|
25
25
|
] }),
|
|
26
|
-
/* @__PURE__ */ i(
|
|
27
|
-
/* @__PURE__ */ r(
|
|
28
|
-
/* @__PURE__ */ i(
|
|
29
|
-
/* @__PURE__ */ i(
|
|
30
|
-
/* @__PURE__ */ i(
|
|
31
|
-
/* @__PURE__ */ r(
|
|
26
|
+
/* @__PURE__ */ i(k, { children: [
|
|
27
|
+
/* @__PURE__ */ r(u, { children: o }),
|
|
28
|
+
/* @__PURE__ */ i(y, { children: [
|
|
29
|
+
/* @__PURE__ */ i(T, { children: [
|
|
30
|
+
/* @__PURE__ */ i(M, { children: [
|
|
31
|
+
/* @__PURE__ */ r(Z, { alt: "rank-icon", src: F }),
|
|
32
32
|
/* @__PURE__ */ i(a, { children: [
|
|
33
|
-
|
|
33
|
+
I(s),
|
|
34
34
|
/* @__PURE__ */ r(h, { children: "PTS" })
|
|
35
35
|
] })
|
|
36
36
|
] }),
|
|
37
37
|
n && /* @__PURE__ */ i(a, { children: [
|
|
38
|
-
/* @__PURE__ */ r(
|
|
38
|
+
/* @__PURE__ */ r(A, {}),
|
|
39
39
|
C || 0,
|
|
40
40
|
/* @__PURE__ */ r(h, { children: "global rank" })
|
|
41
41
|
] })
|
|
42
42
|
] }),
|
|
43
|
-
/* @__PURE__ */
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
!n && /* @__PURE__ */ i(w, { children: [
|
|
44
|
+
/* @__PURE__ */ r(B, {}),
|
|
45
|
+
/* @__PURE__ */ i("div", { children: [
|
|
46
|
+
"TOP ",
|
|
47
|
+
L || 0,
|
|
48
|
+
"%"
|
|
49
|
+
] })
|
|
48
50
|
] })
|
|
49
51
|
] })
|
|
50
52
|
] })
|
|
51
53
|
] }) }) }),
|
|
52
|
-
/* @__PURE__ */ i(
|
|
53
|
-
!n && /* @__PURE__ */ i(
|
|
54
|
+
/* @__PURE__ */ i(D, { children: [
|
|
55
|
+
!n && /* @__PURE__ */ i(P, { children: [
|
|
54
56
|
/* @__PURE__ */ r(e, { loading: t, style: { width: "100%" }, children: /* @__PURE__ */ r(d, { indicator: m || 0, title: "Friends rank" }) }),
|
|
55
57
|
/* @__PURE__ */ r(e, { loading: t, style: { width: "100%" }, children: /* @__PURE__ */ r(d, { indicator: C || 0, title: "Global rank" }) })
|
|
56
58
|
] }),
|
|
57
|
-
/* @__PURE__ */ r(e, { loading: t, children: /* @__PURE__ */ i(
|
|
59
|
+
/* @__PURE__ */ r(e, { loading: t, children: /* @__PURE__ */ i(j, { children: [
|
|
58
60
|
/* @__PURE__ */ r(c, { indicator: p || 0, title: "Win streak" }),
|
|
59
61
|
/* @__PURE__ */ r(c, { indicator: f || 0, title: "Correct" }),
|
|
60
62
|
/* @__PURE__ */ r(c, { indicator: v || 0, title: "Incorrect" }),
|
|
@@ -96,7 +96,7 @@ const Dt = (e, f) => {
|
|
|
96
96
|
}, [u, t, o, d, n, a]), dt = g(() => n === c.PREDICTION && t ? a ? a && (o != null && o.youVoted) ? "You won" : "" : "To win" : d || u ? "Time expired" : n === c.POLL ? "Time remaining" : t ? "You won" : "To win", [u, n, t, d, a, o]), ht = !b || b && n === c.PREDICTION && C && !R, Tt = (n === c.TRIVIA || n === c.PREDICTION) && t && a && (o == null ? void 0 : o.youVoted), gt = t || d || N || n === c.TRIVIA && I === L.RESOLVED && V;
|
|
97
97
|
return /* @__PURE__ */ m(Vt, { children: [
|
|
98
98
|
i && /* @__PURE__ */ r(pt, {}),
|
|
99
|
-
/* @__PURE__ */ r($, { style: i ? { marginTop: "-40px" } : {}, children: /* @__PURE__ */ m(Q, {
|
|
99
|
+
/* @__PURE__ */ r($, { style: i ? { marginTop: "-40px" } : {}, children: /* @__PURE__ */ m(Q, { children: [
|
|
100
100
|
!i && /* @__PURE__ */ r(
|
|
101
101
|
Z,
|
|
102
102
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { breakpoints as n } from "./breakpoints.js";
|
|
2
|
-
import { COLORS as
|
|
3
|
-
const
|
|
4
|
-
...
|
|
2
|
+
import { COLORS as o, FONT as t } from "./constants.js";
|
|
3
|
+
const _ = {
|
|
4
|
+
...o,
|
|
5
5
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
6
6
|
// @ts-expect-error
|
|
7
7
|
BG_TRANSPARENT: "rgba(0,0,0, .8)",
|
|
@@ -69,17 +69,19 @@ const c = {
|
|
|
69
69
|
}, e = {
|
|
70
70
|
...t,
|
|
71
71
|
REGULAR: "'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",
|
|
72
|
+
REGULAR1: t.REGULAR,
|
|
72
73
|
SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
|
|
73
74
|
SERIF1: "'Tiempos', 'Tiempos Headline', Times New Roman, serif",
|
|
74
75
|
COLOR: "#fff",
|
|
75
76
|
WEIGHT_DEFAULT: "500"
|
|
76
|
-
},
|
|
77
|
-
${
|
|
78
|
-
--color-${
|
|
79
|
-
`, ""),
|
|
80
|
-
${
|
|
77
|
+
}, r = Object.entries(_).reduce((i, [E, a]) => `
|
|
78
|
+
${i}
|
|
79
|
+
--color-${E.toLowerCase().replaceAll("_", "-")}: ${a};
|
|
80
|
+
`, ""), p = `
|
|
81
|
+
${r}
|
|
81
82
|
--font-family: ${e.REGULAR};
|
|
82
83
|
--font-regular: ${e.REGULAR};
|
|
84
|
+
--font-regular1: ${e.REGULAR1};
|
|
83
85
|
--font-color: ${e.COLOR};
|
|
84
86
|
--font-serif: ${e.SERIF};
|
|
85
87
|
--font-serif1: ${e.SERIF1};
|
|
@@ -128,25 +130,13 @@ const c = {
|
|
|
128
130
|
--header-offset: 0px;
|
|
129
131
|
`}
|
|
130
132
|
|
|
131
|
-
--bet-pack-
|
|
132
|
-
--bet-pack-
|
|
133
|
-
--bet-pack-
|
|
134
|
-
--bet-pack-bg-emergency-container: #fff;
|
|
135
|
-
--bet-pack-color-emergency-btn: #006944;
|
|
136
|
-
--bet-pack-border-emergency-btn: 1px solid #d9d9d6;
|
|
133
|
+
--bet-pack-side-space: ${12 / 2}px;
|
|
134
|
+
--bet-pack-primary-bg: #006944;
|
|
135
|
+
--bet-pack-button-bg: rgba(255, 255, 255, 0.1);
|
|
137
136
|
|
|
138
|
-
|
|
139
|
-
--bet-pack-bg-color-loader-container: #000;
|
|
140
|
-
--bet-pack-loader-svg-color: #fff;
|
|
141
|
-
--bet-pack-color-emergency-container: #fff;
|
|
142
|
-
--bet-pack-bg-emergency-container: #000;
|
|
143
|
-
--bet-pack-color-emergency-btn: #fff;
|
|
144
|
-
--bet-pack-border-emergency-btn: none;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
--padding-question-content: 16px 16px 0px 16px;
|
|
137
|
+
--padding-question-content: 16px 16px 0px;
|
|
148
138
|
--gap-vote-options: 8px;
|
|
149
|
-
--
|
|
139
|
+
--vote-feedback-font-size: 1em;
|
|
150
140
|
--letter-spacing-feedback-header: normal;
|
|
151
141
|
--size-transparent-icon: 51px;
|
|
152
142
|
--padding-feedback-container: 8px 0px 24px;
|
|
@@ -160,7 +150,7 @@ const c = {
|
|
|
160
150
|
--padding-question-title: 0em;
|
|
161
151
|
--text-align-question-title: start;
|
|
162
152
|
--line-height-question-title: 24px;
|
|
163
|
-
--
|
|
153
|
+
--vote-title-font-size: 16px;
|
|
164
154
|
--padding-vote-answer: 5px 15px 5px 9px;
|
|
165
155
|
--fz-vote-answer: 12px;
|
|
166
156
|
--border-radius-vote-btn: 4px;
|
|
@@ -172,12 +162,12 @@ const c = {
|
|
|
172
162
|
--color-feedback-description: #25282A;
|
|
173
163
|
--text-align-feedback-description: start;
|
|
174
164
|
--color-feedback-text: rgba(10, 14, 19, 0.70);
|
|
175
|
-
--
|
|
165
|
+
--vote-answer-font-size: 1em;
|
|
176
166
|
--size-vote-answer-icon: 32px;
|
|
177
167
|
--margin-left-vote-answer-indicator: 8px;
|
|
178
168
|
--size-vote-answer-indicator: 16px;
|
|
179
169
|
--path-fill-vote-answer-indicator: #107D57;
|
|
180
|
-
--font-weight
|
|
170
|
+
--vote-answer-font-weight: normal;
|
|
181
171
|
--margin-left-percentage: 8px;
|
|
182
172
|
--question-content-max-width: unset;
|
|
183
173
|
--line-height-percentage: 17px;
|
|
@@ -194,69 +184,10 @@ const c = {
|
|
|
194
184
|
--display-question-container: initial;
|
|
195
185
|
--justify-content-question-container: initial;
|
|
196
186
|
--color-question-body-text: #006747;
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
--padding-question-content: 0.8em 0.8em 0em 0.8em;
|
|
200
|
-
--gap-vote-options: 0.4em;
|
|
201
|
-
--fz-feedback-header: 0.82em;
|
|
202
|
-
--letter-spacing-feedback-header: 0.005em;
|
|
203
|
-
--size-transparent-icon: 2.5em;
|
|
204
|
-
--padding-feedback-container: 0em 0em 0.4em;
|
|
205
|
-
--fz-feedbackContainer: 1em;
|
|
206
|
-
--margin-top-feedback-text: 0.35em;
|
|
207
|
-
--margin-top-feedback-dynamic-text: 0.35em;
|
|
208
|
-
--fz-feedback-text: 0.64em;
|
|
209
|
-
--fz-feedback-dynamic-text: 0.8em;
|
|
210
|
-
--letter-spacing-feedback-text: 0.01em;
|
|
211
|
-
--display-dynamic-wrap: block;
|
|
212
|
-
--padding-question-title: 1.04em;
|
|
213
|
-
--text-align-question-title: center;
|
|
214
|
-
--line-height-question-title: 1.3em;
|
|
215
|
-
--fz-question-title: 0.9em;
|
|
216
|
-
--padding-vote-answer: 0.31em 0.93em 0.31em 0.55em;
|
|
217
|
-
--fz-vote-answer: 1em;
|
|
218
|
-
--color-vote-btn-bg: rgba(255, 255, 255, 0.1);
|
|
219
|
-
--color-vote-btn-border: transparent;
|
|
220
|
-
--border-radius-vote-btn: 8px;
|
|
221
|
-
--min-height-vote-btn: 2.26em;
|
|
222
|
-
--justify-content-feedback-container: center;
|
|
223
|
-
--bg-color-feedback-container: rgba(255, 255, 255, 0.1);
|
|
224
|
-
--padding-feedback-wrap: 0.7em;
|
|
225
|
-
--border-radius-feedback-container: 8px;
|
|
226
|
-
--color-feedback-description: #fff;
|
|
227
|
-
--text-align-feedback-description: center;
|
|
228
|
-
--color-feedback-text: #fff;
|
|
229
|
-
--fz-vote-answer-title: 0.7em;
|
|
230
|
-
--size-vote-answer-icon: 1.65em;
|
|
231
|
-
--margin-left-vote-answer-indicator: 0.8em;
|
|
232
|
-
--size-vote-answer-indicator: 1.4em;
|
|
233
|
-
--path-fill-vote-answer-indicator: #fff;
|
|
234
|
-
--font-weight-percentage: 500;
|
|
235
|
-
--margin-left-percentage: 0.72em;
|
|
236
|
-
--question-content-max-width: 500px;
|
|
237
|
-
--line-height-percentage: 1.55em;
|
|
238
|
-
--border-color-btn-correct: #fff;
|
|
239
|
-
--border-color-btn-voted: #fff;
|
|
240
|
-
--color-vote-btn-not-selected-border: rgba(255, 255, 255, 0.1);
|
|
241
|
-
--color-vote-btn-disabled-border: #fff;
|
|
242
|
-
--color-voted-btn-rct-bg: #fff;
|
|
243
|
-
--opacity-voted-btn-rct: 0.3;
|
|
244
|
-
--opacity-vote-btn-not-selected: 0.1;
|
|
245
|
-
--color-vote-btn-not-checked-bg: rgba(255, 255, 255, 0.1);
|
|
246
|
-
--color-vote-btn-selected-bg: rgba(255, 255, 255, 0.1);
|
|
247
|
-
--color-vote-btn-selected-border: transparent;
|
|
248
|
-
--color-unsuccess: #fff;
|
|
249
|
-
--color-success: #fff;
|
|
250
|
-
--vote-options-margin-bottom: 0.5em;
|
|
251
|
-
--fw-feedback: 600;
|
|
252
|
-
--letter-spacing-question-title: -0.03em;
|
|
253
|
-
--margin-left-pts: 0.72em;
|
|
254
|
-
--display-question-container: flex;
|
|
255
|
-
--justify-content-question-container: center;
|
|
256
|
-
}
|
|
257
|
-
`, p = "m1ojpy2l";
|
|
187
|
+
--nav-border: 1px solid var(--color-neutrals-gray3);
|
|
188
|
+
`, f = "m1ojpy2l";
|
|
258
189
|
export {
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
190
|
+
_ as MASTERS_COLORS,
|
|
191
|
+
f as mastersTheme,
|
|
192
|
+
p as mastersThemeStr
|
|
262
193
|
};
|
package/lib/ui/theme/theme.js
CHANGED
|
@@ -94,9 +94,9 @@ const l = `
|
|
|
94
94
|
--adv-sponsor-font-size: 12px;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
--padding-question-content: 16px 16px 0px
|
|
97
|
+
--padding-question-content: 16px 16px 0px;
|
|
98
98
|
--gap-vote-options: 8px;
|
|
99
|
-
--
|
|
99
|
+
--vote-feedback-font-size: 1em;
|
|
100
100
|
--letter-spacing-feedback-header: normal;
|
|
101
101
|
--size-transparent-icon: 51px;
|
|
102
102
|
--padding-feedback-container: 8px 0px 24px;
|
|
@@ -110,7 +110,7 @@ const l = `
|
|
|
110
110
|
--padding-question-title: 0em;
|
|
111
111
|
--text-align-question-title: start;
|
|
112
112
|
--line-height-question-title: 24px;
|
|
113
|
-
--
|
|
113
|
+
--vote-title-font-size: 16px;
|
|
114
114
|
--padding-vote-answer: 5px 15px 5px 9px;
|
|
115
115
|
--fz-vote-answer: 12px;
|
|
116
116
|
--border-radius-vote-btn: 4px;
|
|
@@ -122,12 +122,12 @@ const l = `
|
|
|
122
122
|
--text-align-feedback-description: start;
|
|
123
123
|
--color-feedback-description: #090E13;
|
|
124
124
|
--color-feedback-text: rgba(10, 14, 19, 0.70);
|
|
125
|
-
--
|
|
125
|
+
--vote-answer-font-size: 1em;
|
|
126
126
|
--size-vote-answer-icon: 32px;
|
|
127
127
|
--margin-left-vote-answer-indicator: 8px;
|
|
128
128
|
--size-vote-answer-indicator: 16px;
|
|
129
129
|
--path-fill-vote-answer-indicator: #107D57;
|
|
130
|
-
--font-weight
|
|
130
|
+
--vote-answer-font-weight: normal;
|
|
131
131
|
--margin-left-percentage: 8px;
|
|
132
132
|
--question-content-max-width: unset;
|
|
133
133
|
--line-height-percentage: 17px;
|
|
@@ -1209,9 +1209,9 @@ const we = (a, e) => {
|
|
|
1209
1209
|
try {
|
|
1210
1210
|
const o = new URL(e), n = new t.NonceRequest();
|
|
1211
1211
|
let c = localStorage.getItem("sl-device-id") || I(), u = sessionStorage.getItem("sl-ad-session-id");
|
|
1212
|
-
u || (u = I(), sessionStorage.setItem("sl-ad-session-id", u)), ae(c) || (c = x(`https://${c}`, x.URL)), n.adWillAutoPlay = o.searchParams.get("vpa") === "auto", n.adWillPlayMuted = o.searchParams.get("vpmute") === "1", n.continuousPlayback = !0, n.descriptionUrl = o.searchParams.get("description_url")
|
|
1212
|
+
u || (u = I(), sessionStorage.setItem("sl-ad-session-id", u)), ae(c) || (c = x(`https://${c}`, x.URL)), o.searchParams.get("url") || o.searchParams.set("url", "https://streamlayer.io"), o.searchParams.get("description_url") || o.searchParams.set("description_url", "https://streamlayer.io"), n.adWillAutoPlay = o.searchParams.get("vpa") === "auto", n.adWillPlayMuted = o.searchParams.get("vpmute") === "1", n.continuousPlayback = !0, n.descriptionUrl = o.searchParams.get("description_url"), n.iconsSupported = !0, n.sessionId = c, n.supportedApiFrameworks = "2,7,9", n.videoHeight = a.clientHeight, n.videoWidth = a.clientWidth;
|
|
1213
1213
|
const d = await i.loadNonceManager(n);
|
|
1214
|
-
return o.searchParams.
|
|
1214
|
+
return o.searchParams.get("is_lat") === "[placeholder]" && o.searchParams.set("is_lat", "1"), o.searchParams.get("rdid") === "[placeholder]" && o.searchParams.set("rdid", c), o.searchParams.get("correlator") === "[placeholder]" && o.searchParams.set("correlator", u), o.searchParams.set("wta", "1"), o.searchParams.set("givn", d.getNonce()), o;
|
|
1215
1215
|
} catch (o) {
|
|
1216
1216
|
console.log("AdsManager could not be started", o);
|
|
1217
1217
|
return;
|
|
@@ -1,29 +1,67 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect as
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
for (const
|
|
6
|
-
|
|
7
|
-
document.head.appendChild(
|
|
8
|
-
},
|
|
9
|
-
|
|
2
|
+
import { useEffect as a } from "react";
|
|
3
|
+
const o = (s) => {
|
|
4
|
+
const t = document.createElement("link");
|
|
5
|
+
for (const e in s)
|
|
6
|
+
t.setAttribute(e, s[e]);
|
|
7
|
+
document.head.appendChild(t);
|
|
8
|
+
}, i = (s) => (a(() => {
|
|
9
|
+
o({
|
|
10
10
|
rel: "stylesheet",
|
|
11
11
|
href: "https://simulation.masters.com/assets/style/styles.ca29f286.css",
|
|
12
12
|
type: "text/css"
|
|
13
|
-
}),
|
|
13
|
+
}), o({
|
|
14
14
|
rel: "preload",
|
|
15
15
|
href: "https://simulation.masters.com/assets/fonts/icons/masters-icons.woff",
|
|
16
16
|
as: "font",
|
|
17
17
|
type: "font/woff",
|
|
18
18
|
crossorigin: "anonymous"
|
|
19
|
-
}),
|
|
19
|
+
}), o({
|
|
20
20
|
rel: "preload",
|
|
21
21
|
href: "https://simulation.masters.com/assets/fonts/icons/masters-icons.ttf",
|
|
22
22
|
as: "font",
|
|
23
23
|
type: "font/ttf",
|
|
24
24
|
crossorigin: "anonymous"
|
|
25
25
|
});
|
|
26
|
+
const t = document.createElement("style");
|
|
27
|
+
t.innerHTML = `
|
|
28
|
+
@font-face {
|
|
29
|
+
font-family: "Benton Sans";
|
|
30
|
+
src: url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-Book.eot");
|
|
31
|
+
src: url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-Book.eot?#iefix") format("embedded-opentype"),url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-Book.woff2") format("woff2"),url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-Book.woff") format("woff"),url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-Book.otf") format("opentype");
|
|
32
|
+
font-weight: normal;
|
|
33
|
+
font-style: normal
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@font-face {
|
|
37
|
+
font-family: "Benton Sans";
|
|
38
|
+
src: url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-Medium.eot");
|
|
39
|
+
src: url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-Medium.eot?#iefix") format("embedded-opentype"),url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-Medium.woff2") format("woff2"),url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-Medium.woff") format("woff"),url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-Medium.otf") format("opentype");
|
|
40
|
+
font-weight: 500;
|
|
41
|
+
font-style: normal
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@font-face {
|
|
45
|
+
font-family: "Benton Sans";
|
|
46
|
+
src: url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-BookItalic.eot");
|
|
47
|
+
src: url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-BookItalic.eot?#iefix") format("embedded-opentype"),url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-BookItalic.woff2") format("woff2"),url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-BookItalic.woff") format("woff"),url("https://simulation.masters.com/assets/fonts/bentonsans/BentonSans-BookItalic.otf") format("opentype");
|
|
48
|
+
font-weight: normal;
|
|
49
|
+
font-style: italic
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@font-face {
|
|
53
|
+
font-family: "Tiempos";
|
|
54
|
+
src: url("https://simulation.masters.com/assets/fonts/tiempos/TiemposHeadline-Regular.woff2") format("woff2"),url("https://simulation.masters.com/assets/fonts/tiempos/TiemposHeadline-Regular.ttf") format("truetype"),url("https://simulation.masters.com/assets/fonts/tiempos/TiemposHeadline-Regular.otf") format("opentype");
|
|
55
|
+
font-weight: 500;
|
|
56
|
+
font-style: normal
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@font-face {
|
|
60
|
+
font-family: "Tiempos Headline";
|
|
61
|
+
src: url("https://simulation.masters.com/assets/fonts/tiempos/TiemposHeadline-Regular.woff2") format("woff2"),url("https://simulation.masters.com/assets/fonts/tiempos/TiemposHeadline-Regular.ttf") format("truetype"),url("https://simulation.masters.com/assets/fonts/tiempos/TiemposHeadline-Regular.otf") format("opentype")
|
|
62
|
+
}
|
|
63
|
+
`, document.head.appendChild(t);
|
|
26
64
|
}, []), /* @__PURE__ */ n(s, {}));
|
|
27
65
|
export {
|
|
28
|
-
|
|
66
|
+
i as useMastersFiles
|
|
29
67
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@streamlayer/react-ui",
|
|
3
|
-
"version": "1.22.
|
|
3
|
+
"version": "1.22.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./src/index.js",
|
|
6
6
|
"typings": "./lib/index.d.ts",
|
|
@@ -69,19 +69,19 @@
|
|
|
69
69
|
"react-window": "^1.8.10",
|
|
70
70
|
"react-window-infinite-loader": "^1.0.9",
|
|
71
71
|
"uuid": "^11.1.0",
|
|
72
|
-
"@streamlayer/
|
|
73
|
-
"@streamlayer/
|
|
74
|
-
"@streamlayer/sdk-web": "^1.10.
|
|
75
|
-
"@streamlayer/sdk-web-analytics": "^1.7.
|
|
76
|
-
"@streamlayer/sdk-web-anonymous-auth": "^1.1.
|
|
77
|
-
"@streamlayer/sdk-web-
|
|
78
|
-
"@streamlayer/sdk-web-
|
|
79
|
-
"@streamlayer/sdk-web-
|
|
80
|
-
"@streamlayer/sdk-web-interfaces": "^1.4.
|
|
81
|
-
"@streamlayer/sdk-web-logger": "^1.0.
|
|
82
|
-
"@streamlayer/sdk-web-notifications": "^1.3.
|
|
83
|
-
"@streamlayer/sdk-web-storage": "^1.0.
|
|
84
|
-
"@streamlayer/sdk-web-types": "^1.10.
|
|
72
|
+
"@streamlayer/react-polyfills": "^0.1.11",
|
|
73
|
+
"@streamlayer/feature-gamification": "^1.16.4",
|
|
74
|
+
"@streamlayer/sdk-web": "^1.10.4",
|
|
75
|
+
"@streamlayer/sdk-web-analytics": "^1.7.4",
|
|
76
|
+
"@streamlayer/sdk-web-anonymous-auth": "^1.1.30",
|
|
77
|
+
"@streamlayer/sdk-web-core": "^1.11.6",
|
|
78
|
+
"@streamlayer/sdk-web-features": "^1.0.51",
|
|
79
|
+
"@streamlayer/sdk-web-api": "^1.8.4",
|
|
80
|
+
"@streamlayer/sdk-web-interfaces": "^1.4.17",
|
|
81
|
+
"@streamlayer/sdk-web-logger": "^1.0.51",
|
|
82
|
+
"@streamlayer/sdk-web-notifications": "^1.3.13",
|
|
83
|
+
"@streamlayer/sdk-web-storage": "^1.0.51",
|
|
84
|
+
"@streamlayer/sdk-web-types": "^1.10.8"
|
|
85
85
|
},
|
|
86
86
|
"nx": {
|
|
87
87
|
"implicitDependencies": [
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
"vite-plugin-svgr": "^4.2.0",
|
|
124
124
|
"vite-svg-loader": "^5.1.0",
|
|
125
125
|
"vite-tsconfig-paths": "^5.0.1",
|
|
126
|
-
"@streamlayer/react": "^1.14.
|
|
126
|
+
"@streamlayer/react": "^1.14.4"
|
|
127
127
|
},
|
|
128
128
|
"dependencies": {
|
|
129
129
|
"@dailymotion/vast-client": "^6.2.0",
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { useState as _, useRef as d, useEffect as h } from "react";
|
|
2
|
-
const l = "16px", w = 17, m = 21, p = 24, T = (o) => o < 0.9 ? p : o < 1.17 ? m : w, S = (o) => {
|
|
3
|
-
const [E, u] = _(l), c = d(null), e = d();
|
|
4
|
-
return h(() => {
|
|
5
|
-
const t = c.current, n = () => {
|
|
6
|
-
e.current && (clearTimeout(e.current), e.current = void 0), e.current = setTimeout(() => {
|
|
7
|
-
if (t) {
|
|
8
|
-
const s = getComputedStyle(t), i = +s.width.replace("px", ""), v = +s.height.replace("px", "") / i, a = i / T(v);
|
|
9
|
-
u(`${a < 20 ? a : 20}px`);
|
|
10
|
-
}
|
|
11
|
-
e.current = void 0;
|
|
12
|
-
}, 200);
|
|
13
|
-
}, r = () => {
|
|
14
|
-
n();
|
|
15
|
-
};
|
|
16
|
-
return window.screen.orientation.addEventListener("change", r), window.addEventListener("orientationchange", r), window.addEventListener("resize", n), t == null || t.addEventListener("transitionend", n, !1), n(), () => {
|
|
17
|
-
window.screen.orientation.removeEventListener("change", r), window.removeEventListener("orientationchange", r), window.removeEventListener("resize", n), t == null || t.removeEventListener("transitionend", n), e.current && clearTimeout(e.current);
|
|
18
|
-
};
|
|
19
|
-
}, []), h(() => (e.current && (clearTimeout(e.current), e.current = void 0), e.current = setTimeout(() => {
|
|
20
|
-
if (c.current) {
|
|
21
|
-
const t = getComputedStyle(c.current), n = +t.width.replace("px", ""), s = +t.height.replace("px", "") / n, i = n / T(s);
|
|
22
|
-
u(`${i < 20 ? i : 20}px`), e.current = void 0;
|
|
23
|
-
}
|
|
24
|
-
}, 200), () => {
|
|
25
|
-
e.current && clearTimeout(e.current);
|
|
26
|
-
}), [o]), {
|
|
27
|
-
container: c,
|
|
28
|
-
fontSize: E
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
export {
|
|
32
|
-
S as useDynamicParentFont
|
|
33
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { useState as i, useEffect as o } from "react";
|
|
2
|
-
const a = () => {
|
|
3
|
-
const [t, n] = i(""), e = () => {
|
|
4
|
-
window.screen.orientation.type.includes("landscape") || Math.abs(window.orientation) === 90 ? n("landscape") : n("portrait");
|
|
5
|
-
};
|
|
6
|
-
return o(() => (window.screen.orientation.addEventListener("change", e), window.addEventListener("orientationchange", e), e(), () => {
|
|
7
|
-
window.screen.orientation.removeEventListener("change", e), window.removeEventListener("orientationchange", e);
|
|
8
|
-
}), []), { orientation: t };
|
|
9
|
-
};
|
|
10
|
-
export {
|
|
11
|
-
a as useOrientation
|
|
12
|
-
};
|