@streamlayer/react 1.23.0 → 1.23.1

package/lib/es/index10.js

@@ -1,835 +1,267 @@
-import { jsx as e, jsxs as d, Fragment as z } from "react/jsx-runtime";
-import { useState as b, useRef as ee, useEffect as H, useCallback as j, useLayoutEffect as Ue, useMemo as _ } from "react";
-import { s as n, c as ue } from "./sl-types.js";
-import { i as le } from "./index8.js";
-import { B as w } from "./index6.js";
-import { Q as i, d as J, a as se, A as Ke } from "./useStreamLayerApp2.js";
-import { O as _e, L as He } from "./index13.js";
-import { d as Ee } from "./index5.js";
-const Qn = /* @__PURE__ */ n("div")({
-  name: "SDKContainer",
-  class: "sopqfe6",
-  propsAsIs: !1
-}), Ge = /* @__PURE__ */ n("div")({
-  name: "SDKScrollContainer",
-  class: "s102vcph",
-  propsAsIs: !1
-}), be = /* @__PURE__ */ n("div")({
-  name: "SDKContentContainer",
-  class: "s1meqjjv",
-  propsAsIs: !1
-}), Je = () => be, we = /* @__PURE__ */ n(Je())({
-  name: "SDKWhiteContainer",
-  class: "s1burm22",
-  propsAsIs: !0
-}), Xe = () => we, Fn = /* @__PURE__ */ n(Xe())({
-  name: "SDKSummaryContainer",
-  class: "sm5r3j5",
-  propsAsIs: !0
-}), Wn = /* @__PURE__ */ n("div")({
-  name: "TabsContainer",
-  class: "tysxwr6",
-  propsAsIs: !1
-}), Ze = () => be, Bn = /* @__PURE__ */ n(Ze())({
-  name: "LeaderboardContainer",
-  class: "l9er3b1",
-  propsAsIs: !0
-}), es = () => we, Yn = /* @__PURE__ */ n(es())({
-  name: "TabsNavContainer",
-  class: "t19dtrb3",
-  propsAsIs: !0
-}), zn = /* @__PURE__ */ n("div")({
-  name: "UserSummaryContainer",
-  class: "u1552n3j",
-  propsAsIs: !1
-});
-var ss = Object.defineProperty, ns = (s, t, r) => t in s ? ss(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r, ts = (s, t, r) => ns(s, t + "", r);
-let is = class {
-  constructor() {
-    ts(this, "observers", /* @__PURE__ */ new Set());
-  }
-  subscribe(t) {
-    this.observers.add(t);
-  }
-  unsubscribe(t) {
-    this.observers.delete(t);
-  }
-  notify(t) {
-    this.observers.forEach((r) => r(t));
-  }
-};
-const X = new is(), rs = { hiding: !1, finished: !1 }, os = () => {
-  const [s, t] = b(rs), r = ee(null);
-  H(() => {
-    const p = (h) => {
-      t(h);
-    };
-    return X.subscribe(p), () => {
-      X.unsubscribe(p);
-    };
-  }, []);
-  const l = j((p) => {
-    const h = { hiding: !0, finished: !1 };
-    r.current && clearTimeout(r.current), p != null && p.delay ? r.current = setTimeout(() => {
-      X.notify(h);
-    }, p == null ? void 0 : p.delay) : X.notify(h);
-  }, []), o = j(() => {
-    s.hiding && (r.current = null, X.notify({ hiding: !1, finished: !0 }));
-  }, [s.hiding]);
-  return {
-    ...s,
-    runAnimation: l,
-    onAnimationEnd: o
-  };
-}, as = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c1pgyo67",
-  propsAsIs: !1
-}), cs = "sx17qu6", ds = "h1692c5m", ge = ({
-  children: s,
-  style: t,
-  className: r,
-  enabled: l = !0,
-  hiding: o,
-  onAnimationEnd: p
-}) => /* @__PURE__ */ e(as, {
-  style: t,
-  className: ue(r, l && cs, l && o && ds),
-  onAnimationEnd: p,
-  children: s
-}), ls = () => ge, ps = /* @__PURE__ */ n(ls())({
-  name: "GrowingContainer",
-  class: "gck55ev",
-  propsAsIs: !0
-}), Pe = ({
-  children: s,
-  style: t,
-  enabled: r,
-  animate: l,
-  ...o
-}) => {
-  const p = ee(null);
-  return /* @__PURE__ */ e(ps, {
-    ...o,
-    enabled: r && l,
-    style: {
-      ...t,
-      ...(() => {
-        const h = p == null ? void 0 : p.current, f = h && window.getComputedStyle(h), P = f == null ? void 0 : f.getPropertyValue("height");
-        return r ? {
-          height: l ? P : 0
-        } : {};
-      })()
-    },
-    children: /* @__PURE__ */ e("div", {
-      ref: p,
-      children: s
-    })
-  });
-}, us = /* @__PURE__ */ n("div")({
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { O as k } from "./index14.js";
+import { s } from "./sl-types.js";
+import { y as _, E as w } from "./index13.js";
+import { e as T, b as j } from "./index12.js";
+import { B as p } from "./index6.js";
+import { Q as f, b as q, c as L, d as $ } from "./useStreamLayerApp2.js";
+import { useRef as O, useState as v } from "react";
+const S = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "c1gcvmcj",
-  propsAsIs: !1
-}), ms = /* @__PURE__ */ n("div")({
-  name: "Title",
-  class: "tnr592a",
+  class: "c1vwopgc",
   propsAsIs: !1
-}), hs = /* @__PURE__ */ n("div")({
-  name: "Description",
-  class: "d1e8jqpv",
+}), U = /* @__PURE__ */ s("div")({
+  name: "QuestionTypeWrap",
+  class: "qyktpt0",
   propsAsIs: !1
-}), Is = () => w, vs = /* @__PURE__ */ n(Is())({
-  name: "Icon",
-  class: "i1vs651k",
+}), Q = () => p, W = /* @__PURE__ */ s(Q())({
+  name: "QuestionTypeIcon",
+  class: "q951jdx",
   propsAsIs: !0
-}), As = ({ icon: s, title: t, description: r }) => /* @__PURE__ */ d(us, { children: [
-  /* @__PURE__ */ e(vs, { name: s }),
-  /* @__PURE__ */ e(ms, { children: t }),
-  /* @__PURE__ */ e(hs, { children: r })
-] }), ys = () => Pe, fs = /* @__PURE__ */ n(ys())({
-  name: "ShowInContainer",
-  class: "s16sbdnm",
-  propsAsIs: !0
-}), B = /* @__PURE__ */ n("div")({
-  name: "FeedbackContainer",
-  class: "fbhorgl",
+}), F = /* @__PURE__ */ s("span")({
+  name: "QuestionTypeTitle",
+  class: "qss5f0e",
   propsAsIs: !1
-}), ye = "s1g20ja7", Cs = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c455ozj",
+}), R = /* @__PURE__ */ s("button")({
+  name: "CloseIconWrap",
+  class: "c1ao1jtv",
   propsAsIs: !1
-}), Ts = () => w, fe = /* @__PURE__ */ n(Ts())({
-  name: "IconPrediction",
-  class: "i1913njx",
+}), z = () => p, G = /* @__PURE__ */ s(z())({
+  name: "CloseIcon",
+  class: "cvsl7l3",
   propsAsIs: !0
-}), Z = /* @__PURE__ */ n("div")({
-  name: "FeedbackIconWrap",
-  class: "fzfk69z",
-  propsAsIs: !1
-}), ie = /* @__PURE__ */ n("div")({
-  name: "FeedbackHeader",
-  class: "fx87qaj",
-  propsAsIs: !1
-}), $s = /* @__PURE__ */ n("span")({
-  name: "FeedbackTitle",
-  class: "fvek9ew",
-  propsAsIs: !1
-}), Y = /* @__PURE__ */ n("span")({
-  name: "FeedbackDescription",
-  class: "f1kbtp09",
-  propsAsIs: !1
-}), Es = /* @__PURE__ */ n("div")({
-  name: "FeedbackTitleWrap",
-  class: "f4i8rro",
-  propsAsIs: !1
-}), bs = /* @__PURE__ */ n("div")({
-  name: "FeedbackResultDescriptionWrap",
-  class: "fqyssr",
+}), J = k(R, {}), D2 = ({ webos: l, type: e, closeTimer: C, close: c, label: d, mastersApp: t }) => {
+  const o = e ? T[e] : { label: d, iconName: void 0 };
+  return /* @__PURE__ */ a(S, { children: [
+    /* @__PURE__ */ a(U, { children: [
+      (o == null ? void 0 : o.iconName) && /* @__PURE__ */ i(
+        W,
+        {
+          "data-type-trivia": e === f.TRIVIA,
+          "data-type-poll": e === f.POLL,
+          "data-type-prediction": e === f.PREDICTION,
+          "data-masters-app": !!t,
+          name: o.iconName
+        }
+      ),
+      (o == null ? void 0 : o.label) && /* @__PURE__ */ i(F, { children: o.label })
+    ] }),
+    C != null && C.seconds ? /* @__PURE__ */ i(_, { close: c, autoClose: C.auto, duration: C.seconds }) : /* @__PURE__ */ i(J, { webos: l, "data-a": "intr", onClick: c, type: "button", "data-close-btn": "true", children: /* @__PURE__ */ i(G, { "data-a": "intr", name: "icon-cross" }) })
+  ] });
+}, K = "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", h = /* @__PURE__ */ s("div")({
+  name: "SponsorLogoWrap",
+  class: "s8p5v5z",
   propsAsIs: !1
-}), ws = () => Y, gs = /* @__PURE__ */ n(ws())({
-  name: "FeedbackDynamicDescription",
-  class: "fyv794i",
-  propsAsIs: !0
-}), Ps = () => Y, Rs = /* @__PURE__ */ n(Ps())({
-  name: "FeedbackResultDescription",
-  class: "f1jkj9vx",
+}), X = () => p, Y = /* @__PURE__ */ s(X())({
+  name: "SponsorLogo",
+  class: "s755yti",
   propsAsIs: !0
-}), pe = /* @__PURE__ */ n("div")({
-  name: "FeedbackText",
-  class: "f1pxh3a6",
-  propsAsIs: !1
-}), Ds = /* @__PURE__ */ n("span")({
-  name: "DynamicWrap",
-  class: "d1afvufn",
-  propsAsIs: !1
-}), qs = /* @__PURE__ */ n("div")({
-  name: "EarlyFeedbackDescription",
-  class: "eq8u24d",
-  propsAsIs: !1
-}), Ce = ({
-  feedbackMessages: s,
-  questionVotedCorrectly: t,
-  questionVoted: r,
-  questionType: l,
-  hasCorrectAnswer: o,
-  showExpiredNotification: p,
-  showClosedNotificationTrivia: h,
-  votedInCurrentRender: f,
-  votedAfterQuestionClosed: P,
-  voteErrorMessage: I,
-  enteredAnActiveQuestion: a,
-  marketClosed: R,
-  percentsAnimated: E,
-  votedAnswer: y,
-  isEarlyPrediction: m,
-  correctAnswer: q,
-  onAnimationEnd: x
-}) => {
-  const g = r && (l === i.TRIVIA || l === i.PREDICTION), T = l === i.PREDICTION && !o, N = R && l === i.PREDICTION && !r || l === i.PREDICTION && P && f && a, k = g && T, S = g && o, D = l === i.PREDICTION && r && f && o, O = r && l === i.POLL && f, v = t ? "correct" : "incorrect", V = t ? s == null ? void 0 : s.correctFeedback : s == null ? void 0 : s.incorrectFeedback;
-  return p || h || k || S || N || O || D || I ? /* @__PURE__ */ e(
-    fs,
-    {
-      enabled: f,
-      animate: !I && p ? !0 : E,
-      onAnimationEnd: x,
-      children: /* @__PURE__ */ d(Cs, { "data-prediction": T, children: [
-        I && !N && /* @__PURE__ */ d(B, { children: [
-          !m && /* @__PURE__ */ e(fe, { name: "questionExpired" }),
-          /* @__PURE__ */ e(Y, { children: I })
-        ] }),
-        !I && p && /* @__PURE__ */ d(B, { children: [
-          !m && /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(w, { name: "questionExpired" }) }),
-          /* @__PURE__ */ d("div", { children: [
-            /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(Y, { children: "Question Expired" }) }),
-            /* @__PURE__ */ e(pe, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
-          ] })
-        ] }),
-        !I && h && /* @__PURE__ */ d(B, { className: ue(ye), children: [
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(w, { name: "questionExpired" }) }),
-          /* @__PURE__ */ d("div", { children: [
-            /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(Y, { children: "Question Closed" }) }),
-            /* @__PURE__ */ e(pe, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
-          ] })
-        ] }),
-        N && /* @__PURE__ */ d(B, { children: [
-          !m && /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(w, { name: "questionExpired" }) }),
-          /* @__PURE__ */ d("div", { children: [
-            /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(Y, { children: m ? o ? "The results are already in!" : "Question is Closed" : "Question Closed" }) }),
-            /* @__PURE__ */ e(pe, { children: m ? /* @__PURE__ */ e(qs, { children: o ? `Correct: ${q == null ? void 0 : q.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." })
-          ] })
-        ] }),
-        !I && k && /* @__PURE__ */ d(B, { children: [
-          !m && /* @__PURE__ */ e(fe, { name: "icon-prediction" }),
-          /* @__PURE__ */ d(gs, { children: [
-            "Your pick has been recorded. ",
-            /* @__PURE__ */ e(Ds, { children: "We’ll notify you of the result." })
-          ] })
-        ] }),
-        !I && O && /* @__PURE__ */ d(B, { children: [
-          !m && /* @__PURE__ */ e(Z, { "data-feedback-type": "correct", children: /* @__PURE__ */ e(w, { name: "correct" }) }),
-          /* @__PURE__ */ e(Y, { children: "Thanks for answering. Please stay tuned for the next question." })
-        ] }),
-        !I && (S || D) && /* @__PURE__ */ d(B, { className: ue(h && ye), children: [
-          !m && /* @__PURE__ */ e(Z, { "data-feedback-type": v, children: /* @__PURE__ */ e(w, { name: v }) }),
-          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ d(ie, { children: [
-            m ? /* @__PURE__ */ e(Es, { children: v === "incorrect" ? /* @__PURE__ */ d(z, { children: [
-              /* @__PURE__ */ e("div", { children: "So close!" }),
-              /* @__PURE__ */ e("div", { children: "Better luck next time" })
-            ] }) : /* @__PURE__ */ d(z, { children: [
-              /* @__PURE__ */ e("div", { children: "That’s correct!" }),
-              /* @__PURE__ */ e("div", { children: "You chose wisely." })
-            ] }) }) : /* @__PURE__ */ e($s, { "data-feedback-type": v, children: V == null ? void 0 : V.title }),
-            m ? /* @__PURE__ */ d(bs, { children: [
-              /* @__PURE__ */ d("div", { children: [
-                "Your pick: ",
-                y == null ? void 0 : y.text
-              ] }),
-              /* @__PURE__ */ e("div", { children: v === "incorrect" ? `Correct: ${q == null ? void 0 : q.text}` : "" })
-            ] }) : /* @__PURE__ */ e(Rs, { children: V == null ? void 0 : V.description })
-          ] }) })
-        ] })
-      ] })
-    }
-  ) : null;
-}, xs = /* @__PURE__ */ n("div")({
+}), l2 = /* @__PURE__ */ s("img")({
+  name: "AdSponsorLogo",
+  class: "a1dflj8e",
+  propsAsIs: !1
+}), N2 = ({
+  mastersApp: l,
+  sponsorLogo: e
+}) => l ? /* @__PURE__ */ i(h, {
+  children: /* @__PURE__ */ i(Y, {
+    name: "mastersLogo"
+  })
+}) : e ? /* @__PURE__ */ i(h, {
+  children: /* @__PURE__ */ i(l2, {
+    src: e,
+    alt: "ad-sponsor-logo"
+  })
+}) : /* @__PURE__ */ i(h, {
+  children: /* @__PURE__ */ i("img", {
+    src: K,
+    alt: "stream-layer-logo"
+  })
+}), s2 = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "c1hygj0s",
-  propsAsIs: !1
-}), ks = /* @__PURE__ */ n("div")({
-  name: "Title",
-  class: "t1r84tez",
-  propsAsIs: !1
-}), Os = /* @__PURE__ */ n("div")({
-  name: "Description",
-  class: "d1aj1a7k",
+  class: "cq8qxhy",
   propsAsIs: !1
-}), Ns = /* @__PURE__ */ n("div")({
-  name: "AdditionalDescription",
-  class: "ax09ezs",
+}), i2 = /* @__PURE__ */ s("div")({
+  name: "VideoWrapper",
+  class: "v18kj6dc",
   propsAsIs: !1
-}), Ss = () => w, Vs = /* @__PURE__ */ n(Ss())({
-  name: "Icon",
-  class: "inkrac",
+}), e2 = () => w, C2 = /* @__PURE__ */ s(e2())({
+  name: "FocusableVideo",
+  class: "fv2nwib",
   propsAsIs: !0
-}), js = ({ icon: s, title: t, description: r, additionalDescription: l }) => /* @__PURE__ */ d(xs, { children: [
-  s && /* @__PURE__ */ e(Vs, { name: s }),
-  /* @__PURE__ */ e(ks, { children: t }),
-  /* @__PURE__ */ e(Os, { children: r }),
-  l && /* @__PURE__ */ e(Ns, { children: l })
-] }), Re = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c14ielyq",
-  propsAsIs: !1
-}), Ls = () => Ge, Qs = /* @__PURE__ */ n(Ls())({
-  name: "QuestionScrollContainer",
-  class: "q1tlqx57",
-  propsAsIs: !0
-}), Fs = /* @__PURE__ */ n("div")({
-  name: "TopShadow",
-  class: "t1hq58md",
-  propsAsIs: !1
-}), Ws = /* @__PURE__ */ n("div")({
-  name: "BottomShadow",
-  class: "b1c8nxcx",
-  propsAsIs: !1
-}), Bs = /* @__PURE__ */ n("div")({
-  name: "SponsorLogo",
-  class: "siozuc3",
+}), b = /* @__PURE__ */ s("div")({
+  name: "VideoStatus",
+  class: "v8ptucg",
   propsAsIs: !1
-}), De = /* @__PURE__ */ n("div")({
+}), B = "caip8y5", o2 = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "cpnc44r",
-  propsAsIs: !1
-}), Ys = /* @__PURE__ */ n("div")({
-  name: "Title",
-  class: "tq7p3w0",
-  propsAsIs: !1
-}), zs = /* @__PURE__ */ n("div")({
-  name: "OptionsWrap",
-  class: "o1jlfj9g",
-  propsAsIs: !1
-}), qe = /* @__PURE__ */ n("div")({
-  name: "Options",
-  class: "o84pmnd",
-  propsAsIs: !1
-}), Ms = () => ge, Te = /* @__PURE__ */ n(Ms())({
-  name: "AlertContainer",
-  class: "a1dybjw9",
-  propsAsIs: !0
-}), Us = /* @__PURE__ */ n("div")({
-  name: "EarlyPrediction",
-  class: "e1l05ict",
+  class: "ccgc65e",
   propsAsIs: !1
-}), Ks = () => w, _s = /* @__PURE__ */ n(Ks())({
-  name: "EarlyPredictionIcon",
-  class: "ez9juex",
-  propsAsIs: !0
-}), Hs = () => w, Gs = /* @__PURE__ */ n(Hs())({
-  name: "SponsorIcon",
-  class: "s8p4aob",
-  propsAsIs: !0
-}), Js = /* @__PURE__ */ n("button")({
-  name: "ButtonContainer",
-  class: "b1b6dl8t",
-  propsAsIs: !1
-}), Xs = /* @__PURE__ */ n("div")({
-  name: "ButtonPctWrap",
-  class: "b4iik8i",
-  propsAsIs: !1
-}), Zs = /* @__PURE__ */ n("div")({
-  name: "ButtonPct",
-  class: "b1gq1lnf",
-  propsAsIs: !1
-}), en = /* @__PURE__ */ n("span")({
-  name: "ButtonBody",
-  class: "b1j65z51",
-  propsAsIs: !1
-}), sn = /* @__PURE__ */ n("div")({
-  name: "IconContainer",
-  class: "i19tpfua",
-  propsAsIs: !1
-}), nn = /* @__PURE__ */ n("div")({
-  name: "IconWrap",
-  class: "i1tubmma",
-  propsAsIs: !1
-}), xe = /* @__PURE__ */ n("img")({
-  name: "Icon",
-  class: "i1grrgwj",
-  propsAsIs: !1
-}), tn = () => xe, rn = /* @__PURE__ */ n(tn())({
-  name: "IconDefault",
-  class: "ibemyq8",
-  propsAsIs: !0
-}), on = () => xe, an = /* @__PURE__ */ n(on())({
-  name: "IconCircle",
-  class: "i1dceht",
-  propsAsIs: !0
-}), cn = /* @__PURE__ */ n("span")({
+}), a2 = /* @__PURE__ */ s("h3")({
   name: "Title",
-  class: "t116q4vq",
-  propsAsIs: !1
-}), dn = /* @__PURE__ */ n("span")({
-  name: "Indicators",
-  class: "i17ajcu2",
-  propsAsIs: !1
-}), ln = /* @__PURE__ */ n("div")({
-  name: "PtsWrap",
-  class: "pu9kmlb",
+  class: "t1q3iml2",
   propsAsIs: !1
-}), pn = /* @__PURE__ */ n("span")({
-  name: "Pts",
-  class: "p1j2j0s0",
-  propsAsIs: !1
-}), un = /* @__PURE__ */ n("span")({
-  name: "Percentage",
-  class: "p1mzj1sj",
-  propsAsIs: !1
-}), mn = () => w, hn = /* @__PURE__ */ n(mn())({
-  name: "CheckIcon",
-  class: "cichgz8",
-  propsAsIs: !0
-}), $e = {
-  [J.CENTERED]: (s) => /* @__PURE__ */ e(rn, { "data-testid": "vote-icon", alt: "option-icon", src: s }),
-  [J.TRANSPARENT]: (s) => /* @__PURE__ */ e(sn, { "data-testid": "vote-icon", children: /* @__PURE__ */ e(nn, { style: { backgroundImage: `url(${s})` } }) }),
-  [J.ROUNDED]: (s) => /* @__PURE__ */ e(an, { "data-testid": "vote-icon", alt: "option-icon", src: s }),
-  [J.NONE]: () => null,
-  [J.UNSET]: () => null
-}, In = ({ questionType: s, hasCorrectAnswer: t, correct: r, youVoted: l, questionVoted: o }) => {
-  if (s === i.POLL && l)
-    return "voted";
-  if (s === i.PREDICTION) {
-    if (!t && o)
-      return l ? "voted" : "unset";
-    if (t && o)
-      return l ? r ? "correct" : "incorrect" : "unset";
-    if (l)
-      return "correct";
-  }
-  return s === i.TRIVIA && o && l ? r ? "correct" : "incorrect" : "unset";
-}, vn = ({
-  questionType: s,
-  questionVoted: t,
-  correct: r,
-  hasCorrectAnswer: l,
-  questionStatus: o
-}) => s === i.TRIVIA ? t && r : s === i.PREDICTION ? t && r && l || o === se.RESOLVED && r : !1, An = _e(Js), yn = (s) => {
-  var t;
-  const {
-    // option props
-    id: r,
-    icon: l,
-    text: o,
-    percentageDecimal: p,
-    points: h,
-    // extra props
-    onVote: f,
-    markThatVoted: P,
-    firstOption: I,
-    onPercentsAnimated: a,
-    youSelected: R,
-    youVoted: E,
-    questionVoted: y,
-    imageMode: m,
-    answerTimeExpired: q,
-    questionStatus: x,
-    isLoading: g,
-    questionType: T,
-    correct: N,
-    hasCorrectAnswer: k,
-    marketClosed: S,
-    isEarlyPrediction: D,
-    isAd: O,
-    webos: v
-  } = s, [V, M] = b(0), G = In(s), ne = vn({ questionType: T, questionVoted: y, correct: N, hasCorrectAnswer: k, questionStatus: x }), L = S && T === i.PREDICTION, Q = y || L, re = T === i.PREDICTION && !y && !S && !O, F = y && !R && G !== "incorrect" && !E;
-  return Ue(() => {
-    M(0), requestAnimationFrame(() => {
-      M(p);
-    });
-  }, [p]), /* @__PURE__ */ d(
-    An,
-    {
-      value: r,
-      webos: v,
-      autoFocus: I,
-      "data-selected": R,
-      "data-answer-state": G,
-      disabled: y || g || q || L,
-      "data-is-not-checked": F,
-      "data-a": "intr",
-      onClick: (te) => {
-        P(
-          T === i.PREDICTION ? S : x === se.RESOLVED
-        ), f(te);
-      },
-      "data-is-ad": O,
-      children: [
-        /* @__PURE__ */ e(Xs, { children: /* @__PURE__ */ e(
-          Zs,
-          {
-            "data-answer-state": G,
-            "data-is-not-checked": F,
-            style: { width: `${Q ? V : 0}%` },
-            onTransitionEnd: () => {
-              L || a == null || a();
-            },
-            "data-is-ad": O
-          }
-        ) }),
-        /* @__PURE__ */ d(en, { "data-a": "intr", children: [
-          l && m && ((t = $e[m]) == null ? void 0 : t.call($e, l)),
-          /* @__PURE__ */ e(cn, { "data-a": "intr", children: o }),
-          re && /* @__PURE__ */ d(ln, { children: [
-            h,
-            /* @__PURE__ */ e(pn, { children: "pts" })
-          ] }),
-          Q && /* @__PURE__ */ d(dn, { children: [
-            ne && /* @__PURE__ */ e(hn, { name: D ? "selectedBetPack" : "selected" }),
-            /* @__PURE__ */ e(un, { children: /* @__PURE__ */ e(Ee, { value: p, suffix: "%" }) })
-          ] })
-        ] })
-      ]
-    }
-  );
-}, fn = () => Pe, Cn = /* @__PURE__ */ n(fn())({
-  name: "ShowInContainer",
-  class: "sie6cqo",
-  propsAsIs: !0
-}), Tn = /* @__PURE__ */ n("div")({
-  name: "WinBarContainer",
-  class: "wgizw4u",
+}), t2 = /* @__PURE__ */ s("div")({
+  name: "Description",
+  class: "d1y2pxs8",
+  propsAsIs: !1
+}), n2 = /* @__PURE__ */ s("img")({
+  name: "Image",
+  class: "ig2j4fc",
+  propsAsIs: !1
+}), c2 = /* @__PURE__ */ s("div")({
+  name: "ImageContainer",
+  class: "i3dd6iy",
+  propsAsIs: !1
+}), p2 = ({
+  instantView: l,
+  isDetail: e,
+  notification: C,
+  controlVideo: c,
+  muted: d
+}) => {
+  var t, o;
+  const r = O(null), [m, n] = v(!1), [u, y] = v(void 0), V = (l == null ? void 0 : l.playVideoMuted) === q.ENABLED, E = e && (l == null ? void 0 : l.autoPlayVideo) === L.ENABLED, Z = V && E, g = l == null ? void 0 : l.heading, I = l == null ? void 0 : l.body, H = g || I, [A, D] = v(!0), N = C == null ? void 0 : C.title, x = C == null ? void 0 : C.body;
+  return /* @__PURE__ */ a(s2, { children: [
+    ((t = l == null ? void 0 : l.video) == null ? void 0 : t.url) && /* @__PURE__ */ a(i2, { children: [
+      /* @__PURE__ */ i(
+        C2,
+        {
+          className: B,
+          source: l.video.url,
+          poster: l.video.thumbnailUrl,
+          controlVideo: c,
+          muted: d,
+          autoPlay: e && l.autoPlayVideo === L.ENABLED,
+          ref: r,
+          onPause: () => {
+            n == null || n(!0), D(!1);
+          },
+          onMute: (P) => {
+            y(P);
+          },
+          onPlay: () => {
+            n == null || n(!1);
+          },
+          playMuted: V,
+          hasNotPausedVideo: A,
+          webos: !0
+        }
+      ),
+      m && !A && /* @__PURE__ */ a(b, { children: [
+        /* @__PURE__ */ i(p, { name: "icon-pause" }),
+        "PAUSED"
+      ] }),
+      u && Z && /* @__PURE__ */ a(b, { children: [
+        /* @__PURE__ */ i(p, { name: "iconMute" }),
+        "MUTED"
+      ] })
+    ] }),
+    (l == null ? void 0 : l.image) && !((o = l == null ? void 0 : l.video) != null && o.url) && /* @__PURE__ */ i(
+      c2,
+      {
+        className: B,
+        "data-rounded": l.imageMode === $.ROUNDED,
+        children: /* @__PURE__ */ i(n2, { src: l == null ? void 0 : l.image })
+      }
+    ),
+    /* @__PURE__ */ a(o2, { children: [
+      /* @__PURE__ */ i(a2, { children: e && H ? g : N }),
+      /* @__PURE__ */ i(t2, { children: e && H ? I : x })
+    ] })
+  ] });
+}, d2 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "cgn5uen",
   propsAsIs: !1
-}), $n = /* @__PURE__ */ n("div")({
+}), M = "c1px8nt6", r2 = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "c1l3ucjp",
+  class: "c5et2jt",
   propsAsIs: !1
-}), En = /* @__PURE__ */ n("div")({
+}), m2 = /* @__PURE__ */ s("h3")({
   name: "Title",
-  class: "tx7j799",
-  propsAsIs: !1
-}), bn = () => w, wn = /* @__PURE__ */ n(bn())({
-  name: "WinIcon",
-  class: "w4lwuj0",
-  propsAsIs: !0
-}), gn = /* @__PURE__ */ n("div")({
-  name: "Points",
-  class: "po9i64o",
-  propsAsIs: !1
-}), Pn = /* @__PURE__ */ n("span")({
-  name: "PointsCount",
-  class: "pe5g05h",
+  class: "t1i2kpk2",
   propsAsIs: !1
-}), Rn = /* @__PURE__ */ n("span")({
-  name: "PointsUnits",
-  class: "p1hdtpmb",
-  propsAsIs: !1
-}), Dn = ({
-  title: s,
-  points: t,
-  isPlayingTimer: r,
-  isTimer: l,
-  animatePoints: o,
-  questionType: p,
-  timerDuration: h,
-  votedInCurrentRender: f,
-  percentsAnimated: P,
-  onTimerExpired: I
-}) => /* @__PURE__ */ e(
-  Cn,
-  {
-    enabled: p === i.PREDICTION && f,
-    animate: P,
-    children: /* @__PURE__ */ d(
-      Tn,
-      {
-        style: {
-          justifyContent: p === i.PREDICTION ? "center" : "space-between"
-        },
-        children: [
-          /* @__PURE__ */ d($n, { children: [
-            s && /* @__PURE__ */ e(En, { children: s }),
-            t !== void 0 && p !== i.POLL && /* @__PURE__ */ d(z, { children: [
-              /* @__PURE__ */ e(wn, { name: "icon-trophy" }),
-              /* @__PURE__ */ d(gn, { children: [
-                /* @__PURE__ */ e(Pn, { children: o ? /* @__PURE__ */ e(Ee, { value: t, delay: 0.3 }) : t }),
-                /* @__PURE__ */ e(Rn, { children: "PTS" })
-              ] })
-            ] })
-          ] }),
-          l && p !== i.PREDICTION && /* @__PURE__ */ e(He, { isPlaying: r, onTimerExpired: I, duration: h })
-        ]
-      }
-    )
-  }
-), qn = (s, t) => {
-  switch (s) {
-    case "already_voted":
-      return t === i.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.";
-    default:
-      return "Something went wrong, please try again";
-  }
-}, Un = () => /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ d(De, { children: [
-  /* @__PURE__ */ e(le, { loading: !0, style: { height: "40px", borderRadius: "100px" } }),
-  /* @__PURE__ */ e(le, { loading: !0, style: { height: "24px", margin: "16px 0" } }),
-  /* @__PURE__ */ e(qe, { children: Array.from({ length: 5 }).map((s, t) => /* @__PURE__ */ e(le, { loading: !0, style: { height: "44px" } }, t)) })
-] }) }), Kn = ({
-  openedQuestion: s,
-  isLoading: t,
-  vote: r,
-  close: l,
-  isEarlyPrediction: o,
-  mastersApp: p,
-  webos: h
+}), u2 = /* @__PURE__ */ s("div")({
+  name: "Description",
+  class: "dd3lh3p",
+  propsAsIs: !1
+}), y2 = /* @__PURE__ */ s("img")({
+  name: "Image",
+  class: "i1gfjeu5",
+  propsAsIs: !1
+}), f2 = /* @__PURE__ */ s("div")({
+  name: "ImageContainer",
+  class: "i58y999",
+  propsAsIs: !1
+}), v2 = ({
+  instantView: l,
+  isDetail: e,
+  notification: C,
+  controlVideo: c,
+  muted: d
 }) => {
-  var f, P;
-  const I = s.subject, a = s.type, R = s.status, E = (f = s.options) == null ? void 0 : f.options, y = s.marketClosed, m = s.id, q = ee(), x = ee(), g = p ? !1 : (s == null ? void 0 : s.adUnit) === Ke.STANDART, [T, N] = b(!1), [k, S] = b(!1), [D, O] = b(!0), [v, V] = b(!1), [M, G] = b(!1), [ne, L] = b(""), [Q, re] = b(""), [F, te] = b(!1), [ke, Oe] = b(!1), [me, Ne] = b(!1), { runAnimation: U, finished: he } = os();
-  H(() => {
-    he && l(m);
-  }, [l, he]), H(() => {
-    a === i.PREDICTION ? y && O(!1) : R === se.RESOLVED && O(!1);
-  }, []);
-  const Se = j((u) => {
-    S(u), N(!0);
-  }, []), Ve = j(() => {
-    o && N(!1);
-  }, [o]), oe = ee(!1), Ie = j(() => {
-    x.current && clearTimeout(x.current), x.current = setTimeout(() => {
-      Ne(!0), U({ delay: 5500 });
-    }, 4e3);
-  }, [U]), ve = j(
-    async (u) => {
-      if (!oe.current && (oe.current = !0, m)) {
-        const $ = u.currentTarget.value;
-        L($);
-        try {
-          await r(m, $), g && Ie();
-        } catch (K) {
-          re(qn(K.message, a)), L(""), console.error("Error while voting", K), oe.current = !1;
-        }
-      }
-    },
-    [a, m, L, r, g, Ie]
-  ), je = j(() => {
-    V(!0), U({ delay: 3500 });
-  }, [U]), Le = j(() => {
-    G(!0), U({ delay: 3500 });
-  }, [U]), c = s == null ? void 0 : s.answers.find((u) => u.youVoted === !0), C = _(
-    () => !!(s != null && s.answers.find((u) => u.correct === !0)),
-    [s]
-  ), A = _(
-    () => s == null ? void 0 : s.answers.find((u) => u.correct === !0),
-    [s]
-  );
-  H(() => {
-    c && T && !ke && (q.current = setTimeout(Le, 1e4), Oe(!0));
-  }, [c]), H(() => () => {
-    clearTimeout(q.current), clearTimeout(x.current);
-  }, []);
-  const ae = _(() => s ? s.answers.map((u) => {
-    var $;
-    return {
-      ...u,
-      questionVoted: !!c,
-      youSelected: ne === u.id,
-      isLoading: t,
-      hasCorrectAnswer: C,
-      questionType: s.type,
-      answerTimeExpired: v,
-      questionStatus: R,
-      imageMode: ($ = s.appearance) == null ? void 0 : $.images,
-      onVote: ve
-    };
-  }) : [], [
-    C,
-    v,
-    t,
-    s,
-    c,
-    R,
-    ve,
-    ne
-  ]);
-  H(() => {
-    const u = ae.some(({ percentageDecimal: K }) => K !== 0), $ = c && a === i.PREDICTION;
-    Q && (o || !u || y && $) && te(!0);
-  }, [ae, Q, o, y, a, c]);
-  const Ae = E && (E.case === "trivia" || E.case === "prediction") ? E.value : void 0, W = R === se.RESOLVED && a === i.TRIVIA && !c && !D, ce = a === i.TRIVIA && k, de = _(() => g ? !1 : a === i.PREDICTION ? o ? !1 : !!(c && !C || c && C && A != null && A.youVoted) : !0, [a, c, C, A, o, g]), Qe = _(() => {
-    if (a === i.PREDICTION && c && (!C || C && A != null && A.youVoted))
-      return c.points;
-    if (!(W || v))
-      return c ? c.correct ? c.pointsEarned : 0 : A == null ? void 0 : A.points;
-  }, [v, c, A, W, a, C]), Fe = _(() => a === i.PREDICTION && c ? C ? C && A != null && A.youVoted ? "You won" : "" : "To win" : W || v ? "Time expired" : a === i.POLL ? "Time remaining" : c ? "You won" : "To win", [v, a, c, W, C, A]), We = !de || de && a === i.PREDICTION && T && !F, Be = (a === i.TRIVIA || a === i.PREDICTION) && c && C && (A == null ? void 0 : A.youVoted), Ye = c || W || ce || a === i.TRIVIA && R === se.RESOLVED && D, ze = !o && (v || M) || me, Me = () => {
-    const u = () => a === i.TRIVIA ? c != null && c.correct ? `That's correct!
-You chose wisely.` : `So close!
-Better luck next time.` : a === i.POLL ? `Thanks for answering.
-Please stay tuned for the next question.` : a === i.PREDICTION ? "Stay tuned to see if your prediction was correct." : "", $ = () => a === i.TRIVIA ? `Your Pick: ${A == null ? void 0 : A.text}` : a === i.POLL || a === i.PREDICTION ? `Your Pick: ${c == null ? void 0 : c.text}` : "", K = () => a === i.TRIVIA && (E == null ? void 0 : E.case) === "trivia" ? E == null ? void 0 : E.value.explanation : a === i.PREDICTION ? I : "";
-    return me ? /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(
-      js,
+  var t, o;
+  const r = l == null ? void 0 : l.heading, m = l == null ? void 0 : l.body, n = r || m, u = C == null ? void 0 : C.title, y = C == null ? void 0 : C.body;
+  return /* @__PURE__ */ a(d2, { children: [
+    ((t = l == null ? void 0 : l.video) == null ? void 0 : t.url) && /* @__PURE__ */ i(
+      w,
       {
-        title: u(),
-        description: $(),
-        ...c != null && c.correct || a === i.POLL || a === i.PREDICTION ? { icon: "icon-correct" } : {},
-        ...a === i.TRIVIA || a === i.PREDICTION ? { additionalDescription: K() } : {}
+        className: M,
+        source: l.video.url,
+        poster: l.video.thumbnailUrl,
+        controlVideo: c,
+        muted: d,
+        autoPlay: e && l.autoPlayVideo === L.ENABLED
       }
-    ) }) : !o && (v || M) ? /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(
-      As,
+    ),
+    (l == null ? void 0 : l.image) && !((o = l == null ? void 0 : l.video) != null && o.url) && /* @__PURE__ */ i(
+      f2,
       {
-        icon: "icon-check-circle",
-        title: "More to come...",
-        description: M ? /* @__PURE__ */ d(z, { children: [
-          "Stay tuned for more questions ",
-          /* @__PURE__ */ e("br", {}),
-          " and insights."
-        ] }) : /* @__PURE__ */ d(z, { children: [
-          "Watch for additional enhanced stream ",
-          /* @__PURE__ */ e("br", {}),
-          " interactive experience."
-        ] })
+        className: M,
+        "data-rounded": l.imageMode === $.ROUNDED,
+        children: /* @__PURE__ */ i(y2, { src: l == null ? void 0 : l.image })
       }
-    ) }) : null;
-  };
-  return /* @__PURE__ */ d(Qs, { children: [
-    o && /* @__PURE__ */ e(Fs, {}),
-    /* @__PURE__ */ e(Re, { style: o ? { marginTop: "-40px" } : {}, children: /* @__PURE__ */ d(De, { children: [
-      !o && !g && /* @__PURE__ */ e(
-        Ce,
-        {
-          feedbackMessages: Ae,
-          questionVoted: !!c,
-          questionVotedCorrectly: c == null ? void 0 : c.correct,
-          questionType: a,
-          hasCorrectAnswer: C,
-          showExpiredNotification: W,
-          showClosedNotificationTrivia: ce,
-          votedInCurrentRender: T,
-          votedAfterQuestionClosed: k,
-          enteredAnActiveQuestion: D,
-          marketClosed: y,
-          percentsAnimated: F,
-          voteErrorMessage: Q,
-          votedAnswer: c
-        }
-      ),
-      de && /* @__PURE__ */ e(
-        Dn,
-        {
-          title: Fe,
-          points: Qe,
-          onTimerExpired: je,
-          questionType: s.type,
-          isTimer: !t,
-          isPlayingTimer: !c,
-          animatePoints: Be,
-          timerDuration: Ye ? 0 : Number(((P = s == null ? void 0 : s.appearance) == null ? void 0 : P.autoHideInterval) || "30"),
-          votedInCurrentRender: T,
-          percentsAnimated: F
-        }
-      ),
-      ze ? Me() : /* @__PURE__ */ d(z, { children: [
-        o && /* @__PURE__ */ d(Us, { children: [
-          /* @__PURE__ */ e(_s, { name: "iconEarlyPrediction" }),
-          "EARLY PREDICTION"
-        ] }),
-        /* @__PURE__ */ e(Ys, { style: We ? { marginTop: 0 } : {}, children: I }),
-        o && /* @__PURE__ */ e(
-          Ce,
-          {
-            feedbackMessages: Ae,
-            questionVoted: !!c,
-            questionVotedCorrectly: c == null ? void 0 : c.correct,
-            questionType: a,
-            hasCorrectAnswer: C,
-            showExpiredNotification: W,
-            showClosedNotificationTrivia: ce,
-            votedInCurrentRender: T,
-            votedAfterQuestionClosed: k,
-            enteredAnActiveQuestion: D,
-            marketClosed: y,
-            percentsAnimated: F,
-            voteErrorMessage: Q,
-            isEarlyPrediction: o,
-            correctAnswer: A,
-            votedAnswer: c,
-            onAnimationEnd: Ve
-          }
-        ),
-        /* @__PURE__ */ d(zs, { children: [
-          /* @__PURE__ */ e(qe, { children: ae.sort((u, $) => u.id > $.id ? 1 : -1).map((u, $) => /* @__PURE__ */ e(
-            yn,
-            {
-              ...u,
-              firstOption: $ === 0,
-              markThatVoted: Se,
-              onPercentsAnimated: () => te(!0),
-              votedAfterQuestionClosed: k,
-              enteredAnActiveQuestion: D,
-              marketClosed: y,
-              isEarlyPrediction: o,
-              isAd: g,
-              webos: h
-            },
-            u.id
-          )) }),
-          o && /* @__PURE__ */ d(z, { children: [
-            /* @__PURE__ */ e(Ws, {}),
-            /* @__PURE__ */ e(Bs, { children: /* @__PURE__ */ e(Gs, { name: "mastersLogoWhite" }) })
-          ] })
-        ] })
-      ] })
-    ] }) })
+    ),
+    /* @__PURE__ */ a(r2, { children: [
+      /* @__PURE__ */ i(m2, { children: e && n ? r : u }),
+      /* @__PURE__ */ i(u2, { children: e && n ? m : y })
+    ] })
   ] });
-};
+}, h2 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1euiow",
+  propsAsIs: !1
+}), L2 = /* @__PURE__ */ s("a")({
+  name: "WebLinkBtn",
+  class: "w19zie3h",
+  propsAsIs: !1
+}), V2 = () => p, g2 = /* @__PURE__ */ s(V2())({
+  name: "WebLinkIcon",
+  class: "wyg5v7z",
+  propsAsIs: !0
+}), x2 = ({ instantView: l, ...e }) => /* @__PURE__ */ a(h2, { children: [
+  e.SL - CardWebOs ? /* @__PURE__ */ i(p2, { instantView: l, ...e, isDetail: !0 }) : /* @__PURE__ */ i(v2, { instantView: l, ...e, isDetail: !0 }),
+  (l == null ? void 0 : l.webLink) && /* @__PURE__ */ a(L2, { href: l == null ? void 0 : l.webLink.url, target: "_blank", "data-a": "web-link", children: [
+    l == null ? void 0 : l.webLink.label,
+    /* @__PURE__ */ i(g2, { name: "icon-external-link" })
+  ] })
+] }), I2 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1dcxmvf",
+  propsAsIs: !1
+}), H2 = /* @__PURE__ */ s("blockquote")({
+  name: "Quote",
+  class: "qb4q22c",
+  propsAsIs: !1
+}), P2 = (l) => /* @__PURE__ */ a(I2, { children: [
+  l.title && /* @__PURE__ */ i(H2, { children: l.title }),
+  /* @__PURE__ */ i(j, { ...l, isDetail: !0 })
+] });
 export {
-  Bn as C,
-  os as S,
-  Yn as a,
-  we as b,
-  Ge as c,
-  zn as d,
-  Kn as e,
-  ge as f,
-  Wn as l,
-  Fn as m,
-  be as n,
-  Qn as p,
-  Un as t
+  v2 as O,
+  P2 as a,
+  N2 as d,
+  x2 as u,
+  D2 as y
 };