@streamlayer/react 1.24.7 → 1.24.8-pre.11da316

package/lib/es/index13.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as o, Fragment as B } from "react/jsx-runtime";
-import { useState as $, useRef as ee, useEffect as _, useCallback as N, useLayoutEffect as ze, useMemo as K } from "react";
+import { jsx as e, jsxs as o, Fragment as F } from "react/jsx-runtime";
+import { useState as $, useRef as ee, useEffect as H, useCallback as N, useLayoutEffect as ze, useMemo as K } from "react";
 import { s, c as pe } from "./feature.js";
-import { i as le } from "./index9.js";
-import { B as E } from "./index7.js";
-import { Q as t, a as se, d as G, A as Ye } from "./useStreamLayerApp2.js";
-import { b as Me, L as Ue } from "./index8.js";
+import { i as le } from "./index8.js";
+import { M as E } from "./index5.js";
+import { Q as t, b as se, f as _, A as Me } from "./useStreamLayerApp2.js";
+import { b as Ye, L as Ue } from "./index9.js";
 import { p as Ce } from "./index11.js";
-const On = /* @__PURE__ */ s("div")({
+const Sn = /* @__PURE__ */ s("div")({
   name: "SDKContainer",
   class: "sopqfe6",
   propsAsIs: !1
@@ -22,7 +22,7 @@ const On = /* @__PURE__ */ s("div")({
   name: "SDKWhiteContainer",
   class: "s1burm22",
   propsAsIs: !0
-}), He = () => Ee, Sn = /* @__PURE__ */ s(He())({
+}), He = () => Ee, On = /* @__PURE__ */ s(He())({
   name: "SDKSummaryContainer",
   class: "sm5r3j5",
   propsAsIs: !0
@@ -57,7 +57,7 @@ let Je = class {
 };
 const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
   const [n, a] = $(Xe), c = ee(null);
-  _(() => {
+  H(() => {
     const p = (h) => {
       a(h);
     };
@@ -106,23 +106,26 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
   ...r
 }) => {
   const p = ee(null);
-  return /* @__PURE__ */ e(as, {
-    ...r,
-    enabled: c && l,
-    style: {
-      ...a,
-      ...(() => {
-        const h = p?.current, v = (h && window.getComputedStyle(h))?.getPropertyValue("height");
-        return c ? {
-          height: l ? v : 0
-        } : {};
-      })()
-    },
-    children: /* @__PURE__ */ e("div", {
-      ref: p,
-      children: n
+  return (
+    // eslint-disable-next-line react-hooks/refs
+    /* @__PURE__ */ e(as, {
+      ...r,
+      enabled: c && l,
+      style: {
+        ...a,
+        ...(() => {
+          const h = p?.current, v = (h && window.getComputedStyle(h))?.getPropertyValue("height");
+          return c ? {
+            height: l ? v : 0
+          } : {};
+        })()
+      },
+      children: /* @__PURE__ */ e("div", {
+        ref: p,
+        children: n
+      })
     })
-  });
+  );
 }, is = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c1gcvmcj",
@@ -217,20 +220,20 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
   enteredAnActiveQuestion: b,
   marketClosed: g,
   percentsAnimated: y,
-  votedAnswer: O,
+  votedAnswer: S,
   isEarlyPrediction: I,
   correctAnswer: T,
   onAnimationEnd: q
 }) => {
-  const P = c && (l === t.TRIVIA || l === t.PREDICTION), k = l === t.PREDICTION && !r, S = g && l === t.PREDICTION && !c || l === t.PREDICTION && i && v && b, C = P && k, V = P && r, f = l === t.PREDICTION && c && v && r, F = c && l === t.POLL && v, w = a ? "correct" : "incorrect", L = a ? n?.correctFeedback : n?.incorrectFeedback;
-  return p || h || C || V || S || F || f || m ? /* @__PURE__ */ e(
+  const P = c && (l === t.TRIVIA || l === t.PREDICTION), k = l === t.PREDICTION && !r, O = g && l === t.PREDICTION && !c || l === t.PREDICTION && i && v && b, C = P && k, V = P && r, f = l === t.PREDICTION && c && v && r, B = c && l === t.POLL && v, w = a ? "correct" : "incorrect", L = a ? n?.correctFeedback : n?.incorrectFeedback;
+  return p || h || C || V || O || B || f || m ? /* @__PURE__ */ e(
     ms,
     {
       enabled: v,
       animate: !m && p ? !0 : y,
       onAnimationEnd: q,
       children: /* @__PURE__ */ o(hs, { "data-prediction": k, children: [
-        m && !S && /* @__PURE__ */ o(Q, { children: [
+        m && !O && /* @__PURE__ */ o(Q, { children: [
           !I && /* @__PURE__ */ e(ve, { name: "questionExpired" }),
           /* @__PURE__ */ e(W, { children: m })
         ] }),
@@ -248,7 +251,7 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
             /* @__PURE__ */ e(de, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
           ] })
         ] }),
-        S && /* @__PURE__ */ o(Q, { children: [
+        O && /* @__PURE__ */ o(Q, { children: [
           !I && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(E, { name: "questionExpired" }) }),
           /* @__PURE__ */ o("div", { children: [
             /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(W, { children: I ? r ? "The results are already in!" : "Question is Closed" : "Question Closed" }) }),
@@ -262,24 +265,24 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
             /* @__PURE__ */ e(Es, { children: "We’ll notify you of the result." })
           ] })
         ] }),
-        !m && F && /* @__PURE__ */ o(Q, { children: [
+        !m && B && /* @__PURE__ */ o(Q, { children: [
           !I && /* @__PURE__ */ e(X, { "data-feedback-type": "correct", children: /* @__PURE__ */ e(E, { name: "correct" }) }),
           /* @__PURE__ */ e(W, { children: "Thanks for answering. Please stay tuned for the next question." })
         ] }),
         !m && (V || f) && /* @__PURE__ */ o(Q, { className: pe(h && Ae), children: [
           !I && /* @__PURE__ */ e(X, { "data-feedback-type": w, children: /* @__PURE__ */ e(E, { name: w }) }),
           /* @__PURE__ */ e("div", { children: /* @__PURE__ */ o(te, { children: [
-            I ? /* @__PURE__ */ e(As, { children: w === "incorrect" ? /* @__PURE__ */ o(B, { children: [
+            I ? /* @__PURE__ */ e(As, { children: w === "incorrect" ? /* @__PURE__ */ o(F, { children: [
               /* @__PURE__ */ e("div", { children: "So close!" }),
               /* @__PURE__ */ e("div", { children: "Better luck next time" })
-            ] }) : /* @__PURE__ */ o(B, { children: [
+            ] }) : /* @__PURE__ */ o(F, { children: [
               /* @__PURE__ */ e("div", { children: "That’s correct!" }),
               /* @__PURE__ */ e("div", { children: "You chose wisely." })
             ] }) }) : /* @__PURE__ */ e(fs, { "data-feedback-type": w, children: L?.title }),
             I ? /* @__PURE__ */ o(vs, { children: [
               /* @__PURE__ */ o("div", { children: [
                 "Your pick: ",
-                O?.text
+                S?.text
               ] }),
               /* @__PURE__ */ e("div", { children: w === "incorrect" ? `Correct: ${T?.text}` : "" })
             ] }) : /* @__PURE__ */ e($s, { children: L?.description })
@@ -321,11 +324,11 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
   name: "QuestionScrollContainer",
   class: "q1tlqx57",
   propsAsIs: !0
-}), Os = /* @__PURE__ */ s("div")({
+}), Ss = /* @__PURE__ */ s("div")({
   name: "TopShadow",
   class: "t1hq58md",
   propsAsIs: !1
-}), Ss = /* @__PURE__ */ s("div")({
+}), Os = /* @__PURE__ */ s("div")({
   name: "BottomShadow",
   class: "b1c8nxcx",
   propsAsIs: !1
@@ -357,15 +360,15 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
   name: "EarlyPrediction",
   class: "e1l05ict",
   propsAsIs: !1
-}), Bs = () => E, Fs = /* @__PURE__ */ s(Bs())({
+}), Fs = () => E, Bs = /* @__PURE__ */ s(Fs())({
   name: "EarlyPredictionIcon",
   class: "ez9juex",
   propsAsIs: !0
-}), zs = () => E, Ys = /* @__PURE__ */ s(zs())({
+}), zs = () => E, Ms = /* @__PURE__ */ s(zs())({
   name: "SponsorIcon",
   class: "s8p4aob",
   propsAsIs: !0
-}), Ms = /* @__PURE__ */ s("button")({
+}), Ys = /* @__PURE__ */ s("button")({
   name: "ButtonContainer",
   class: "b1b6dl8t",
   propsAsIs: !1
@@ -426,11 +429,12 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
   class: "cichgz8",
   propsAsIs: !0
 }), ln = {
-  [G.CENTERED]: (n) => /* @__PURE__ */ e(Js, { "data-testid": "vote-icon", alt: "option-icon", src: n }),
-  [G.TRANSPARENT]: (n) => /* @__PURE__ */ e(Hs, { "data-testid": "vote-icon", children: /* @__PURE__ */ e(Zs, { style: { backgroundImage: `url(${n})` } }) }),
-  [G.ROUNDED]: (n) => /* @__PURE__ */ e(en, { "data-testid": "vote-icon", alt: "option-icon", src: n }),
-  [G.NONE]: () => null,
-  [G.UNSET]: () => null
+  [_.CENTERED]: (n) => /* @__PURE__ */ e(Js, { "data-testid": "vote-icon", alt: "option-icon", src: n }),
+  [_.TRANSPARENT]: (n) => /* @__PURE__ */ e(Hs, { "data-testid": "vote-icon", children: /* @__PURE__ */ e(Zs, { style: { backgroundImage: `url(${n})` } }) }),
+  [_.ROUNDED]: (n) => /* @__PURE__ */ e(en, { "data-testid": "vote-icon", alt: "option-icon", src: n }),
+  [_.NONE]: () => null,
+  [_.UNSET]: () => null,
+  [_.SOLID]: () => null
 }, dn = ({ questionType: n, hasCorrectAnswer: a, correct: c, youVoted: l, questionVoted: r }) => {
   if (n === t.POLL && l)
     return "voted";
@@ -449,7 +453,7 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
   correct: c,
   hasCorrectAnswer: l,
   questionStatus: r
-}) => n === t.TRIVIA ? a && c : n === t.PREDICTION ? a && c && l || r === se.RESOLVED && c : !1, un = Me(Ms), mn = (n) => {
+}) => n === t.TRIVIA ? a && c : n === t.PREDICTION ? a && c && l || r === se.RESOLVED && c : !1, un = Ye(Ys), mn = (n) => {
   const {
     // option props
     id: a,
@@ -465,18 +469,18 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
     youSelected: b,
     youVoted: g,
     questionVoted: y,
-    imageMode: O,
+    imageMode: S,
     answerTimeExpired: I,
     questionStatus: T,
     isLoading: q,
     questionType: P,
     correct: k,
-    hasCorrectAnswer: S,
+    hasCorrectAnswer: O,
     marketClosed: C,
     isEarlyPrediction: V,
     isAd: f,
-    webos: F
-  } = n, [w, L] = $(0), z = dn(n), H = pn({ questionType: P, questionVoted: y, correct: k, hasCorrectAnswer: S, questionStatus: T }), x = C && P === t.PREDICTION, ne = y || x, Y = P === t.PREDICTION && !y && !C && !f, Z = y && !b && z !== "incorrect" && !g;
+    webos: B
+  } = n, [w, L] = $(0), z = dn(n), Z = pn({ questionType: P, questionVoted: y, correct: k, hasCorrectAnswer: O, questionStatus: T }), x = C && P === t.PREDICTION, ne = y || x, M = P === t.PREDICTION && !y && !C && !f, G = y && !b && z !== "incorrect" && !g;
   return ze(() => {
     L(0), requestAnimationFrame(() => {
       L(r);
@@ -485,12 +489,12 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
     un,
     {
       value: a,
-      webos: F,
+      webos: B,
       autoFocus: i,
       "data-selected": b,
       "data-answer-state": z,
       disabled: y || q || I || x,
-      "data-is-not-checked": Z,
+      "data-is-not-checked": G,
       "data-a": "intr",
       onClick: (re) => {
         v(
@@ -503,7 +507,7 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
           Ks,
           {
             "data-answer-state": z,
-            "data-is-not-checked": Z,
+            "data-is-not-checked": G,
             style: { width: `${ne ? w : 0}%` },
             onTransitionEnd: () => {
               x || m?.();
@@ -512,14 +516,14 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
           }
         ) }),
         /* @__PURE__ */ o(_s, { "data-a": "intr", children: [
-          c && O && ln[O]?.(c),
+          c && S && ln[S]?.(c),
           /* @__PURE__ */ e(sn, { "data-a": "intr", children: l }),
-          Y && /* @__PURE__ */ o(tn, { children: [
+          M && /* @__PURE__ */ o(tn, { children: [
             p,
             /* @__PURE__ */ e(rn, { children: "pts" })
           ] }),
           ne && /* @__PURE__ */ o(nn, { children: [
-            H && /* @__PURE__ */ e(cn, { name: V ? "selectedBetPack" : "selected" }),
+            Z && /* @__PURE__ */ e(cn, { name: V ? "selectedBetPack" : "selected" }),
             /* @__PURE__ */ e(an, { children: /* @__PURE__ */ e(Ce, { value: r, suffix: "%" }) })
           ] })
         ] })
@@ -583,7 +587,7 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
         children: [
           /* @__PURE__ */ o(An, { children: [
             n && /* @__PURE__ */ e(vn, { children: n }),
-            a !== void 0 && p !== t.POLL && /* @__PURE__ */ o(B, { children: [
+            a !== void 0 && p !== t.POLL && /* @__PURE__ */ o(F, { children: [
               /* @__PURE__ */ e(Tn, { name: "icon-trophy" }),
               /* @__PURE__ */ o(Cn, { children: [
                 /* @__PURE__ */ e($n, { children: r ? /* @__PURE__ */ e(Ce, { value: a, delay: 0.3 }) : a }),
@@ -596,11 +600,11 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
       }
     )
   }
-), wn = (n, a) => n === "already_voted" ? a === t.POLL ? "You’ve already answered this question on another device." : "You’ve already answered this question on another device. So the points for this answer won't tally." : "Something went wrong, please try again", Bn = () => /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ o(Pe, { children: [
+), wn = (n, a) => n === "already_voted" ? a === t.POLL ? "You’ve already answered this question on another device." : "You’ve already answered this question on another device. So the points for this answer won't tally." : "Something went wrong, please try again", Fn = () => /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ o(Pe, { children: [
   /* @__PURE__ */ e(le, { loading: !0, style: { height: "40px", borderRadius: "100px" } }),
   /* @__PURE__ */ e(le, { loading: !0, style: { height: "24px", margin: "16px 0" } }),
   /* @__PURE__ */ e(Re, { children: Array.from({ length: 5 }).map((n, a) => /* @__PURE__ */ e(le, { loading: !0, style: { height: "44px" } }, a)) })
-] }) }), Fn = ({
+] }) }), Bn = ({
   openedQuestion: n,
   isLoading: a,
   vote: c,
@@ -609,48 +613,48 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
   mastersApp: p,
   webos: h
 }) => {
-  const v = n.subject, i = n.type, m = n.status, b = n.options?.options, g = n.marketClosed, y = n.id, O = ee(), I = ee(), T = p ? !1 : n?.adUnit === Ye.STANDART, [q, P] = $(!1), [k, S] = $(!1), [C, V] = $(!0), [f, F] = $(!1), [w, L] = $(!1), [z, H] = $(""), [x, ne] = $(""), [Y, Z] = $(!1), [re, qe] = $(!1), [ue, ke] = $(!1), { runAnimation: M, hiding: me } = es();
-  _(() => {
+  const v = n.subject, i = n.type, m = n.status, b = n.options?.options, g = n.marketClosed, y = n.id, S = ee(), I = ee(), T = p ? !1 : n?.adUnit === Me.STANDART, [q, P] = $(!1), [k, O] = $(!1), [C, V] = $(!0), [f, B] = $(!1), [w, L] = $(!1), [z, Z] = $(""), [x, ne] = $(""), [M, G] = $(!1), [re, qe] = $(!1), [ue, ke] = $(!1), { runAnimation: Y, hiding: me } = es();
+  H(() => {
     me && l(y);
-  }, [l, me]), _(() => {
+  }, [l, me]), H(() => {
     i === t.PREDICTION ? g && V(!1) : m === se.RESOLVED && V(!1);
   }, []);
   const xe = N((u) => {
-    S(u), P(!0);
+    O(u), P(!0);
   }, []), Ne = N(() => {
     r && P(!1);
   }, [r]), ae = ee(!1), he = N(() => {
     I.current && clearTimeout(I.current), I.current = setTimeout(() => {
-      ke(!0), M({ delay: 5500 });
+      ke(!0), Y({ delay: 5500 });
     }, 4e3);
-  }, [M]), Ie = N(
+  }, [Y]), Ie = N(
     async (u) => {
       if (!ae.current && (ae.current = !0, y)) {
         const D = u.currentTarget.value;
-        H(D);
+        Z(D);
         try {
           await c(y, D), T && he();
         } catch (U) {
-          ne(wn(U.message, i)), H(""), console.error("Error while voting", U), ae.current = !1;
+          ne(wn(U.message, i)), Z(""), console.error("Error while voting", U), ae.current = !1;
         }
       }
     },
-    [i, y, H, c, T, he]
-  ), Oe = N(() => {
-    F(!0), M({ delay: 3500 });
-  }, [M]), Se = N(() => {
-    L(!0), M({ delay: 3500 });
-  }, [M]), d = n?.answers.find((u) => u.youVoted === !0), A = K(
+    [i, y, Z, c, T, he]
+  ), Se = N(() => {
+    B(!0), Y({ delay: 3500 });
+  }, [Y]), Oe = N(() => {
+    L(!0), Y({ delay: 3500 });
+  }, [Y]), d = n?.answers.find((u) => u.youVoted === !0), A = K(
     () => !!n?.answers.find((u) => u.correct === !0),
     [n]
   ), R = K(
     () => n?.answers.find((u) => u.correct === !0),
     [n]
   );
-  _(() => {
-    d && q && !re && (O.current = setTimeout(Se, 1e4), qe(!0));
-  }, [d]), _(() => () => {
-    clearTimeout(O.current), clearTimeout(I.current);
+  H(() => {
+    d && q && !re && (S.current = setTimeout(Oe, 1e4), qe(!0));
+  }, [d]), H(() => () => {
+    clearTimeout(S.current), clearTimeout(I.current);
   }, []);
   const ie = K(() => n ? n.answers.map((u) => ({
     ...u,
@@ -673,16 +677,16 @@ const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
     Ie,
     z
   ]);
-  _(() => {
+  H(() => {
     const u = ie.some(({ percentageDecimal: U }) => U !== 0), D = d && i === t.PREDICTION;
-    x && (r || !u || g && D) && Z(!0);
+    x && (r || !u || g && D) && G(!0);
   }, [ie, x, r, g, i, d]);
   const fe = b && (b.case === "trivia" || b.case === "prediction") ? b.value : void 0, j = m === se.RESOLVED && i === t.TRIVIA && !d && !C, oe = i === t.TRIVIA && k, ce = K(() => T ? !1 : i === t.PREDICTION ? r ? !1 : !!(d && !A || d && A && R?.youVoted) : !0, [i, d, A, R, r, T]), Ve = K(() => {
     if (i === t.PREDICTION && d && (!A || A && R?.youVoted))
       return d.points;
     if (!(j || f))
       return d ? d.correct ? d.pointsEarned : 0 : R?.points;
-  }, [f, d, R, j, i, A]), Le = K(() => i === t.PREDICTION && d ? A ? A && R?.youVoted ? "You won" : "" : "To win" : j || f ? "Time expired" : i === t.POLL ? "Time remaining" : d ? "You won" : "To win", [f, i, d, j, A, R]), je = !ce || ce && i === t.PREDICTION && q && !Y, Qe = (i === t.TRIVIA || i === t.PREDICTION) && d && A && R?.youVoted, We = d || j || oe || i === t.TRIVIA && m === se.RESOLVED && C, Be = !r && (f || w) || ue, Fe = () => {
+  }, [f, d, R, j, i, A]), Le = K(() => i === t.PREDICTION && d ? A ? A && R?.youVoted ? "You won" : "" : "To win" : j || f ? "Time expired" : i === t.POLL ? "Time remaining" : d ? "You won" : "To win", [f, i, d, j, A, R]), je = !ce || ce && i === t.PREDICTION && q && !M, Qe = (i === t.TRIVIA || i === t.PREDICTION) && d && A && R?.youVoted, We = d || j || oe || i === t.TRIVIA && m === se.RESOLVED && C, Fe = !r && (f || w) || ue, Be = () => {
     const u = () => i === t.TRIVIA ? d?.correct ? `That's correct!
 You chose wisely.` : `So close!
 Better luck next time.` : i === t.POLL ? `Thanks for answering.
@@ -700,11 +704,11 @@ Please stay tuned for the next question.` : i === t.PREDICTION ? "Stay tuned to
       {
         icon: "icon-check-circle",
         title: "More to come...",
-        description: w ? /* @__PURE__ */ o(B, { children: [
+        description: w ? /* @__PURE__ */ o(F, { children: [
           "Stay tuned for more questions ",
           /* @__PURE__ */ e("br", {}),
           " and insights."
-        ] }) : /* @__PURE__ */ o(B, { children: [
+        ] }) : /* @__PURE__ */ o(F, { children: [
           "Watch for additional enhanced stream ",
           /* @__PURE__ */ e("br", {}),
           " interactive experience."
@@ -713,7 +717,7 @@ Please stay tuned for the next question.` : i === t.PREDICTION ? "Stay tuned to
     ) }) : null;
   };
   return /* @__PURE__ */ o(Ns, { children: [
-    r && /* @__PURE__ */ e(Os, {}),
+    r && /* @__PURE__ */ e(Ss, {}),
     /* @__PURE__ */ e(ge, { style: r ? { marginTop: "-40px" } : {}, children: /* @__PURE__ */ o(Pe, { children: [
       !r && !T && /* @__PURE__ */ e(
         ye,
@@ -729,7 +733,7 @@ Please stay tuned for the next question.` : i === t.PREDICTION ? "Stay tuned to
           votedAfterQuestionClosed: k,
           enteredAnActiveQuestion: C,
           marketClosed: g,
-          percentsAnimated: Y,
+          percentsAnimated: M,
           voteErrorMessage: x,
           votedAnswer: d
         }
@@ -739,19 +743,19 @@ Please stay tuned for the next question.` : i === t.PREDICTION ? "Stay tuned to
         {
           title: Le,
           points: Ve,
-          onTimerExpired: Oe,
+          onTimerExpired: Se,
           questionType: n.type,
           isTimer: !a,
           isPlayingTimer: !d,
           animatePoints: Qe,
           timerDuration: We ? 0 : Number(n?.appearance?.autoHideInterval || "30"),
           votedInCurrentRender: q,
-          percentsAnimated: Y
+          percentsAnimated: M
         }
       ),
-      Be ? Fe() : /* @__PURE__ */ o(B, { children: [
+      Fe ? Be() : /* @__PURE__ */ o(F, { children: [
         r && /* @__PURE__ */ o(Ws, { children: [
-          /* @__PURE__ */ e(Fs, { name: "iconEarlyPrediction" }),
+          /* @__PURE__ */ e(Bs, { name: "iconEarlyPrediction" }),
           "EARLY PREDICTION"
         ] }),
         /* @__PURE__ */ e(Ls, { style: je ? { marginTop: 0 } : {}, children: v }),
@@ -769,7 +773,7 @@ Please stay tuned for the next question.` : i === t.PREDICTION ? "Stay tuned to
             votedAfterQuestionClosed: k,
             enteredAnActiveQuestion: C,
             marketClosed: g,
-            percentsAnimated: Y,
+            percentsAnimated: M,
             voteErrorMessage: x,
             isEarlyPrediction: r,
             correctAnswer: R,
@@ -784,7 +788,7 @@ Please stay tuned for the next question.` : i === t.PREDICTION ? "Stay tuned to
               ...u,
               firstOption: D === 0,
               markThatVoted: xe,
-              onPercentsAnimated: () => Z(!0),
+              onPercentsAnimated: () => G(!0),
               votedAfterQuestionClosed: k,
               enteredAnActiveQuestion: C,
               marketClosed: g,
@@ -794,9 +798,9 @@ Please stay tuned for the next question.` : i === t.PREDICTION ? "Stay tuned to
             },
             u.id
           )) }),
-          r && /* @__PURE__ */ o(B, { children: [
-            /* @__PURE__ */ e(Ss, {}),
-            /* @__PURE__ */ e(Vs, { children: /* @__PURE__ */ e(Ys, { name: "mastersLogoWhite" }) })
+          r && /* @__PURE__ */ o(F, { children: [
+            /* @__PURE__ */ e(Os, {}),
+            /* @__PURE__ */ e(Vs, { children: /* @__PURE__ */ e(Ms, { name: "mastersLogoWhite" }) })
           ] })
         ] })
       ] })
@@ -805,16 +809,16 @@ Please stay tuned for the next question.` : i === t.PREDICTION ? "Stay tuned to
 };
 export {
   Ln as C,
-  Fn as Q,
+  Bn as Q,
   jn as S,
-  Bn as Z,
+  Fn as Z,
   Ee as a,
   Ke as c,
   Qn as d,
   be as f,
   Vn as l,
-  Sn as m,
+  On as m,
   $e as n,
-  On as p,
+  Sn as p,
   es as y
 };

package/lib/es/index14.js

@@ -1,8 +1,8 @@
-import { jsxs as T, jsx as e, Fragment as le } from "react/jsx-runtime";
+import { jsxs as B, jsx as e, Fragment as le } from "react/jsx-runtime";
 import { s as n, c as Z } from "./feature.js";
-import { useState as I, useEffect as b, useCallback as v, forwardRef as ce, useRef as B } from "react";
-import { B as f } from "./index7.js";
-import { G as ue, d as ie, b as de } from "./index8.js";
+import { useState as I, useEffect as b, useCallback as v, forwardRef as ce, useRef as R } from "react";
+import { M as f } from "./index5.js";
+import { G as ue, d as ie, b as de } from "./index9.js";
 import { C as pe } from "./useStreamLayerApp2.js";
 const me = /* @__PURE__ */ n("div")({
   name: "CloseIconWrap",
@@ -32,7 +32,7 @@ const me = /* @__PURE__ */ n("div")({
   const C = v(() => {
     d === pe.ENABLED ? t?.() : y(!0);
   }, [d, t]);
-  return p ? /* @__PURE__ */ T(me, {
+  return p ? /* @__PURE__ */ B(me, {
     "data-a": "intr",
     onClick: t,
     className: a,
@@ -66,7 +66,7 @@ const me = /* @__PURE__ */ n("div")({
   name: "Poster",
   class: "p12ow7zo",
   propsAsIs: !1
-}), R = /* @__PURE__ */ n("div")({
+}), T = /* @__PURE__ */ n("div")({
   name: "Control",
   class: "cdpal9o",
   propsAsIs: !1
@@ -106,11 +106,11 @@ const me = /* @__PURE__ */ n("div")({
   name: "WebOSIconButtonPause",
   class: "w1iylt55",
   propsAsIs: !0
-}), Be = () => L, Re = /* @__PURE__ */ n(Be())({
+}), Re = () => L, Te = /* @__PURE__ */ n(Re())({
   name: "WebOSIconButtonMute",
   class: "w8h4h7",
   propsAsIs: !0
-}), Te = () => L, Le = /* @__PURE__ */ n(Te())({
+}), Be = () => L, Le = /* @__PURE__ */ n(Be())({
   name: "WebOSIconButtonUnmute",
   class: "w12l12kt",
   propsAsIs: !0
@@ -137,7 +137,7 @@ function qe(...t) {
     [...t]
   );
 }
-const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMuted: i, unmute: c, mute: d, togglePlaying: p }) => !t && !a && !o ? /* @__PURE__ */ e(R, { children: l ? /* @__PURE__ */ e(f, { name: "icon-pause" }) : /* @__PURE__ */ e(f, { name: "icon-play" }) }) : o ? /* @__PURE__ */ T(ve, { children: [
+const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMuted: i, unmute: c, mute: d, togglePlaying: p }) => !t && !a && !o ? /* @__PURE__ */ e(T, { children: l ? /* @__PURE__ */ e(f, { name: "icon-pause" }) : /* @__PURE__ */ e(f, { name: "icon-play" }) }) : o ? /* @__PURE__ */ B(ve, { children: [
   l ? /* @__PURE__ */ e(we, { onClick: p }) : /* @__PURE__ */ e(xe, { onClick: p }),
   /* @__PURE__ */ e(Me, { className: Z(!i && "muted"), onClick: i ? c : d })
 ] }) : null, Fe = ({
@@ -151,9 +151,9 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
   isMuted: p,
   hasNotPausedVideo: y,
   hasInteractedWithAudio: C
-}) => /* @__PURE__ */ T(le, { children: [
-  !t && !(a && o) && /* @__PURE__ */ e(R, { "data-control-btn": "true", children: l ? y ? null : /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(f, { name: "icon-play" }) }) : i ? /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(f, { name: "icon-pause" }) }) : /* @__PURE__ */ e(Y, { "data-control-icon": "true", children: /* @__PURE__ */ e(f, { name: "icon-play" }) }) }),
-  !t && a && o && C && /* @__PURE__ */ e(R, { children: p ? /* @__PURE__ */ e(Re, { onClick: c, children: /* @__PURE__ */ e(f, { name: "iconMute" }) }) : /* @__PURE__ */ e(Le, { onClick: d, children: /* @__PURE__ */ e(f, { name: "iconUnMute" }) }) })
+}) => /* @__PURE__ */ B(le, { children: [
+  !t && !(a && o) && /* @__PURE__ */ e(T, { "data-control-btn": "true", children: l ? y ? null : /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(f, { name: "icon-play" }) }) : i ? /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(f, { name: "icon-pause" }) }) : /* @__PURE__ */ e(Y, { "data-control-icon": "true", children: /* @__PURE__ */ e(f, { name: "icon-play" }) }) }),
+  !t && a && o && C && /* @__PURE__ */ e(T, { children: p ? /* @__PURE__ */ e(Te, { onClick: c, children: /* @__PURE__ */ e(f, { name: "iconMute" }) }) : /* @__PURE__ */ e(Le, { onClick: d, children: /* @__PURE__ */ e(f, { name: "iconUnMute" }) }) })
 ] }), Ye = ce(
   ({
     poster: t,
@@ -175,7 +175,7 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
     webos: E,
     hasNotPausedVideo: ae
   }, se) => {
-    const u = B(null), ne = qe(u, se), j = B(!1), z = B(!1), m = B(/* @__PURE__ */ new Set()), [G, K] = I(!1), [N, O] = I(!1), [H, _] = I(!1), [J, S] = I(!0), [q, W] = I(k), [$, oe] = I(!1);
+    const u = R(null), ne = qe(u, se), j = R(!1), z = R(!1), m = R(/* @__PURE__ */ new Set()), [G, K] = I(!1), [N, O] = I(!1), [H, _] = I(!1), [J, S] = I(!0), [q, W] = I(k), [$, oe] = I(!1);
     b(() => {
       a && (W(k), K(!1));
     }, [a]);
@@ -224,7 +224,7 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
       y?.();
     }, [y]), b(() => {
       m.current.clear(), j.current = !1;
-    }, [a]), /* @__PURE__ */ T(
+    }, [a]), /* @__PURE__ */ B(
       $e,
       {
         webos: E,
@@ -308,7 +308,7 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
               hasInteractedWithAudio: $
             }
           ),
-          H && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(ie, {}) })
+          H && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(ie, {}) })
         ]
       }
     );