@streamlayer/react 1.23.2 → 1.24.1

package/lib/es/index13.js

@@ -1,321 +1,265 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { s as styled_default, c as cx_default } from "./sl-types.js";
-import { useState, useEffect, useCallback, forwardRef, useRef } from "react";
-import { B as B1 } from "./index6.js";
-import { G, d as d$1, O as O$1 } from "./index14.js";
-import { C as CloseTimerAuto } from "./useStreamLayerApp2.js";
-const g = /* @__PURE__ */ styled_default("div")({
+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",
+  propsAsIs: !1
+}), U = /* @__PURE__ */ l("div")({
+  name: "QuestionTypeWrap",
+  class: "qyktpt0",
+  propsAsIs: !1
+}), F = () => p, Q = /* @__PURE__ */ l(F())({
+  name: "QuestionTypeIcon",
+  class: "q951jdx",
+  propsAsIs: !0
+}), S = /* @__PURE__ */ l("span")({
+  name: "QuestionTypeTitle",
+  class: "qss5f0e",
+  propsAsIs: !1
+}), O = /* @__PURE__ */ l("button")({
   name: "CloseIconWrap",
-  class: "c3v6bv6",
-  propsAsIs: false
-}), h = /* @__PURE__ */ styled_default("div")({
-  name: "TimerWrap",
-  class: "teuhmro",
-  propsAsIs: false
-}), A$1 = () => B1, C$1 = /* @__PURE__ */ styled_default(A$1())({
-  name: "Icon",
-  class: "i17rfxv5",
-  propsAsIs: true
-}), y$1 = ({
-  close: r2,
-  className: a2,
-  timerClassName: m,
-  skipIcon: o2,
-  isPlaying: c2 = true,
-  duration: e2 = 0,
-  autoClose: n2
-}) => {
-  const [p2, i2] = useState(e2 === 0);
-  useEffect(() => {
-    i2(!e2);
-  }, [e2]);
-  const l2 = useCallback(() => {
-    n2 === CloseTimerAuto.ENABLED ? r2 == null || r2() : i2(true);
-  }, [n2, r2]);
-  return p2 ? /* @__PURE__ */ jsxs(g, {
-    "data-a": "intr",
-    onClick: r2,
-    className: a2,
-    style: o2 ? {
-      width: "auto"
-    } : {},
-    children: [o2 && /* @__PURE__ */ jsx("span", {
-      "data-a": "intr",
-      children: "Skip"
-    }), /* @__PURE__ */ jsx(C$1, {
-      "data-a": "intr",
-      name: o2 ? "iconSkip" : "icon-cross"
-    })]
-  }) : /* @__PURE__ */ jsx(h, {
-    children: /* @__PURE__ */ jsx(G, {
-      className: m,
-      isPlaying: c2,
-      duration: e2,
-      onTimerExpired: l2
-    })
-  });
-};
-const i = /* @__PURE__ */ styled_default("div")({
+  class: "c1ao1jtv",
+  propsAsIs: !1
+}), W = () => p, R = /* @__PURE__ */ l(W())({
+  name: "CloseIcon",
+  class: "cvsl7l3",
+  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",
+  propsAsIs: !1
+}), J = () => p, K = /* @__PURE__ */ l(J())({
+  name: "SponsorLogo",
+  class: "s755yti",
+  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")({
   name: "Container",
-  class: "c1bgb86j",
-  propsAsIs: false
-}), A = /* @__PURE__ */ styled_default("video")({
-  name: "Player",
-  class: "p6703cq",
-  propsAsIs: false
-}), b = /* @__PURE__ */ styled_default("img")({
-  name: "Poster",
-  class: "p12ow7zo",
-  propsAsIs: false
-}), B = /* @__PURE__ */ styled_default("div")({
-  name: "Control",
-  class: "cdpal9o",
-  propsAsIs: false
-}), x = "t1xke4ml", y = "h1yzxv57", P = /* @__PURE__ */ styled_default("div")({
-  name: "VideoControls",
-  class: "vxo8xch",
-  propsAsIs: false
-}), n = /* @__PURE__ */ styled_default("button")({
-  name: "ControlBtn",
-  class: "coyuzu0",
-  propsAsIs: false
-}), t = () => n, O = /* @__PURE__ */ styled_default(t())({
-  name: "MuteIcon",
-  class: "musmi9a",
-  propsAsIs: true
-}), e = () => n, S = /* @__PURE__ */ styled_default(e())({
-  name: "PauseIcon",
-  class: "p1qe7rum",
-  propsAsIs: true
-}), c = () => n, W = /* @__PURE__ */ styled_default(c())({
-  name: "PlayIcon",
-  class: "psevery",
-  propsAsIs: true
-}), a = /* @__PURE__ */ styled_default("button")({
-  name: "WebOSIconButton",
-  class: "w1q3u7py",
-  propsAsIs: false
-}), p = () => a, o = /* @__PURE__ */ styled_default(p())({
-  name: "WebOSIconButtonAnimation",
-  class: "wdlqvum",
-  propsAsIs: true
-}), l = () => o, d = /* @__PURE__ */ styled_default(l())({
-  name: "WebOSIconButtonPlay",
-  class: "w1ylz9ea",
-  propsAsIs: true
-}), r = () => o, C = /* @__PURE__ */ styled_default(r())({
-  name: "WebOSIconButtonPause",
-  class: "w1iylt55",
-  propsAsIs: true
-}), u = () => o, f = /* @__PURE__ */ styled_default(u())({
-  name: "WebOSIconButtonMute",
-  class: "w8h4h7",
-  propsAsIs: true
-}), I = () => o, v = /* @__PURE__ */ styled_default(I())({
-  name: "WebOSIconButtonUnmute",
-  class: "w12l12kt",
-  propsAsIs: true
-});
-const It = (r2) => {
-  for (const s of r2)
-    s.isIntersecting ? s.target instanceof HTMLVideoElement && s.target.autoplay && s.target.play() : s.target instanceof HTMLVideoElement && !s.target.paused && s.target.pause();
-}, $ = new IntersectionObserver(It, { threshold: 0.5 }), D = /* @__PURE__ */ new Set(), Bt = (r2) => {
-  $.observe(r2), D.add(r2);
-}, Ot = (r2) => {
-  $.unobserve(r2), D.delete(r2);
-}, wt = () => {
-  for (const r2 of D)
-    r2 instanceof HTMLVideoElement && !r2.paused && r2.pause();
-};
-function yt(...r2) {
-  return useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (s) => {
-      for (const c2 of r2)
-        c2 !== null && (typeof c2 == "function" ? c2(s) : c2 && (c2.current = s));
-    },
-    // Re-run the callback if the array of refs changes
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [...r2]
-  );
-}
-const Lt = O$1(i), Pt = ({ loading: r2, autoPlay: s, played: c2, playing: i2, isMuted: f2, unmute: d2, mute: h2, togglePlaying: l2 }) => !r2 && !s && !c2 ? /* @__PURE__ */ jsx(B, { children: i2 ? /* @__PURE__ */ jsx(B1, { name: "icon-pause" }) : /* @__PURE__ */ jsx(B1, { name: "icon-play" }) }) : c2 ? /* @__PURE__ */ jsxs(P, { children: [
-  i2 ? /* @__PURE__ */ jsx(S, { onClick: l2 }) : /* @__PURE__ */ jsx(W, { onClick: l2 }),
-  /* @__PURE__ */ jsx(O, { className: cx_default(!f2 && "muted"), onClick: f2 ? d2 : h2 })
-] }) : null, Tt = ({
-  loading: r2,
-  autoPlay: s,
-  playMuted: c2,
-  playing: i2,
-  played: f$1,
-  unmute: d$12,
-  mute: h2,
-  isMuted: l2,
-  hasNotPausedVideo: p2,
-  hasInteractedWithAudio: w
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  !r2 && !(s && c2) && /* @__PURE__ */ jsx(B, { "data-control-btn": "true", children: i2 ? p2 ? null : /* @__PURE__ */ jsx(d, { children: /* @__PURE__ */ jsx(B1, { name: "icon-play" }) }) : f$1 ? /* @__PURE__ */ jsx(C, { children: /* @__PURE__ */ jsx(B1, { name: "icon-pause" }) }) : /* @__PURE__ */ jsx(a, { "data-control-icon": "true", children: /* @__PURE__ */ jsx(B1, { name: "icon-play" }) }) }),
-  !r2 && s && c2 && w && /* @__PURE__ */ jsx(B, { children: l2 ? /* @__PURE__ */ jsx(f, { onClick: d$12, children: /* @__PURE__ */ jsx(B1, { name: "iconMute" }) }) : /* @__PURE__ */ jsx(v, { onClick: h2, children: /* @__PURE__ */ jsx(B1, { name: "iconUnMute" }) }) })
-] }), Et = forwardRef(
-  ({
-    poster: r2,
-    source: s,
-    aspectRatio: c2,
-    controlVideo: i2,
-    onReplay: f2,
-    onPlay: d2,
-    onPause: h2,
-    onEnd: l2,
-    onRender: p2,
-    onMute: w,
-    onQuartile: u2,
-    autoPlay: v2,
-    playMuted: S2,
-    className: K,
-    muted: y$12,
-    webos: T,
-    hasNotPausedVideo: V
-  }, R) => {
-    const n2 = useRef(null), Q = yt(n2, R), x$1 = useRef(false), E = useRef(false), m = useRef(/* @__PURE__ */ new Set()), [z, G2] = useState(false), [W2, k] = useState(false), [j, J] = useState(false), [X, H] = useState(true), [A$12, U] = useState(S2), [q, tt] = useState(false);
-    useEffect(() => {
-      s && (U(S2), G2(false));
-    }, [s]);
-    const C2 = useCallback(() => {
-      i2 == null || i2({ muted: false });
-    }, [i2]), Y = useCallback(() => {
-      i2 == null || i2({ muted: true });
-    }, [i2]), I2 = useCallback((t2) => {
-      t2 == null || t2.stopPropagation(), n2.current && (n2.current.muted = true), U(true);
-    }, []), L = useCallback(
-      (t2) => {
-        t2 == null || t2.stopPropagation(), n2.current && (n2.current.muted = false), U(false), q || tt(true);
-      },
-      [q]
-    );
-    useEffect(() => {
-      y$12 !== void 0 && (y$12 ? I2() : L());
-    }, [I2, y$12, L]);
-    const Z = (t2) => {
-      var b2;
-      (b2 = t2.stopPropagation) == null || b2.call(t2);
-      const o2 = n2 == null ? void 0 : n2.current;
-      if (o2)
-        if (W2)
-          o2.pause();
-        else {
-          const a2 = n2 == null ? void 0 : n2.current;
-          if (!a2)
-            return;
-          wt(), a2.play().catch((rt) => console.log(rt)), H(false);
+  class: "cq8qxhy",
+  propsAsIs: !1
+}), s2 = /* @__PURE__ */ l("div")({
+  name: "VideoWrapper",
+  class: "v18kj6dc",
+  propsAsIs: !1
+}), l2 = () => b, e2 = /* @__PURE__ */ l(l2())({
+  name: "FocusableVideo",
+  class: "fv2nwib",
+  propsAsIs: !0
+}), H = /* @__PURE__ */ l("div")({
+  name: "VideoStatus",
+  class: "v8ptucg",
+  propsAsIs: !1
+}), v = "caip8y5", a2 = /* @__PURE__ */ l("div")({
+  name: "Content",
+  class: "ccgc65e",
+  propsAsIs: !1
+}), i2 = /* @__PURE__ */ l("h3")({
+  name: "Title",
+  class: "t1q3iml2",
+  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
+}) => {
+  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
         }
-    }, et = () => {
-      var t2;
-      (t2 = n2 == null ? void 0 : n2.current) == null || t2.load(), H(true);
-    };
-    return useEffect(() => () => {
-      C2();
-    }, [C2]), useEffect(() => {
-      const t2 = n2.current;
-      return t2 ? (E.current = t2.muted, U(t2.muted), Bt(t2), () => {
-        Ot(t2);
-      }) : () => {
-      };
-    }, []), useEffect(() => {
-      p2 == null || p2();
-    }, [p2]), useEffect(() => {
-      m.current.clear(), x$1.current = false;
-    }, [s]), /* @__PURE__ */ jsxs(
-      Lt,
+      ),
+      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"
+      ] })
+    ] }),
+    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")({
+  name: "Container",
+  class: "cgn5uen",
+  propsAsIs: !1
+}), B = "c1px8nt6", n2 = /* @__PURE__ */ l("div")({
+  name: "Content",
+  class: "c5et2jt",
+  propsAsIs: !1
+}), r2 = /* @__PURE__ */ l("h3")({
+  name: "Title",
+  class: "t1i2kpk2",
+  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
+}) => {
+  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,
       {
-        webos: T,
-        onClick: v2 && S2 ? A$12 ? L : I2 : Z,
-        "data-a": "intr",
-        autoFocus: true,
-        options: { focusKey: "video-play-btn" },
-        className: cx_default(W2 && !T && x, v2 && y, K),
-        style: c2 ? { aspectRatio: c2 } : {},
-        children: [
-          /* @__PURE__ */ jsx(
-            A,
-            {
-              ref: Q,
-              src: s,
-              autoPlay: v2,
-              onPlay: () => {
-                G2(true), x$1.current && (f2 == null || f2(), m.current.clear()), k(true), H(false), d2 == null || d2(), S2 ? I2() : Y();
-              },
-              onTimeUpdate: (t2) => {
-                const o2 = t2.target.duration, b2 = t2.target.currentTime;
-                if (o2 && b2) {
-                  const a2 = Math.floor(b2 / o2 * 100);
-                  a2 >= 25 && a2 < 50 && !m.current.has(25) ? (u2 == null || u2(25), m.current.add(25)) : a2 >= 50 && a2 < 75 && !m.current.has(50) ? (u2 == null || u2(50), m.current.add(50)) : a2 >= 75 && !m.current.has(75) && (u2 == null || u2(75), m.current.add(75));
-                }
-              },
-              onVolumeChange: (t2) => {
-                const o2 = t2.target.muted;
-                E.current !== o2 && (w == null || w(o2), E.current = o2, (o2 !== y$12 || y$12 === void 0) && (o2 ? C2() : Y()));
-              },
-              onError: async (t2) => {
-                try {
-                  if (t2.target instanceof HTMLVideoElement) {
-                    J(true);
-                    const b2 = await (await fetch(t2.target.src)).blob(), a2 = URL.createObjectURL(b2);
-                    t2.target.src = a2;
-                  }
-                } catch (o2) {
-                  console.error("video fallback fetch failed", o2), k(true), H(true);
-                } finally {
-                  J(false), C2();
-                }
-              },
-              onPause: () => {
-                k(false), h2 == null || h2(), C2();
-              },
-              onEnded: () => {
-                k(false), x$1.current = true, et(), l2 == null || l2(), C2();
-              },
-              style: { visibility: X ? "hidden" : "visible" },
-              controls: false,
-              playsInline: true
-            }
-          ),
-          /* @__PURE__ */ jsx(b, { src: r2, style: { visibility: X ? "visible" : "hidden" } }),
-          !T && /* @__PURE__ */ jsx(
-            Pt,
-            {
-              loading: j,
-              autoPlay: v2,
-              played: z,
-              playing: W2,
-              isMuted: A$12,
-              unmute: L,
-              mute: I2,
-              togglePlaying: Z
-            }
-          ),
-          T && /* @__PURE__ */ jsx(
-            Tt,
-            {
-              loading: j,
-              autoPlay: v2,
-              playMuted: S2,
-              playing: W2,
-              played: z,
-              unmute: L,
-              mute: I2,
-              isMuted: A$12,
-              hasNotPausedVideo: V,
-              hasInteractedWithAudio: q
-            }
-          ),
-          j && /* @__PURE__ */ jsx(B, { children: /* @__PURE__ */ jsx(d$1, {}) })
-        ]
+        className: B,
+        source: s.video.url,
+        poster: s.video.thumbnailUrl,
+        controlVideo: t,
+        muted: n,
+        autoPlay: a && s.autoPlayVideo === h.ENABLED
       }
-    );
-  }
-);
+    ),
+    s?.image && !s?.video?.url && /* @__PURE__ */ e(
+      m2,
+      {
+        className: B,
+        "data-rounded": s.imageMode === M.ROUNDED,
+        children: /* @__PURE__ */ e(f2, { src: s?.image })
+      }
+    ),
+    /* @__PURE__ */ i(n2, { children: [
+      /* @__PURE__ */ e(r2, { children: a && r ? c : d }),
+      /* @__PURE__ */ e(d2, { children: a && r ? o : f })
+    ] })
+  ] });
+}, 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 {
-  Et as E,
-  wt as w,
-  y$1 as y
+  y2 as D,
+  $2 as O,
+  N2 as a,
+  D2 as d,
+  E2 as f
 };