@streamlayer/react 1.24.4 → 1.24.6

package/lib/es/index13.js

@@ -1,265 +1,820 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { b as P } from "./index9.js";
-import { s as l } from "./sl-types.js";
-import { y as k, F as b } from "./index15.js";
-import { e as x, N as _ } from "./index11.js";
-import { B as p } from "./index8.js";
-import { Q as m, b as T, c as h, d as M } from "./useStreamLayerApp2.js";
-import { useRef as j, useState as y } from "react";
-const q = /* @__PURE__ */ l("div")({
-  name: "Container",
-  class: "c1vwopgc",
+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 { s, c as pe } from "./feature.js";
+import { i as le } from "./index10.js";
+import { B as E } from "./index8.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 "./index9.js";
+import { p as Ce } from "./index5.js";
+const On = /* @__PURE__ */ s("div")({
+  name: "SDKContainer",
+  class: "sopqfe6",
+  propsAsIs: !1
+}), Ke = /* @__PURE__ */ s("div")({
+  name: "SDKScrollContainer",
+  class: "s102vcph",
   propsAsIs: !1
-}), U = /* @__PURE__ */ l("div")({
-  name: "QuestionTypeWrap",
-  class: "qyktpt0",
+}), $e = /* @__PURE__ */ s("div")({
+  name: "SDKContentContainer",
+  class: "s1meqjjv",
   propsAsIs: !1
-}), F = () => p, Q = /* @__PURE__ */ l(F())({
-  name: "QuestionTypeIcon",
-  class: "q951jdx",
+}), _e = () => $e, Ee = /* @__PURE__ */ s(_e())({
+  name: "SDKWhiteContainer",
+  class: "s1burm22",
   propsAsIs: !0
-}), S = /* @__PURE__ */ l("span")({
-  name: "QuestionTypeTitle",
-  class: "qss5f0e",
+}), He = () => Ee, Sn = /* @__PURE__ */ s(He())({
+  name: "SDKSummaryContainer",
+  class: "sm5r3j5",
+  propsAsIs: !0
+}), Vn = /* @__PURE__ */ s("div")({
+  name: "TabsContainer",
+  class: "tysxwr6",
   propsAsIs: !1
-}), O = /* @__PURE__ */ l("button")({
-  name: "CloseIconWrap",
-  class: "c1ao1jtv",
+}), Ze = () => $e, Ln = /* @__PURE__ */ s(Ze())({
+  name: "LeaderboardContainer",
+  class: "l9er3b1",
+  propsAsIs: !0
+}), Ge = () => Ee, jn = /* @__PURE__ */ s(Ge())({
+  name: "TabsNavContainer",
+  class: "t19dtrb3",
+  propsAsIs: !0
+}), Qn = /* @__PURE__ */ s("div")({
+  name: "UserSummaryContainer",
+  class: "u1552n3j",
   propsAsIs: !1
-}), W = () => p, R = /* @__PURE__ */ l(W())({
-  name: "CloseIcon",
-  class: "cvsl7l3",
+});
+let Je = class {
+  observers = /* @__PURE__ */ new Set();
+  subscribe(a) {
+    this.observers.add(a);
+  }
+  unsubscribe(a) {
+    this.observers.delete(a);
+  }
+  notify(a) {
+    this.observers.forEach((c) => c(a));
+  }
+};
+const J = new Je(), Xe = { hiding: !1, finished: !1 }, es = () => {
+  const [n, a] = $(Xe), c = ee(null);
+  _(() => {
+    const p = (h) => {
+      a(h);
+    };
+    return J.subscribe(p), () => {
+      J.unsubscribe(p);
+    };
+  }, []);
+  const l = N((p) => {
+    const h = { hiding: !0, finished: !1 };
+    c.current && clearTimeout(c.current), p?.delay ? c.current = setTimeout(() => {
+      J.notify(h);
+    }, p?.delay) : J.notify(h);
+  }, []), r = N(() => {
+    n.hiding && (c.current = null, J.notify({ hiding: !1, finished: !0 }));
+  }, [n.hiding]);
+  return {
+    ...n,
+    runAnimation: l,
+    onAnimationEnd: r
+  };
+}, ss = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1pgyo67",
+  propsAsIs: !1
+}), ns = "sx17qu6", ts = "h1692c5m", be = ({
+  children: n,
+  style: a,
+  className: c,
+  enabled: l = !0,
+  hiding: r,
+  onAnimationEnd: p
+}) => /* @__PURE__ */ e(ss, {
+  style: a,
+  className: pe(c, l && ns, l && r && ts),
+  onAnimationEnd: p,
+  children: n
+}), rs = () => be, as = /* @__PURE__ */ s(rs())({
+  name: "GrowingContainer",
+  class: "gck55ev",
   propsAsIs: !0
-}), z = P(O, {}), $2 = ({ webos: s, type: a, closeTimer: C, close: t, label: n, mastersApp: c }) => {
-  const o = a ? x[a] : { label: n, iconName: void 0 };
-  return /* @__PURE__ */ i(q, { children: [
-    /* @__PURE__ */ i(U, { children: [
-      o?.iconName && /* @__PURE__ */ e(
-        Q,
-        {
-          "data-type-trivia": a === m.TRIVIA,
-          "data-type-poll": a === m.POLL,
-          "data-type-prediction": a === m.PREDICTION,
-          "data-masters-app": !!c,
-          name: o.iconName
-        }
-      ),
-      o?.label && /* @__PURE__ */ e(S, { children: o.label })
-    ] }),
-    C?.seconds ? /* @__PURE__ */ e(k, { close: t, autoClose: C.auto, duration: C.seconds }) : /* @__PURE__ */ e(z, { webos: s, "data-a": "intr", onClick: t, type: "button", "data-close-btn": "true", children: /* @__PURE__ */ e(R, { "data-a": "intr", name: "icon-cross" }) })
-  ] });
-}, G = "data:image/svg+xml,%3csvg%20width='103'%20height='18'%20viewBox='0%200%20103%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6919_104497)'%3e%3cpath%20d='M9.89618%203.45801C9.91951%203.45801%209.94451%203.46134%209.96784%203.46134C9.97618%203.46134%209.98284%203.46134%209.99118%203.46467H9.99784C10.0095%203.46467%2010.0212%203.46801%2010.0312%203.46801C10.0412%203.46801%2010.0462%203.46801%2010.0545%203.47134C10.0762%203.47467%2010.0962%203.47467%2010.1178%203.47634C10.1412%203.47967%2010.1662%203.48134%2010.1895%203.48467H10.2012C10.2462%203.48967%2010.2945%203.49634%2010.3395%203.50467C10.4512%203.52467%2010.5595%203.54801%2010.6662%203.57801C10.6928%203.58301%2010.7178%203.59301%2010.7445%203.60134H10.7478C10.7745%203.60967%2010.7995%203.61801%2010.8262%203.62467C10.8528%203.63301%2010.8778%203.64134%2010.9045%203.65134C10.9312%203.65967%2010.9562%203.66801%2010.9795%203.67967C11.0012%203.68801%2011.0212%203.69634%2011.0428%203.70634C11.0495%203.70967%2011.0578%203.71134%2011.0645%203.71467C11.0828%203.72301%2011.1012%203.72967%2011.1195%203.73801C11.1262%203.74134%2011.1312%203.74301%2011.1378%203.74634C11.1562%203.75467%2011.1712%203.76134%2011.1895%203.76967C11.1962%203.77301%2011.2045%203.77467%2011.2128%203.78134C11.2345%203.78967%2011.2528%203.79801%2011.2728%203.80967C11.2762%203.80967%2011.2795%203.81301%2011.2812%203.81301C11.3045%203.82467%2011.3295%203.83634%2011.3512%203.84801C11.3695%203.85634%2011.3878%203.86801%2011.4062%203.87634C11.4212%203.88134%2011.4328%203.89134%2011.4462%203.89967C11.4645%203.91134%2011.4828%203.91967%2011.5012%203.93134C11.5045%203.93467%2011.5078%203.93467%2011.5095%203.93634L11.5728%203.97467H11.5762L15.2178%206.18801L15.4412%206.32467C16.3228%206.90801%2016.9028%207.88467%2016.9028%208.99301C16.9028%2010.1013%2016.3262%2011.0763%2015.4445%2011.6613L15.2095%2011.803L11.5745%2014.0113H11.5712L11.5078%2014.0497C11.5078%2014.0497%2011.5012%2014.053%2011.4995%2014.0547C11.4812%2014.0663%2011.4628%2014.0747%2011.4445%2014.0863C11.4595%2014.078%2011.4745%2014.0697%2011.4895%2014.0597L5.94951%2017.433C5.94951%2017.433%205.94618%2017.433%205.94618%2017.4363L5.74451%2017.558H5.74118C5.19784%2017.863%204.55784%2018.0247%203.87784%2017.993C2.73618%2017.938%201.75784%2017.3463%201.19284%2016.4847C0.837844%2015.9413%200.64451%2015.2913%200.681177%2014.6013C0.71451%2013.983%200.922844%2013.4147%201.26118%2012.9397L1.26951%2012.9247L4.04451%208.99634L6.77784%205.12634C6.81118%205.07967%206.84784%205.03301%206.87784%204.98467C6.87451%204.98967%206.86951%204.99967%206.86284%205.00467C6.87118%204.98967%206.88118%204.97634%206.88951%204.96134C6.88951%204.95801%206.89284%204.95801%206.89284%204.95634C6.89618%204.95301%206.89951%204.94801%206.90118%204.94467C6.90118%204.94467%206.90118%204.94134%206.90451%204.94134C6.91951%204.92134%206.93451%204.90134%206.94618%204.87801C6.96118%204.85801%206.97618%204.83801%206.99118%204.81634C7.00618%204.79634%207.02118%204.77634%207.03618%204.75467C7.03951%204.75134%207.03951%204.74967%207.04284%204.74634C7.04618%204.74301%207.04618%204.74134%207.04951%204.74134C7.06451%204.72134%207.07951%204.70134%207.09784%204.67967C7.10951%204.66467%207.12118%204.65134%207.13451%204.63634C7.16784%204.59801%207.20118%204.56134%207.23784%204.52301C7.25284%204.50801%207.26451%204.49467%207.27951%204.47967C7.30118%204.45634%207.32118%204.43634%207.34618%204.41634C7.36451%204.39967%207.38284%204.38134%207.40118%204.36467C7.41951%204.34801%207.43451%204.33301%207.45284%204.31801C7.45618%204.31467%207.45951%204.31301%207.45951%204.31301C7.47118%204.30134%207.48118%204.29301%207.49284%204.28467C7.50451%204.27301%207.51951%204.26134%207.53284%204.25301C7.53618%204.24967%207.53951%204.24801%207.54118%204.24801C7.55951%204.23301%207.57451%204.21967%207.59284%204.20467C7.60784%204.18967%207.62618%204.17801%207.64118%204.16634C7.65618%204.15467%207.66784%204.14634%207.68284%204.13467C7.70118%204.11967%207.71951%204.10801%207.73784%204.09467C7.75284%204.08634%207.76451%204.07467%207.77951%204.06634C7.78618%204.06134%207.79451%204.05467%207.80284%204.05134C7.81784%204.03967%207.83284%204.03134%207.84784%204.02301C7.85118%204.01967%207.85618%204.01801%207.85951%204.01467C7.87784%204.00301%207.89618%203.99134%207.91118%203.98301C7.91784%203.97801%207.92618%203.97467%207.93284%203.96801C7.94784%203.95967%207.95951%203.95134%207.97451%203.94134C7.98284%203.93634%207.99284%203.92967%208.00118%203.92467C8.01618%203.91634%208.03451%203.90801%208.04951%203.89634C8.05284%203.89301%208.05784%203.89134%208.06451%203.88801C8.08618%203.87634%208.10451%203.86467%208.12451%203.85634C8.12784%203.85301%208.13118%203.85301%208.13618%203.85134C8.15784%203.83967%208.17784%203.82801%208.19951%203.81967C8.19951%203.81967%208.20284%203.81967%208.20284%203.81634C8.22618%203.80467%208.24784%203.79301%208.27284%203.78134C8.27284%203.78134%208.27618%203.78134%208.27618%203.77801C8.29451%203.76967%208.31284%203.76134%208.33284%203.75134C8.34118%203.74801%208.35118%203.74301%208.35951%203.73967C8.37118%203.73467%208.38284%203.72801%208.39618%203.72467C8.41118%203.71967%208.42284%203.71301%208.43784%203.70801C8.46118%203.69967%208.48284%203.69134%208.50784%203.68134C8.52284%203.67634%208.53451%203.66967%208.54951%203.66634C8.57118%203.65801%208.59118%203.65134%208.61284%203.64301C8.63118%203.63801%208.65284%203.63134%208.66951%203.62301C8.75451%203.59634%208.83784%203.57134%208.92284%203.54967C8.94118%203.54467%208.96284%203.54134%208.97951%203.53801C9.08451%203.51467%209.19451%203.49467%209.30284%203.48301C9.32951%203.47967%209.35784%203.47801%209.38451%203.47467C9.42118%203.47134%209.45951%203.46967%209.49618%203.46634C9.51118%203.46634%209.52284%203.46301%209.53784%203.46301H9.55951C9.58951%203.46301%209.61618%203.45967%209.64784%203.45967H9.73784C9.79451%203.45967%209.84284%203.45967%209.89451%203.46301L9.89618%203.45801ZM10.6662%2014.413C10.5612%2014.4413%2010.4512%2014.4647%2010.3395%2014.4863C10.4512%2014.4663%2010.5595%2014.443%2010.6662%2014.413ZM9.56118%2014.5313H9.56951C9.56118%2014.5313%209.54784%2014.5313%209.53951%2014.528C9.54618%2014.528%209.55451%2014.5313%209.56118%2014.5313ZM7.08784%2013.293C7.05451%2013.253%207.02451%2013.2147%206.99451%2013.1747C7.02451%2013.2147%207.05784%2013.253%207.08784%2013.293ZM6.90284%2013.043C6.90284%2013.043%206.90618%2013.0463%206.90618%2013.048C6.90284%2013.0447%206.90284%2013.043%206.89951%2013.0363C6.89618%2013.033%206.89618%2013.0297%206.89284%2013.0247C6.86951%2012.9897%206.84784%2012.953%206.82284%2012.918C6.84451%2012.953%206.86784%2012.9913%206.88951%2013.0247C6.89618%2013.0297%206.89784%2013.0363%206.90118%2013.0413L6.90284%2013.043ZM6.89451%2013.0263C6.85784%2012.968%206.81951%2012.913%206.77618%2012.858L6.89451%2013.0263Z'%20fill='%231652A8'%20style='fill:%231652A8;fill:color(display-p3%200.0863%200.3216%200.6588);fill-opacity:1;'/%3e%3cg%20opacity='0.85'%3e%3cpath%20d='M5.77088%200.453306L5.97588%200.578306L5.97921%200.581639L11.5225%203.94997C11.5075%203.94164%2011.4925%203.93331%2011.4775%203.92331C11.4959%203.93497%2011.5142%203.94331%2011.5325%203.95497C11.5359%203.95831%2011.5392%203.95831%2011.5409%203.95997L11.6042%203.99831H11.6075L15.2492%206.21164L15.4725%206.34831C16.3542%206.93164%2016.9342%207.9083%2016.9342%209.01664C16.9342%2010.125%2016.3575%2011.1%2015.4759%2011.685L15.2409%2011.8266L11.6059%2014.035H11.6025L11.5392%2014.0733C11.5392%2014.0733%2011.5325%2014.0766%2011.5309%2014.0783C11.5125%2014.09%2011.4942%2014.0983%2011.4759%2014.11C11.4642%2014.1183%2011.4492%2014.125%2011.4359%2014.1333C11.4175%2014.145%2011.3992%2014.1533%2011.3809%2014.1616C11.3575%2014.1733%2011.3359%2014.185%2011.3109%2014.1966C11.3075%2014.2%2011.3042%2014.2%2011.3025%2014.2C11.2842%2014.2116%2011.2625%2014.22%2011.2425%2014.2283C11.2359%2014.2316%2011.2275%2014.2333%2011.2192%2014.24C11.2009%2014.2483%2011.1859%2014.255%2011.1675%2014.2633C11.1609%2014.2666%2011.1592%2014.2683%2011.1525%2014.2683C11.1309%2014.2766%2011.1109%2014.285%2011.0859%2014.2966C11.0625%2014.3083%2011.0342%2014.3166%2011.0109%2014.325C10.9875%2014.3333%2010.9592%2014.345%2010.9359%2014.3533C10.9092%2014.3616%2010.8842%2014.37%2010.8575%2014.38C10.8309%2014.3883%2010.8059%2014.3966%2010.7792%2014.4033H10.7759C10.7492%2014.4116%2010.7242%2014.4183%2010.6975%2014.4266C10.5925%2014.455%2010.4825%2014.4783%2010.3709%2014.4983C10.3259%2014.5066%2010.2775%2014.5133%2010.2325%2014.5183C10.2259%2014.5183%2010.2242%2014.5183%2010.2209%2014.5216C10.1975%2014.525%2010.1725%2014.5283%2010.1492%2014.53C10.1009%2014.5366%2010.0525%2014.5383%2010.0042%2014.5416C9.92921%2014.5483%209.85254%2014.5483%209.77754%2014.5483H9.68088C9.65421%2014.5483%209.62921%2014.545%209.60254%2014.545C9.59421%2014.545%209.58088%2014.545%209.57254%2014.5416C9.53254%2014.5383%209.49088%2014.5366%209.45254%2014.5333C9.27421%2014.5166%209.09588%2014.4866%208.92754%2014.4466C8.90421%2014.44%208.87921%2014.435%208.85254%2014.4266C8.81921%2014.4183%208.78588%2014.41%208.74921%2014.3983C8.73088%2014.3933%208.70921%2014.3866%208.69254%2014.3816C8.66588%2014.3733%208.64088%2014.365%208.61421%2014.355C8.58754%2014.3466%208.56254%2014.3383%208.53921%2014.3266C8.51588%2014.3183%208.48754%2014.3066%208.46421%2014.2983C8.44088%2014.29%208.41921%2014.2816%208.39754%2014.27C8.38921%2014.2666%208.38254%2014.265%208.37421%2014.2583C8.35588%2014.25%208.33754%2014.2416%208.31754%2014.2316C8.31754%2014.2316%208.31421%2014.2316%208.31421%2014.2283C8.29088%2014.2166%208.26588%2014.205%208.24254%2014.1933C8.21921%2014.1816%208.19421%2014.17%208.17088%2014.155C8.14754%2014.1433%208.12254%2014.1283%208.10088%2014.1166C8.07754%2014.105%208.05254%2014.09%208.03088%2014.0766C8.00754%2014.0616%207.98588%2014.0483%207.96088%2014.0366C7.93754%2014.0216%207.91588%2014.0083%207.89421%2013.9933C7.87254%2013.9783%207.85254%2013.965%207.83088%2013.95C7.82754%2013.95%207.82754%2013.9466%207.82421%2013.945C7.80588%2013.9333%207.78754%2013.9183%207.76754%2013.905C7.76421%2013.9016%207.76088%2013.9016%207.75921%2013.9C7.74088%2013.885%207.72254%2013.8733%207.70421%2013.86C7.70088%2013.8566%207.69588%2013.855%207.69254%2013.8483C7.67421%2013.8333%207.65588%2013.82%207.63754%2013.805C7.63754%2013.805%207.63421%2013.805%207.63421%2013.8016C7.61588%2013.7866%207.59754%2013.7733%207.57754%2013.755C7.57421%2013.7516%207.57088%2013.7516%207.56921%2013.7483C7.55421%2013.7366%207.53921%2013.7216%207.52421%2013.71C7.51754%2013.705%207.51254%2013.6983%207.50588%2013.695C7.49421%2013.6833%207.47921%2013.6716%207.46588%2013.66C7.43921%2013.6366%207.41421%2013.6133%207.39088%2013.5866C7.37254%2013.57%207.35754%2013.5516%207.33921%2013.535C7.32754%2013.5233%207.31754%2013.5116%207.30588%2013.5C7.29421%2013.4883%207.28421%2013.48%207.27588%2013.4683C7.25754%2013.4516%207.24254%2013.43%207.22421%2013.4133C7.19088%2013.375%207.15754%2013.3383%207.12421%2013.2966C7.09088%2013.2566%207.06088%2013.2183%207.03088%2013.1783C7.01588%2013.1583%207.00088%2013.1383%206.98588%2013.1166C6.97088%2013.0966%206.95588%2013.0766%206.94421%2013.0533C6.94088%2013.05%206.94088%2013.0483%206.93754%2013.0416C6.93421%2013.0383%206.93421%2013.0366%206.93088%2013.03C6.90754%2012.995%206.88588%2012.9583%206.86088%2012.9233C6.88254%2012.9583%206.90588%2012.995%206.92754%2013.03C6.89088%2012.9716%206.85254%2012.9166%206.80921%2012.8616L4.07921%208.99664L1.34088%205.12997L1.23254%204.97664L1.22921%204.97164C0.92421%204.51164%200.737543%203.97497%200.707543%203.39497C0.670877%202.70497%200.86421%202.05164%201.22088%201.50997C1.78588%200.648306%202.76588%200.0566391%203.90421%20-2.75556e-05C4.58421%20-0.0150276%205.22421%200.148306%205.77088%200.453306Z'%20fill='url(%23paint0_linear_6919_104497)'%20style=''/%3e%3c/g%3e%3cpath%20d='M32.4132%2012.862C31.2015%2012.862%2030.4482%2012.0503%2030.4482%2010.7203V8.4453H32.6632V7.02697H30.4482V4.72363L28.8548%205.9053V7.0253H27.9648V8.44363H28.8548V10.7053C28.8548%2012.9953%2030.1982%2014.412%2032.4282%2014.412H32.7682V12.862H32.4132Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M19.9812%2012.5767L21.4028%2011.4651C22.0395%2012.4867%2022.8995%2013.0351%2023.9962%2013.0351C25.1962%2013.0351%2025.9512%2012.2651%2025.9512%2011.3017C25.9512%2010.1901%2024.7662%209.83506%2023.5212%209.43506C22.0545%208.96172%2020.4695%208.36839%2020.4695%206.38339C20.4695%204.73839%2021.9362%203.43506%2023.9362%203.43506C25.5812%203.43506%2026.6028%204.07172%2027.4328%205.03506L26.1145%206.01339C25.6262%205.25839%2024.8995%204.85839%2023.9362%204.85839C22.8395%204.85839%2022.1278%205.51006%2022.1278%206.35506C22.1278%207.39172%2023.2695%207.73339%2024.5128%208.14839C25.9945%208.65172%2027.6095%209.29006%2027.6095%2011.3051C27.6095%2012.9651%2026.2462%2014.5501%2024.0095%2014.5501C22.1578%2014.5501%2020.8978%2013.7651%2019.9795%2012.5801L19.9812%2012.5767Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M38.2695%2010.7367C38.2695%208.56503%2039.9379%206.8667%2042.1095%206.8667C44.2812%206.8667%2045.9062%208.4467%2045.9062%2010.6334V11.2534H39.7912C39.9979%2012.39%2040.8845%2013.1434%2042.1695%2013.1434C43.1745%2013.1434%2043.9429%2012.6117%2044.3262%2011.8134L45.6262%2012.5367C44.9762%2013.7484%2043.8095%2014.545%2042.1695%2014.545C39.8362%2014.545%2038.2695%2012.8767%2038.2695%2010.735V10.7367ZM39.8645%209.91003H44.2962C44.0595%208.8467%2043.2479%208.25503%2042.1095%208.25503C40.9712%208.25503%2040.1595%208.93503%2039.8645%209.91003Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M33.7549%2010.72C33.7549%208.42999%2035.0982%207.02832%2037.3282%207.02832H38.0366V8.56499H37.3132C36.1016%208.56499%2035.3199%209.40665%2035.3349%2010.7367V14.415H33.7549V10.7233V10.72Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M46.6882%2010.7218C46.6882%208.56517%2048.3865%206.88184%2050.5132%206.88184C52.6399%206.88184%2054.3082%208.56517%2054.3082%2010.7218V14.4135H52.7582V13.4535C52.2415%2014.1468%2051.4432%2014.5468%2050.4682%2014.5468C48.3565%2014.5468%2046.6865%2012.8935%2046.6865%2010.7218H46.6882ZM52.7882%2010.7218C52.7882%209.40684%2051.7832%208.3585%2050.5132%208.3585C49.2432%208.3585%2048.2382%209.40684%2048.2382%2010.7218C48.2382%2012.0368%2049.2282%2013.0852%2050.5132%2013.0852C51.7982%2013.0852%2052.7882%2012.0218%2052.7882%2010.7218Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M55.3027%2010.2717C55.3027%208.30667%2056.6461%206.875%2058.6411%206.875C59.7777%206.875%2060.6944%207.33333%2061.2694%208.10167C61.8161%207.33333%2062.7027%206.875%2063.8394%206.875C65.8477%206.875%2067.2511%208.27833%2067.2511%2010.2717V14.4067H65.6711V10.2867C65.6711%209.165%2064.9177%208.38167%2063.8394%208.38167C62.7611%208.38167%2062.0527%209.18%2062.0677%2010.2433V14.4083H60.4877V10.2883C60.4877%209.16667%2059.7194%208.38333%2058.6411%208.38333C57.5627%208.38333%2056.8694%209.18167%2056.8827%2010.245V14.41H55.3027V10.275V10.2717Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M68.2646%203.62695H69.8746V12.872H74.2313V14.4086H68.2646V3.62695Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M89.418%2010.7367C89.418%208.56503%2091.0863%206.8667%2093.258%206.8667C95.4296%206.8667%2097.0546%208.4467%2097.0546%2010.6334V11.2534H90.9396C91.1463%2012.39%2092.033%2013.1434%2093.318%2013.1434C94.323%2013.1434%2095.0913%2012.6117%2095.4746%2011.8134L96.7746%2012.5367C96.1246%2013.7484%2094.958%2014.545%2093.318%2014.545C90.9846%2014.545%2089.418%2012.8767%2089.418%2010.735V10.7367ZM91.013%209.91003H95.4446C95.208%208.8467%2094.3963%208.25503%2093.258%208.25503C92.1196%208.25503%2091.308%208.93503%2091.013%209.91003Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M74.4948%2010.7218C74.4948%208.56517%2076.1932%206.88184%2078.3198%206.88184C80.4465%206.88184%2082.1148%208.56517%2082.1148%2010.7218V14.4135H80.5648V13.4535C80.0482%2014.1468%2079.2498%2014.5468%2078.2748%2014.5468C76.1632%2014.5468%2074.4932%2012.8935%2074.4932%2010.7218H74.4948ZM80.5948%2010.7218C80.5948%209.40684%2079.5898%208.3585%2078.3198%208.3585C77.0498%208.3585%2076.0448%209.40684%2076.0448%2010.7218C76.0448%2012.0368%2077.0348%2013.0852%2078.3198%2013.0852C79.6048%2013.0852%2080.5948%2012.0218%2080.5948%2010.7218Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M85.0381%2014.0498L81.9814%207.0498H83.6798L85.8364%2012.1748L87.8748%207.0498H89.5431L85.0831%2017.8465H83.4581L85.0381%2014.0515V14.0498Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M98.041%2010.7151C98.041%208.4251%2099.3843%207.02344%20101.614%207.02344H102.323V8.5601H101.599C100.388%208.5601%2099.606%209.40177%2099.621%2010.7318V14.4101H98.041V10.7184V10.7151Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_6919_104497'%20x1='4.31754'%20y1='8.70664'%20x2='13.6359'%20y2='3.59497'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.2'%20stop-color='%231589EE'%20style='stop-color:%231589EE;stop-color:color(display-p3%200.0824%200.5373%200.9333);stop-opacity:1;'/%3e%3cstop%20offset='1'%20stop-color='%235EB4FF'%20style='stop-color:%235EB4FF;stop-color:color(display-p3%200.3686%200.7059%201.0000);stop-opacity:1;'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_6919_104497'%3e%3crect%20width='101.648'%20height='18'%20fill='white'%20style='fill:white;fill-opacity:1;'%20transform='translate(0.675781)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", u = /* @__PURE__ */ l("div")({
-  name: "SponsorLogoWrap",
-  class: "s8p5v5z",
+}), we = ({
+  children: n,
+  style: a,
+  enabled: c,
+  animate: l,
+  ...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
+    })
+  });
+}, is = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1gcvmcj",
   propsAsIs: !1
-}), J = () => p, K = /* @__PURE__ */ l(J())({
-  name: "SponsorLogo",
-  class: "s755yti",
+}), os = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "tnr592a",
+  propsAsIs: !1
+}), cs = /* @__PURE__ */ s("div")({
+  name: "Description",
+  class: "d1e8jqpv",
+  propsAsIs: !1
+}), ls = () => E, ds = /* @__PURE__ */ s(ls())({
+  name: "Icon",
+  class: "i1vs651k",
+  propsAsIs: !0
+}), ps = ({ icon: n, title: a, description: c }) => /* @__PURE__ */ o(is, { children: [
+  /* @__PURE__ */ e(ds, { name: n }),
+  /* @__PURE__ */ e(os, { children: a }),
+  /* @__PURE__ */ e(cs, { children: c })
+] }), us = () => we, ms = /* @__PURE__ */ s(us())({
+  name: "ShowInContainer",
+  class: "s16sbdnm",
   propsAsIs: !0
-}), X = /* @__PURE__ */ l("img")({
-  name: "AdSponsorLogo",
-  class: "a1dflj8e",
-  propsAsIs: !1
-}), D2 = ({
-  mastersApp: s,
-  sponsorLogo: a
-}) => s ? /* @__PURE__ */ e(u, {
-  children: /* @__PURE__ */ e(K, {
-    name: "mastersLogo"
-  })
-}) : a ? /* @__PURE__ */ e(u, {
-  children: /* @__PURE__ */ e(X, {
-    src: a,
-    alt: "ad-sponsor-logo"
-  })
-}) : /* @__PURE__ */ e(u, {
-  children: /* @__PURE__ */ e("img", {
-    src: G,
-    alt: "stream-layer-logo"
-  })
-}), Y = /* @__PURE__ */ l("div")({
+}), Q = /* @__PURE__ */ s("div")({
+  name: "FeedbackContainer",
+  class: "fbhorgl",
+  propsAsIs: !1
+}), Ae = "s1g20ja7", hs = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "cq8qxhy",
+  class: "c455ozj",
+  propsAsIs: !1
+}), Is = () => E, ve = /* @__PURE__ */ s(Is())({
+  name: "IconPrediction",
+  class: "i1913njx",
+  propsAsIs: !0
+}), X = /* @__PURE__ */ s("div")({
+  name: "FeedbackIconWrap",
+  class: "fzfk69z",
+  propsAsIs: !1
+}), te = /* @__PURE__ */ s("div")({
+  name: "FeedbackHeader",
+  class: "fx87qaj",
+  propsAsIs: !1
+}), fs = /* @__PURE__ */ s("span")({
+  name: "FeedbackTitle",
+  class: "fvek9ew",
+  propsAsIs: !1
+}), W = /* @__PURE__ */ s("span")({
+  name: "FeedbackDescription",
+  class: "f1kbtp09",
   propsAsIs: !1
-}), s2 = /* @__PURE__ */ l("div")({
-  name: "VideoWrapper",
-  class: "v18kj6dc",
+}), As = /* @__PURE__ */ s("div")({
+  name: "FeedbackTitleWrap",
+  class: "f4i8rro",
   propsAsIs: !1
-}), l2 = () => b, e2 = /* @__PURE__ */ l(l2())({
-  name: "FocusableVideo",
-  class: "fv2nwib",
+}), vs = /* @__PURE__ */ s("div")({
+  name: "FeedbackResultDescriptionWrap",
+  class: "fqyssr",
+  propsAsIs: !1
+}), ys = () => W, Ts = /* @__PURE__ */ s(ys())({
+  name: "FeedbackDynamicDescription",
+  class: "fyv794i",
+  propsAsIs: !0
+}), Cs = () => W, $s = /* @__PURE__ */ s(Cs())({
+  name: "FeedbackResultDescription",
+  class: "f1jkj9vx",
   propsAsIs: !0
-}), H = /* @__PURE__ */ l("div")({
-  name: "VideoStatus",
-  class: "v8ptucg",
+}), de = /* @__PURE__ */ s("div")({
+  name: "FeedbackText",
+  class: "f1pxh3a6",
   propsAsIs: !1
-}), v = "caip8y5", a2 = /* @__PURE__ */ l("div")({
-  name: "Content",
-  class: "ccgc65e",
+}), Es = /* @__PURE__ */ s("span")({
+  name: "DynamicWrap",
+  class: "d1afvufn",
   propsAsIs: !1
-}), i2 = /* @__PURE__ */ l("h3")({
-  name: "Title",
-  class: "t1q3iml2",
+}), bs = /* @__PURE__ */ s("div")({
+  name: "EarlyFeedbackDescription",
+  class: "eq8u24d",
   propsAsIs: !1
-}), C2 = /* @__PURE__ */ l("div")({
-  name: "Description",
-  class: "d1y2pxs8",
-  propsAsIs: !1
-}), o2 = /* @__PURE__ */ l("img")({
-  name: "Image",
-  class: "ig2j4fc",
-  propsAsIs: !1
-}), t2 = /* @__PURE__ */ l("div")({
-  name: "ImageContainer",
-  class: "i3dd6iy",
-  propsAsIs: !1
-}), c2 = ({
-  instantView: s,
-  isDetail: a,
-  notification: C,
-  controlVideo: t,
-  muted: n
+}), ye = ({
+  feedbackMessages: n,
+  questionVotedCorrectly: a,
+  questionVoted: c,
+  questionType: l,
+  hasCorrectAnswer: r,
+  showExpiredNotification: p,
+  showClosedNotificationTrivia: h,
+  votedInCurrentRender: v,
+  votedAfterQuestionClosed: i,
+  voteErrorMessage: m,
+  enteredAnActiveQuestion: b,
+  marketClosed: g,
+  percentsAnimated: y,
+  votedAnswer: O,
+  isEarlyPrediction: I,
+  correctAnswer: T,
+  onAnimationEnd: q
 }) => {
-  const c = j(null), [o, r] = y(!1), [d, f] = y(void 0), L = s?.playVideoMuted === T.ENABLED, w = a && s?.autoPlayVideo === h.ENABLED, Z = L && w, V = s?.heading, g = s?.body, I = V || g, [A, $] = y(!0), D = C?.title, E = C?.body;
-  return /* @__PURE__ */ i(Y, { children: [
-    s?.video?.url && /* @__PURE__ */ i(s2, { children: [
-      /* @__PURE__ */ e(
-        e2,
-        {
-          className: v,
-          source: s.video.url,
-          poster: s.video.thumbnailUrl,
-          controlVideo: t,
-          muted: n,
-          autoPlay: a && s.autoPlayVideo === h.ENABLED,
-          ref: c,
-          onPause: () => {
-            r?.(!0), $(!1);
-          },
-          onMute: (N) => {
-            f(N);
-          },
-          onPlay: () => {
-            r?.(!1);
-          },
-          playMuted: L,
-          hasNotPausedVideo: A,
-          webos: !0
-        }
-      ),
-      o && !A && /* @__PURE__ */ i(H, { children: [
-        /* @__PURE__ */ e(p, { name: "icon-pause" }),
-        "PAUSED"
-      ] }),
-      d && Z && /* @__PURE__ */ i(H, { children: [
-        /* @__PURE__ */ e(p, { name: "iconMute" }),
-        "MUTED"
+  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(
+    ms,
+    {
+      enabled: v,
+      animate: !m && p ? !0 : y,
+      onAnimationEnd: q,
+      children: /* @__PURE__ */ o(hs, { "data-prediction": k, children: [
+        m && !S && /* @__PURE__ */ o(Q, { children: [
+          !I && /* @__PURE__ */ e(ve, { name: "questionExpired" }),
+          /* @__PURE__ */ e(W, { children: m })
+        ] }),
+        !m && p && /* @__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: "Question Expired" }) }),
+            /* @__PURE__ */ e(de, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+          ] })
+        ] }),
+        !m && h && /* @__PURE__ */ o(Q, { className: pe(Ae), children: [
+          /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(E, { name: "questionExpired" }) }),
+          /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(W, { children: "Question Closed" }) }),
+            /* @__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: [
+          !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" }) }),
+            /* @__PURE__ */ e(de, { children: I ? /* @__PURE__ */ e(bs, { children: r ? `Correct: ${T?.text}` : "Event affecting the outcome has occurred." }) : "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
+          ] })
+        ] }),
+        !m && C && /* @__PURE__ */ o(Q, { children: [
+          !I && /* @__PURE__ */ e(ve, { name: "icon-prediction" }),
+          /* @__PURE__ */ o(Ts, { children: [
+            "Your pick has been recorded. ",
+            /* @__PURE__ */ e(Es, { children: "We’ll notify you of the result." })
+          ] })
+        ] }),
+        !m && F && /* @__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: [
+              /* @__PURE__ */ e("div", { children: "So close!" }),
+              /* @__PURE__ */ e("div", { children: "Better luck next time" })
+            ] }) : /* @__PURE__ */ o(B, { 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
+              ] }),
+              /* @__PURE__ */ e("div", { children: w === "incorrect" ? `Correct: ${T?.text}` : "" })
+            ] }) : /* @__PURE__ */ e($s, { children: L?.description })
+          ] }) })
+        ] })
       ] })
-    ] }),
-    s?.image && !s?.video?.url && /* @__PURE__ */ e(
-      t2,
-      {
-        className: v,
-        "data-rounded": s.imageMode === M.ROUNDED,
-        children: /* @__PURE__ */ e(o2, { src: s?.image })
-      }
-    ),
-    /* @__PURE__ */ i(a2, { children: [
-      /* @__PURE__ */ e(i2, { children: a && I ? V : D }),
-      /* @__PURE__ */ e(C2, { children: a && I ? g : E })
-    ] })
-  ] });
-}, p2 = /* @__PURE__ */ l("div")({
+    }
+  ) : null;
+}, ws = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "cgn5uen",
+  class: "c1hygj0s",
+  propsAsIs: !1
+}), gs = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "t1r84tez",
   propsAsIs: !1
-}), B = "c1px8nt6", n2 = /* @__PURE__ */ l("div")({
+}), Ps = /* @__PURE__ */ s("div")({
+  name: "Description",
+  class: "d1aj1a7k",
+  propsAsIs: !1
+}), Rs = /* @__PURE__ */ s("div")({
+  name: "AdditionalDescription",
+  class: "ax09ezs",
+  propsAsIs: !1
+}), Ds = () => E, qs = /* @__PURE__ */ s(Ds())({
+  name: "Icon",
+  class: "inkrac",
+  propsAsIs: !0
+}), ks = ({ icon: n, title: a, description: c, additionalDescription: l }) => /* @__PURE__ */ o(ws, { children: [
+  n && /* @__PURE__ */ e(qs, { name: n }),
+  /* @__PURE__ */ e(gs, { children: a }),
+  /* @__PURE__ */ e(Ps, { children: c }),
+  l && /* @__PURE__ */ e(Rs, { children: l })
+] }), ge = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c14ielyq",
+  propsAsIs: !1
+}), xs = () => Ke, Ns = /* @__PURE__ */ s(xs())({
+  name: "QuestionScrollContainer",
+  class: "q1tlqx57",
+  propsAsIs: !0
+}), Os = /* @__PURE__ */ s("div")({
+  name: "TopShadow",
+  class: "t1hq58md",
+  propsAsIs: !1
+}), Ss = /* @__PURE__ */ s("div")({
+  name: "BottomShadow",
+  class: "b1c8nxcx",
+  propsAsIs: !1
+}), Vs = /* @__PURE__ */ s("div")({
+  name: "SponsorLogo",
+  class: "siozuc3",
+  propsAsIs: !1
+}), Pe = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "c5et2jt",
+  class: "cpnc44r",
   propsAsIs: !1
-}), r2 = /* @__PURE__ */ l("h3")({
+}), Ls = /* @__PURE__ */ s("div")({
   name: "Title",
-  class: "t1i2kpk2",
+  class: "tq7p3w0",
   propsAsIs: !1
-}), d2 = /* @__PURE__ */ l("div")({
-  name: "Description",
-  class: "dd3lh3p",
-  propsAsIs: !1
-}), f2 = /* @__PURE__ */ l("img")({
-  name: "Image",
-  class: "i1gfjeu5",
-  propsAsIs: !1
-}), m2 = /* @__PURE__ */ l("div")({
-  name: "ImageContainer",
-  class: "i58y999",
-  propsAsIs: !1
-}), y2 = ({
-  instantView: s,
-  isDetail: a,
-  notification: C,
-  controlVideo: t,
-  muted: n
+}), js = /* @__PURE__ */ s("div")({
+  name: "OptionsWrap",
+  class: "o1jlfj9g",
+  propsAsIs: !1
+}), Re = /* @__PURE__ */ s("div")({
+  name: "Options",
+  class: "o84pmnd",
+  propsAsIs: !1
+}), Qs = () => be, Te = /* @__PURE__ */ s(Qs())({
+  name: "AlertContainer",
+  class: "a1dybjw9",
+  propsAsIs: !0
+}), Ws = /* @__PURE__ */ s("div")({
+  name: "EarlyPrediction",
+  class: "e1l05ict",
+  propsAsIs: !1
+}), Bs = () => E, Fs = /* @__PURE__ */ s(Bs())({
+  name: "EarlyPredictionIcon",
+  class: "ez9juex",
+  propsAsIs: !0
+}), zs = () => E, Ys = /* @__PURE__ */ s(zs())({
+  name: "SponsorIcon",
+  class: "s8p4aob",
+  propsAsIs: !0
+}), Ms = /* @__PURE__ */ s("button")({
+  name: "ButtonContainer",
+  class: "b1b6dl8t",
+  propsAsIs: !1
+}), Us = /* @__PURE__ */ s("div")({
+  name: "ButtonPctWrap",
+  class: "b4iik8i",
+  propsAsIs: !1
+}), Ks = /* @__PURE__ */ s("div")({
+  name: "ButtonPct",
+  class: "b1gq1lnf",
+  propsAsIs: !1
+}), _s = /* @__PURE__ */ s("span")({
+  name: "ButtonBody",
+  class: "b1j65z51",
+  propsAsIs: !1
+}), Hs = /* @__PURE__ */ s("div")({
+  name: "IconContainer",
+  class: "i19tpfua",
+  propsAsIs: !1
+}), Zs = /* @__PURE__ */ s("div")({
+  name: "IconWrap",
+  class: "i1tubmma",
+  propsAsIs: !1
+}), De = /* @__PURE__ */ s("img")({
+  name: "Icon",
+  class: "i1grrgwj",
+  propsAsIs: !1
+}), Gs = () => De, Js = /* @__PURE__ */ s(Gs())({
+  name: "IconDefault",
+  class: "ibemyq8",
+  propsAsIs: !0
+}), Xs = () => De, en = /* @__PURE__ */ s(Xs())({
+  name: "IconCircle",
+  class: "i1dceht",
+  propsAsIs: !0
+}), sn = /* @__PURE__ */ s("span")({
+  name: "Title",
+  class: "t116q4vq",
+  propsAsIs: !1
+}), nn = /* @__PURE__ */ s("span")({
+  name: "Indicators",
+  class: "i17ajcu2",
+  propsAsIs: !1
+}), tn = /* @__PURE__ */ s("div")({
+  name: "PtsWrap",
+  class: "pu9kmlb",
+  propsAsIs: !1
+}), rn = /* @__PURE__ */ s("span")({
+  name: "Pts",
+  class: "p1j2j0s0",
+  propsAsIs: !1
+}), an = /* @__PURE__ */ s("span")({
+  name: "Percentage",
+  class: "p1mzj1sj",
+  propsAsIs: !1
+}), on = () => E, cn = /* @__PURE__ */ s(on())({
+  name: "CheckIcon",
+  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
+}, dn = ({ questionType: n, hasCorrectAnswer: a, correct: c, youVoted: l, questionVoted: r }) => {
+  if (n === t.POLL && l)
+    return "voted";
+  if (n === t.PREDICTION) {
+    if (!a && r)
+      return l ? "voted" : "unset";
+    if (a && r)
+      return l ? c ? "correct" : "incorrect" : "unset";
+    if (l)
+      return "correct";
+  }
+  return n === t.TRIVIA && r && l ? c ? "correct" : "incorrect" : "unset";
+}, pn = ({
+  questionType: n,
+  questionVoted: a,
+  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) => {
+  const {
+    // option props
+    id: a,
+    icon: c,
+    text: l,
+    percentageDecimal: r,
+    points: p,
+    // extra props
+    onVote: h,
+    markThatVoted: v,
+    firstOption: i,
+    onPercentsAnimated: m,
+    youSelected: b,
+    youVoted: g,
+    questionVoted: y,
+    imageMode: O,
+    answerTimeExpired: I,
+    questionStatus: T,
+    isLoading: q,
+    questionType: P,
+    correct: k,
+    hasCorrectAnswer: S,
+    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;
+  return ze(() => {
+    L(0), requestAnimationFrame(() => {
+      L(r);
+    });
+  }, [r]), /* @__PURE__ */ o(
+    un,
+    {
+      value: a,
+      webos: F,
+      autoFocus: i,
+      "data-selected": b,
+      "data-answer-state": z,
+      disabled: y || q || I || x,
+      "data-is-not-checked": Z,
+      "data-a": "intr",
+      onClick: (re) => {
+        v(
+          P === t.PREDICTION ? C : T === se.RESOLVED
+        ), h(re);
+      },
+      "data-is-ad": f,
+      children: [
+        /* @__PURE__ */ e(Us, { children: /* @__PURE__ */ e(
+          Ks,
+          {
+            "data-answer-state": z,
+            "data-is-not-checked": Z,
+            style: { width: `${ne ? w : 0}%` },
+            onTransitionEnd: () => {
+              x || m?.();
+            },
+            "data-is-ad": f
+          }
+        ) }),
+        /* @__PURE__ */ o(_s, { "data-a": "intr", children: [
+          c && O && ln[O]?.(c),
+          /* @__PURE__ */ e(sn, { "data-a": "intr", children: l }),
+          Y && /* @__PURE__ */ o(tn, { children: [
+            p,
+            /* @__PURE__ */ e(rn, { children: "pts" })
+          ] }),
+          ne && /* @__PURE__ */ o(nn, { children: [
+            H && /* @__PURE__ */ e(cn, { name: V ? "selectedBetPack" : "selected" }),
+            /* @__PURE__ */ e(an, { children: /* @__PURE__ */ e(Ce, { value: r, suffix: "%" }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}, hn = () => we, In = /* @__PURE__ */ s(hn())({
+  name: "ShowInContainer",
+  class: "sie6cqo",
+  propsAsIs: !0
+}), fn = /* @__PURE__ */ s("div")({
+  name: "WinBarContainer",
+  class: "wgizw4u",
+  propsAsIs: !1
+}), An = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c1l3ucjp",
+  propsAsIs: !1
+}), vn = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "tx7j799",
+  propsAsIs: !1
+}), yn = () => E, Tn = /* @__PURE__ */ s(yn())({
+  name: "WinIcon",
+  class: "w4lwuj0",
+  propsAsIs: !0
+}), Cn = /* @__PURE__ */ s("div")({
+  name: "Points",
+  class: "po9i64o",
+  propsAsIs: !1
+}), $n = /* @__PURE__ */ s("span")({
+  name: "PointsCount",
+  class: "pe5g05h",
+  propsAsIs: !1
+}), En = /* @__PURE__ */ s("span")({
+  name: "PointsUnits",
+  class: "p1hdtpmb",
+  propsAsIs: !1
+}), bn = ({
+  title: n,
+  points: a,
+  isPlayingTimer: c,
+  isTimer: l,
+  animatePoints: r,
+  questionType: p,
+  timerDuration: h,
+  votedInCurrentRender: v,
+  percentsAnimated: i,
+  onTimerExpired: m
+}) => /* @__PURE__ */ e(
+  In,
+  {
+    enabled: p === t.PREDICTION && v,
+    animate: i,
+    children: /* @__PURE__ */ o(
+      fn,
+      {
+        style: {
+          justifyContent: p === t.PREDICTION ? "center" : "space-between"
+        },
+        children: [
+          /* @__PURE__ */ o(An, { children: [
+            n && /* @__PURE__ */ e(vn, { children: n }),
+            a !== void 0 && p !== t.POLL && /* @__PURE__ */ o(B, { 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 }),
+                /* @__PURE__ */ e(En, { children: "PTS" })
+              ] })
+            ] })
+          ] }),
+          l && p !== t.PREDICTION && /* @__PURE__ */ e(Ue, { isPlaying: c, onTimerExpired: m, duration: h })
+        ]
+      }
+    )
+  }
+), 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: [
+  /* @__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 = ({
+  openedQuestion: n,
+  isLoading: a,
+  vote: c,
+  close: l,
+  isEarlyPrediction: r,
+  mastersApp: p,
+  webos: h
 }) => {
-  const c = s?.heading, o = s?.body, r = c || o, d = C?.title, f = C?.body;
-  return /* @__PURE__ */ i(p2, { children: [
-    s?.video?.url && /* @__PURE__ */ e(
-      b,
+  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();
+  _(() => {
+    me && l(y);
+  }, [l, me]), _(() => {
+    i === t.PREDICTION ? g && V(!1) : m === se.RESOLVED && V(!1);
+  }, []);
+  const xe = N((u) => {
+    S(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 });
+    }, 4e3);
+  }, [M]), Ie = N(
+    async (u) => {
+      if (!ae.current && (ae.current = !0, y)) {
+        const D = u.currentTarget.value;
+        H(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;
+        }
+      }
+    },
+    [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(
+    () => !!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);
+  }, []);
+  const ie = K(() => n ? n.answers.map((u) => ({
+    ...u,
+    questionVoted: !!d,
+    youSelected: z === u.id,
+    isLoading: a,
+    hasCorrectAnswer: A,
+    questionType: n.type,
+    answerTimeExpired: f,
+    questionStatus: m,
+    imageMode: n.appearance?.images,
+    onVote: Ie
+  })) : [], [
+    A,
+    f,
+    a,
+    n,
+    d,
+    m,
+    Ie,
+    z
+  ]);
+  _(() => {
+    const u = ie.some(({ percentageDecimal: U }) => U !== 0), D = d && i === t.PREDICTION;
+    x && (r || !u || g && D) && Z(!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 = () => {
+    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.
+Please stay tuned for the next question.` : i === t.PREDICTION ? "Stay tuned to see if your prediction was correct." : "", D = () => i === t.TRIVIA ? `Your Pick: ${R?.text}` : i === t.POLL || i === t.PREDICTION ? `Your Pick: ${d?.text}` : "", U = () => i === t.TRIVIA && b?.case === "trivia" ? b?.value.explanation : i === t.PREDICTION ? v : "";
+    return ue ? /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(
+      ks,
       {
-        className: B,
-        source: s.video.url,
-        poster: s.video.thumbnailUrl,
-        controlVideo: t,
-        muted: n,
-        autoPlay: a && s.autoPlayVideo === h.ENABLED
+        title: u(),
+        description: D(),
+        ...d?.correct || i === t.POLL || i === t.PREDICTION ? { icon: "icon-correct" } : {},
+        ...i === t.TRIVIA || i === t.PREDICTION ? { additionalDescription: U() } : {}
       }
-    ),
-    s?.image && !s?.video?.url && /* @__PURE__ */ e(
-      m2,
+    ) }) : !r && (f || w) ? /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(
+      ps,
       {
-        className: B,
-        "data-rounded": s.imageMode === M.ROUNDED,
-        children: /* @__PURE__ */ e(f2, { src: s?.image })
+        icon: "icon-check-circle",
+        title: "More to come...",
+        description: w ? /* @__PURE__ */ o(B, { children: [
+          "Stay tuned for more questions ",
+          /* @__PURE__ */ e("br", {}),
+          " and insights."
+        ] }) : /* @__PURE__ */ o(B, { children: [
+          "Watch for additional enhanced stream ",
+          /* @__PURE__ */ e("br", {}),
+          " interactive experience."
+        ] })
       }
-    ),
-    /* @__PURE__ */ i(n2, { children: [
-      /* @__PURE__ */ e(r2, { children: a && r ? c : d }),
-      /* @__PURE__ */ e(d2, { children: a && r ? o : f })
-    ] })
+    ) }) : null;
+  };
+  return /* @__PURE__ */ o(Ns, { children: [
+    r && /* @__PURE__ */ e(Os, {}),
+    /* @__PURE__ */ e(ge, { style: r ? { marginTop: "-40px" } : {}, children: /* @__PURE__ */ o(Pe, { children: [
+      !r && !T && /* @__PURE__ */ e(
+        ye,
+        {
+          feedbackMessages: fe,
+          questionVoted: !!d,
+          questionVotedCorrectly: d?.correct,
+          questionType: i,
+          hasCorrectAnswer: A,
+          showExpiredNotification: j,
+          showClosedNotificationTrivia: oe,
+          votedInCurrentRender: q,
+          votedAfterQuestionClosed: k,
+          enteredAnActiveQuestion: C,
+          marketClosed: g,
+          percentsAnimated: Y,
+          voteErrorMessage: x,
+          votedAnswer: d
+        }
+      ),
+      ce && /* @__PURE__ */ e(
+        bn,
+        {
+          title: Le,
+          points: Ve,
+          onTimerExpired: Oe,
+          questionType: n.type,
+          isTimer: !a,
+          isPlayingTimer: !d,
+          animatePoints: Qe,
+          timerDuration: We ? 0 : Number(n?.appearance?.autoHideInterval || "30"),
+          votedInCurrentRender: q,
+          percentsAnimated: Y
+        }
+      ),
+      Be ? Fe() : /* @__PURE__ */ o(B, { children: [
+        r && /* @__PURE__ */ o(Ws, { children: [
+          /* @__PURE__ */ e(Fs, { name: "iconEarlyPrediction" }),
+          "EARLY PREDICTION"
+        ] }),
+        /* @__PURE__ */ e(Ls, { style: je ? { marginTop: 0 } : {}, children: v }),
+        r && /* @__PURE__ */ e(
+          ye,
+          {
+            feedbackMessages: fe,
+            questionVoted: !!d,
+            questionVotedCorrectly: d?.correct,
+            questionType: i,
+            hasCorrectAnswer: A,
+            showExpiredNotification: j,
+            showClosedNotificationTrivia: oe,
+            votedInCurrentRender: q,
+            votedAfterQuestionClosed: k,
+            enteredAnActiveQuestion: C,
+            marketClosed: g,
+            percentsAnimated: Y,
+            voteErrorMessage: x,
+            isEarlyPrediction: r,
+            correctAnswer: R,
+            votedAnswer: d,
+            onAnimationEnd: Ne
+          }
+        ),
+        /* @__PURE__ */ o(js, { children: [
+          /* @__PURE__ */ e(Re, { children: ie.sort((u, D) => u.id > D.id ? 1 : -1).map((u, D) => /* @__PURE__ */ e(
+            mn,
+            {
+              ...u,
+              firstOption: D === 0,
+              markThatVoted: xe,
+              onPercentsAnimated: () => Z(!0),
+              votedAfterQuestionClosed: k,
+              enteredAnActiveQuestion: C,
+              marketClosed: g,
+              isEarlyPrediction: r,
+              isAd: T,
+              webos: h
+            },
+            u.id
+          )) }),
+          r && /* @__PURE__ */ o(B, { children: [
+            /* @__PURE__ */ e(Ss, {}),
+            /* @__PURE__ */ e(Vs, { children: /* @__PURE__ */ e(Ys, { name: "mastersLogoWhite" }) })
+          ] })
+        ] })
+      ] })
+    ] }) })
   ] });
-}, u2 = /* @__PURE__ */ l("div")({
-  name: "Container",
-  class: "c1euiow",
-  propsAsIs: !1
-}), h2 = /* @__PURE__ */ l("a")({
-  name: "WebLinkBtn",
-  class: "w19zie3h",
-  propsAsIs: !1
-}), L2 = () => p, V2 = /* @__PURE__ */ l(L2())({
-  name: "WebLinkIcon",
-  class: "wyg5v7z",
-  propsAsIs: !0
-}), E2 = ({ instantView: s, ...a }) => /* @__PURE__ */ i(u2, { children: [
-  a.webos ? /* @__PURE__ */ e(c2, { instantView: s, ...a, isDetail: !0 }) : /* @__PURE__ */ e(y2, { instantView: s, ...a, isDetail: !0 }),
-  s?.webLink && /* @__PURE__ */ i(h2, { href: s?.webLink.url, target: "_blank", "data-a": "web-link", children: [
-    s?.webLink.label,
-    /* @__PURE__ */ e(V2, { name: "icon-external-link" })
-  ] })
-] }), g2 = /* @__PURE__ */ l("div")({
-  name: "Container",
-  class: "c1dcxmvf",
-  propsAsIs: !1
-}), I2 = /* @__PURE__ */ l("blockquote")({
-  name: "Quote",
-  class: "qb4q22c",
-  propsAsIs: !1
-}), N2 = (s) => /* @__PURE__ */ i(g2, { children: [
-  s.title && /* @__PURE__ */ e(I2, { children: s.title }),
-  /* @__PURE__ */ e(_, { ...s, isDetail: !0 })
-] });
+};
 export {
-  y2 as D,
-  $2 as O,
-  N2 as a,
-  D2 as d,
-  E2 as f
+  Ln as C,
+  Fn as Q,
+  jn as S,
+  Bn as Z,
+  Ee as a,
+  Ke as c,
+  Qn as d,
+  be as f,
+  Vn as l,
+  Sn as m,
+  $e as n,
+  On as p,
+  es as y
 };