@streamlayer/react-ui 1.28.2 → 1.29.0

package/lib/app/webos/ui/Sidebar/styles.js

@@ -1,4 +1,4 @@
-import { jsx as P } from "react/jsx-runtime";
+import { jsx as w } from "react/jsx-runtime";
 import { styled as f } from "@linaria/react";
 import Q from "react";
 import { VideoPlayer as ne } from "../../../../ui/video-player/index.js";
@@ -47,17 +47,17 @@ var ie = function() {
   return n.PropTypes = n, n;
 };
 U.exports = ie();
-var G = U.exports, K = {
+var G = U.exports, W = {
   L: 1,
   M: 0,
   Q: 3,
   H: 2
-}, W = {
+}, K = {
   MODE_NUMBER: 1,
   MODE_ALPHA_NUM: 2,
   MODE_8BIT_BYTE: 4,
   MODE_KANJI: 8
-}, le = W;
+}, le = K;
 function X(e) {
   this.mode = le.MODE_8BIT_BYTE, this.data = e;
 }
@@ -70,7 +70,7 @@ X.prototype = {
       e.put(this.data.charCodeAt(t), 8);
   }
 };
-var ue = X, x = K;
+var ue = X, x = W;
 function T(e, t) {
   this.totalCount = e, this.dataCount = t;
 }
@@ -379,7 +379,7 @@ k.prototype = {
     return new k(n, 0).mod(e);
   }
 };
-var j = k, g = W, z = j, ve = Y, L = {
+var j = k, g = K, z = j, ve = Y, A = {
   PATTERN000: 0,
   PATTERN001: 1,
   PATTERN010: 2,
@@ -454,21 +454,21 @@ var j = k, g = W, z = j, ve = Y, L = {
   },
   getMask: function(e, t, n) {
     switch (e) {
-      case L.PATTERN000:
+      case A.PATTERN000:
         return (t + n) % 2 == 0;
-      case L.PATTERN001:
+      case A.PATTERN001:
         return t % 2 == 0;
-      case L.PATTERN010:
+      case A.PATTERN010:
         return n % 3 == 0;
-      case L.PATTERN011:
+      case A.PATTERN011:
         return (t + n) % 3 == 0;
-      case L.PATTERN100:
+      case A.PATTERN100:
         return (Math.floor(t / 2) + Math.floor(n / 3)) % 2 == 0;
-      case L.PATTERN101:
+      case A.PATTERN101:
         return t * n % 2 + t * n % 3 == 0;
-      case L.PATTERN110:
+      case A.PATTERN110:
         return (t * n % 2 + t * n % 3) % 2 == 0;
-      case L.PATTERN111:
+      case A.PATTERN111:
         return (t * n % 3 + (t + n) % 2) % 2 == 0;
       default:
         throw new Error("bad maskPattern:" + e);
@@ -548,7 +548,7 @@ var j = k, g = W, z = j, ve = Y, L = {
     var C = Math.abs(100 * u / t / t - 50) / 5;
     return n += C * 10, n;
   }
-}, pe = v, de = ue, J = fe, q = he, A = pe, ge = j;
+}, pe = v, de = ue, J = fe, q = he, L = pe, ge = j;
 function B(e, t) {
   this.typeNumber = e, this.errorCorrectLevel = t, this.modules = null, this.moduleCount = 0, this.dataCache = null, this.dataList = [];
 }
@@ -573,7 +573,7 @@ d.make = function() {
         r += t[a].dataCount;
       for (var a = 0; a < this.dataList.length; a++) {
         var o = this.dataList[a];
-        n.put(o.mode, 4), n.put(o.getLength(), A.getLengthInBits(o.mode, e)), o.write(n);
+        n.put(o.mode, 4), n.put(o.getLength(), L.getLengthInBits(o.mode, e)), o.write(n);
       }
       if (n.getLengthInBits() <= r * 8)
         break;
@@ -600,7 +600,7 @@ d.setupPositionProbePattern = function(e, t) {
 d.getBestMaskPattern = function() {
   for (var e = 0, t = 0, n = 0; n < 8; n++) {
     this.makeImpl(!0, n);
-    var r = A.getLostPoint(this);
+    var r = L.getLostPoint(this);
     (n == 0 || e > r) && (e = r, t = n);
   }
   return t;
@@ -622,7 +622,7 @@ d.setupTimingPattern = function() {
     this.modules[6][t] == null && (this.modules[6][t] = t % 2 == 0);
 };
 d.setupPositionAdjustPattern = function() {
-  for (var e = A.getPatternPosition(this.typeNumber), t = 0; t < e.length; t++)
+  for (var e = L.getPatternPosition(this.typeNumber), t = 0; t < e.length; t++)
     for (var n = 0; n < e.length; n++) {
       var r = e[t], a = e[n];
       if (this.modules[r][a] == null)
@@ -632,7 +632,7 @@ d.setupPositionAdjustPattern = function() {
     }
 };
 d.setupTypeNumber = function(e) {
-  for (var t = A.getBCHTypeNumber(this.typeNumber), n = 0; n < 18; n++) {
+  for (var t = L.getBCHTypeNumber(this.typeNumber), n = 0; n < 18; n++) {
     var r = !e && (t >> n & 1) == 1;
     this.modules[Math.floor(n / 3)][n % 3 + this.moduleCount - 8 - 3] = r;
   }
@@ -642,7 +642,7 @@ d.setupTypeNumber = function(e) {
   }
 };
 d.setupTypeInfo = function(e, t) {
-  for (var n = this.errorCorrectLevel << 3 | t, r = A.getBCHTypeInfo(n), a = 0; a < 15; a++) {
+  for (var n = this.errorCorrectLevel << 3 | t, r = L.getBCHTypeInfo(n), a = 0; a < 15; a++) {
     var o = !e && (r >> a & 1) == 1;
     a < 6 ? this.modules[a][8] = o : a < 8 ? this.modules[a + 1][8] = o : this.modules[this.moduleCount - 15 + a][8] = o;
   }
@@ -659,7 +659,7 @@ d.mapData = function(e, t) {
         if (this.modules[r][i - s] == null) {
           var l = !1;
           o < e.length && (l = (e[o] >>> a & 1) == 1);
-          var h = A.getMask(t, r, i - s);
+          var h = L.getMask(t, r, i - s);
           h && (l = !l), this.modules[r][i - s] = l, a--, a == -1 && (o++, a = 7);
         }
       if (r += n, r < 0 || this.moduleCount <= r) {
@@ -673,7 +673,7 @@ B.PAD1 = 17;
 B.createData = function(e, t, n) {
   for (var r = J.getRSBlocks(e, t), a = new q(), o = 0; o < n.length; o++) {
     var i = n[o];
-    a.put(i.mode, 4), a.put(i.getLength(), A.getLengthInBits(i.mode, e)), i.write(a);
+    a.put(i.mode, 4), a.put(i.getLength(), L.getLengthInBits(i.mode, e)), i.write(a);
   }
   for (var s = 0, o = 0; o < r.length; o++)
     s += r[o].dataCount;
@@ -692,11 +692,11 @@ B.createBytes = function(e, t) {
     for (var u = 0; u < o[s].length; u++)
       o[s][u] = 255 & e.buffer[u + n];
     n += l;
-    var C = A.getErrorCorrectPolynomial(h), I = new ge(o[s], C.getLength() - 1), w = I.mod(C);
+    var C = L.getErrorCorrectPolynomial(h), I = new ge(o[s], C.getLength() - 1), P = I.mod(C);
     i[s] = new Array(C.getLength() - 1);
     for (var u = 0; u < i[s].length; u++) {
-      var y = u + w.getLength() - i[s].length;
-      i[s][u] = y >= 0 ? w.get(y) : 0;
+      var y = u + P.getLength() - i[s].length;
+      i[s][u] = y >= 0 ? P.get(y) : 0;
     }
   }
   for (var D = 0, u = 0; u < t.length; u++)
@@ -767,7 +767,7 @@ var Ee = Object.assign || function(e) {
       Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
   }
   return e;
-}, Le = G, E = M(Le), Ae = K, _e = M(Ae), Re = ce, Pe = M(Re), re = Q, we = M(re), ye = H, De = M(ye);
+}, Ae = G, E = M(Ae), Le = W, _e = M(Le), Re = ce, we = M(Re), re = Q, Pe = M(re), ye = H, De = M(ye);
 function M(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -784,25 +784,25 @@ var Ie = {
   size: E.default.number,
   value: E.default.string.isRequired
 }, S = (0, re.forwardRef)(function(e, t) {
-  var n = e.bgColor, r = n === void 0 ? "#FFFFFF" : n, a = e.fgColor, o = a === void 0 ? "#000000" : a, i = e.level, s = i === void 0 ? "L" : i, l = e.size, h = l === void 0 ? 256 : l, u = e.value, C = be(e, ["bgColor", "fgColor", "level", "size", "value"]), I = new Pe.default(-1, _e.default[s]);
+  var n = e.bgColor, r = n === void 0 ? "#FFFFFF" : n, a = e.fgColor, o = a === void 0 ? "#000000" : a, i = e.level, s = i === void 0 ? "L" : i, l = e.size, h = l === void 0 ? 256 : l, u = e.value, C = be(e, ["bgColor", "fgColor", "level", "size", "value"]), I = new we.default(-1, _e.default[s]);
   I.addData(u), I.make();
-  var w = I.modules;
-  return we.default.createElement(De.default, Ee({}, C, {
+  var P = I.modules;
+  return Pe.default.createElement(De.default, Ee({}, C, {
     bgColor: r,
-    bgD: w.map(function(y, D) {
+    bgD: P.map(function(y, D) {
       return y.map(function(_, b) {
         return _ ? "" : "M " + b + " " + D + " l 1 0 0 1 -1 0 Z";
       }).join(" ");
     }).join(" "),
     fgColor: o,
-    fgD: w.map(function(y, D) {
+    fgD: P.map(function(y, D) {
       return y.map(function(_, b) {
         return _ ? "M " + b + " " + D + " l 1 0 0 1 -1 0 Z" : "";
       }).join(" ");
     }).join(" "),
     ref: t,
     size: h,
-    viewBoxSize: w.length
+    viewBoxSize: P.length
   }));
 });
 N.QRCode = S;
@@ -810,94 +810,98 @@ S.displayName = "QRCode";
 S.propTypes = Ie;
 var Me = N.default = S;
 const Ge = /* @__PURE__ */ f("div")({
+  name: "Wrap",
+  class: "wlxplqv",
+  propsAsIs: !1
+}), We = /* @__PURE__ */ f("div")({
   name: "Container",
-  class: "clxplqv",
+  class: "c18fzrta",
   propsAsIs: !1
 }), Ke = /* @__PURE__ */ f("div")({
   name: "Header",
-  class: "h18fzrta",
+  class: "hxfcca1",
   propsAsIs: !1
-}), We = /* @__PURE__ */ f("div")({
+}), Xe = /* @__PURE__ */ f("div")({
   name: "BrandBlock",
-  class: "bxfcca1",
+  class: "bz4xk2s",
   propsAsIs: !1
-}), Xe = /* @__PURE__ */ f("img")({
+}), Ze = /* @__PURE__ */ f("img")({
   name: "LogoIcon",
-  class: "lz4xk2s",
-  propsAsIs: !1
-}), Ze = /* @__PURE__ */ f("div")({
-  name: "BrandText",
-  class: "b1udizru",
+  class: "l1udizru",
   propsAsIs: !1
 }), Ye = /* @__PURE__ */ f("div")({
-  name: "BrandNameContainer",
+  name: "BrandText",
   class: "b1keaj5j",
   propsAsIs: !1
-}), je = /* @__PURE__ */ f("span")({
-  name: "BrandName",
+}), je = /* @__PURE__ */ f("div")({
+  name: "BrandNameContainer",
   class: "b17io0yd",
   propsAsIs: !1
 }), Je = /* @__PURE__ */ f("span")({
+  name: "BrandName",
+  class: "b4ldrvh",
+  propsAsIs: !1
+}), qe = /* @__PURE__ */ f("span")({
   name: "Sponsored",
-  class: "s4ldrvh",
+  class: "sxfmzcm",
   propsAsIs: !1
-}), qe = (e) => /* @__PURE__ */ P("svg", {
+}), et = (e) => /* @__PURE__ */ w("svg", {
   viewBox: "0 0 24 24",
   fill: "white",
   xmlns: "http://www.w3.org/2000/svg",
   ...e,
-  children: /* @__PURE__ */ P("path", {
+  children: /* @__PURE__ */ w("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6.225 4.811a.75.75 0 0 1 1.06 0L12 9.525l4.715-4.714a.75.75 0 1 1 1.06 1.06L13.06 10.5l4.715 4.715a.75.75 0 0 1-1.06 1.06L12 11.56l-4.715 4.715a.75.75 0 0 1-1.06-1.06L10.94 10.5 6.225 5.785a.75.75 0 0 1 0-1.06z"
   })
-}), et = /* @__PURE__ */ f("button")({
+}), tt = /* @__PURE__ */ f("button")({
   name: "CloseButton",
-  class: "cxfmzcm",
+  class: "caubznb",
   propsAsIs: !1
-}), xe = () => ne, tt = /* @__PURE__ */ f(xe())({
+}), xe = () => ne, rt = /* @__PURE__ */ f(xe())({
   name: "FocusableVideo",
-  class: "faubznb",
+  class: "f1n8ue7o",
   propsAsIs: !0
-}), rt = /* @__PURE__ */ f("div")({
+}), nt = /* @__PURE__ */ f("div")({
   name: "VideoWrapper",
-  class: "v1n8ue7o",
+  class: "vexkm55",
   propsAsIs: !1
 }), Oe = () => ({
   isPlaying: e
-}) => e ? "none" : "block", nt = /* @__PURE__ */ f("button")({
+}) => e ? "none" : "block", at = /* @__PURE__ */ f("button")({
   name: "PlayPauseButton",
-  class: "pexkm55",
+  class: "pilh2qp",
   propsAsIs: !1,
   vars: {
-    "pexkm55-0": [Oe()]
+    "pilh2qp-0": [Oe()]
   }
 }), ke = () => ({
   visible: e
-}) => e ? "flex" : "none", at = /* @__PURE__ */ f("div")({
+}) => e ? "flex" : "none", ot = /* @__PURE__ */ f("div")({
   name: "CenterIndicator",
-  class: "cilh2qp",
+  class: "c1x04fia",
   propsAsIs: !1,
   vars: {
-    "cilh2qp-0": [ke()]
+    "c1x04fia-0": [ke()]
   }
-}), ot = /* @__PURE__ */ f("div")({
+}), st = /* @__PURE__ */ f("div")({
   name: "VideoBlock",
-  class: "v1x04fia",
+  class: "v15di30w",
   propsAsIs: !1
 }), Ne = () => ({
   backgroundColor: e
 }) => e || "#0f6cd4", Se = () => ({
   textColor: e
-}) => e || "#fff", st = /* @__PURE__ */ f("div")({
+}) => e || "#fff", it = /* @__PURE__ */ f("div")({
   name: "SendToUserButton",
-  class: "s15di30w",
+  class: "sui9wi2",
   propsAsIs: !1,
   vars: {
-    "s15di30w-0": [Ne()],
-    "s15di30w-1": [Se()]
+    "sui9wi2-0": [Ne()],
+    "sui9wi2-1": [Se()]
   }
-}), it = () => /* @__PURE__ */ P("svg", {
+}), lt = () => /* @__PURE__ */ w("svg", {
   fill: "white",
   style: {
     fill: "white",
@@ -908,58 +912,58 @@ const Ge = /* @__PURE__ */ f("div")({
   },
   viewBox: "0 0 40 28",
   xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ P("path", {
+  children: /* @__PURE__ */ w("path", {
     d: "M5.57502 27.5H34.9099C37.803 27.5 39.5 25.8713 39.5 22.645V5.355C39.5 2.12878 37.7869 0.5 34.4251 0.5H5.09014C2.19706 0.5 0.5 2.12878 0.5 5.355V22.645C0.5 25.8713 2.21323 27.5 5.57502 27.5ZM5.47805 25.1039C3.87796 25.1039 2.97286 24.2425 2.97286 22.6294V5.33933C2.97286 3.74189 3.87796 2.89618 5.47805 2.89618H34.5058C36.1059 2.89618 37.0272 3.74189 37.0272 5.355V22.645C37.0272 24.2425 36.1059 25.1039 34.5058 25.1039H5.47805ZM19.9919 18.1189C21.0263 18.1189 22.0285 17.7431 22.9496 16.9287L38.1586 3.66359L36.4776 2.01915L21.5435 15.0651C21.0425 15.5035 20.5253 15.7071 19.9919 15.7071C19.4586 15.7071 18.9414 15.5035 18.4403 15.0651L3.50622 2.01915L1.82532 3.66359L17.0342 16.9287C17.9554 17.7431 18.9575 18.1189 19.9919 18.1189ZM3.74866 25.4954L15.224 14.3602L13.5431 12.7315L2.06776 23.851L3.74866 25.4954ZM36.2676 25.5111L37.9484 23.8666L26.4569 12.7315L24.7598 14.3602L36.2676 25.5111Z",
     fill: "white"
   })
-}), lt = /* @__PURE__ */ f("div")({
+}), ut = /* @__PURE__ */ f("div")({
   name: "SendToUserText",
-  class: "sui9wi2",
+  class: "sddh3kx",
   propsAsIs: !1
-}), ut = /* @__PURE__ */ f("div")({
+}), ft = /* @__PURE__ */ f("div")({
   name: "VideoStatus",
-  class: "vddh3kx",
+  class: "v13i81d3",
   propsAsIs: !1
-}), ft = /* @__PURE__ */ f("h2")({
+}), ht = /* @__PURE__ */ f("h2")({
   name: "Title",
-  class: "t13i81d3",
+  class: "t1vr1bii",
   propsAsIs: !1
-}), ht = /* @__PURE__ */ f("p")({
+}), vt = /* @__PURE__ */ f("p")({
   name: "Description",
-  class: "d1vr1bii",
-  propsAsIs: !1
-}), vt = /* @__PURE__ */ f("div")({
-  name: "QRBlock",
-  class: "q1st3522",
+  class: "d1st3522",
   propsAsIs: !1
 }), pt = /* @__PURE__ */ f("div")({
-  name: "QRDescBlock",
+  name: "QRBlock",
   class: "qjnj4vf",
   propsAsIs: !1
 }), dt = /* @__PURE__ */ f("div")({
-  name: "LearnMore",
-  class: "l1bj8s6q",
+  name: "QRDescBlock",
+  class: "q1bj8s6q",
   propsAsIs: !1
 }), gt = /* @__PURE__ */ f("div")({
+  name: "LearnMore",
+  class: "l1nyi744",
+  propsAsIs: !1
+}), ct = /* @__PURE__ */ f("div")({
   name: "QRHint",
-  class: "q1nyi744",
+  class: "q1ri138g",
   propsAsIs: !1
 }), Qe = /* @__PURE__ */ f("div")({
   name: "QRWrapper",
-  class: "q1ri138g",
+  class: "q1asn3je",
   propsAsIs: !1
 }), He = () => Me, $e = /* @__PURE__ */ f(He())({
   name: "StyledQRCode",
-  class: "s1asn3je",
+  class: "sa9pwin",
   propsAsIs: !0
-}), ct = Q.forwardRef(({
+}), mt = Q.forwardRef(({
   value: e,
   size: t = 200,
   fgColor: n = "#0f172a",
   bgColor: r = "#ffffff",
   level: a = "M",
   tabIndex: o = 0
-}, i) => /* @__PURE__ */ P("a", {
+}, i) => /* @__PURE__ */ w("a", {
   ref: i,
   href: e,
   target: "_blank",
@@ -969,8 +973,8 @@ const Ge = /* @__PURE__ */ f("div")({
     borderRadius: 10
   },
   tabIndex: o,
-  children: /* @__PURE__ */ P(Qe, {
-    children: /* @__PURE__ */ P($e, {
+  children: /* @__PURE__ */ w(Qe, {
+    children: /* @__PURE__ */ w($e, {
       value: e,
       size: t,
       fgColor: n,
@@ -981,30 +985,31 @@ const Ge = /* @__PURE__ */ f("div")({
   })
 }));
 export {
-  We as BrandBlock,
-  je as BrandName,
-  Ye as BrandNameContainer,
-  Ze as BrandText,
-  at as CenterIndicator,
-  et as CloseButton,
-  qe as CloseIcon,
-  Ge as Container,
-  ht as Description,
-  it as EnvelopeIcon,
-  tt as FocusableVideo,
+  Xe as BrandBlock,
+  Je as BrandName,
+  je as BrandNameContainer,
+  Ye as BrandText,
+  ot as CenterIndicator,
+  tt as CloseButton,
+  et as CloseIcon,
+  We as Container,
+  vt as Description,
+  lt as EnvelopeIcon,
+  rt as FocusableVideo,
   Ke as Header,
-  dt as LearnMore,
-  Xe as LogoIcon,
-  nt as PlayPauseButton,
-  ct as QR,
-  vt as QRBlock,
-  pt as QRDescBlock,
-  gt as QRHint,
-  st as SendToUserButton,
-  lt as SendToUserText,
-  Je as Sponsored,
-  ft as Title,
-  ot as VideoBlock,
-  ut as VideoStatus,
-  rt as VideoWrapper
+  gt as LearnMore,
+  Ze as LogoIcon,
+  at as PlayPauseButton,
+  mt as QR,
+  pt as QRBlock,
+  dt as QRDescBlock,
+  ct as QRHint,
+  it as SendToUserButton,
+  ut as SendToUserText,
+  qe as Sponsored,
+  ht as Title,
+  st as VideoBlock,
+  ft as VideoStatus,
+  nt as VideoWrapper,
+  Ge as Wrap
 };

package/lib/app/webos/ui/insight/index.js

@@ -1,100 +1,66 @@
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import { useKeyboardNavigation as Q } from "../../../../hooks/useKeyboardNavigation.js";
-import { useRef as T, useState as b, useCallback as A, useEffect as W } from "react";
-import { PlayVideoMuted as z, AutoPlayVideo as v, QuestionImages as G } from "@streamlayer/sdk-web-types";
-import { SvgIcon as D } from "../../../../ui/icons/index.js";
-import { Container as H, VideoWrapper as J, FocusableVideo as X, contentContainerClassName as S, VideoStatus as U, ImageContainer as Y, Image as Z, Content as _, Title as $, Description as n } from "./styles.js";
-const ue = ({
-  instantView: e,
-  isDetail: d,
-  notification: l,
-  controlVideo: k,
-  muted: x
+import { jsxs as l, jsx as d } from "react/jsx-runtime";
+import { useRef as j, useState as c } from "react";
+import { PlayVideoMuted as F, AutoPlayVideo as P, QuestionImages as H } from "@streamlayer/sdk-web-types";
+import { SvgIcon as v } from "../../../../ui/icons/index.js";
+import { Container as O, VideoWrapper as Q, FocusableVideo as W, contentContainerClassName as C, VideoStatus as A, ImageContainer as k, Image as q, Content as s, Title as z, Description as G } from "./styles.js";
+const _ = ({
+  instantView: o,
+  isDetail: u,
+  notification: r,
+  controlVideo: B,
+  muted: D
 }) => {
-  var I, P;
-  const p = T(null), [L, o] = b(!1), [f, M] = b(void 0), [R, N] = b(!1), m = (e == null ? void 0 : e.playVideoMuted) === z.ENABLED, s = d && (e == null ? void 0 : e.autoPlayVideo) === v.ENABLED, F = m && s, E = T(), g = e == null ? void 0 : e.heading, B = e == null ? void 0 : e.body, C = g || B, O = l == null ? void 0 : l.title, j = l == null ? void 0 : l.body, y = A(() => {
-    const r = [];
-    p.current && r.push(p.current);
-    const t = document.querySelector(".webos"), h = t == null ? void 0 : t.querySelector('[data-close-btn="true"]');
-    return h && r.push(h), r;
-  }, []), q = A(
-    (r) => {
-      const t = document.activeElement;
-      if (y().includes(t))
-        switch (r.tagName) {
-          case "BUTTON":
-            r.click();
-            break;
-          case "VIDEO":
-            E.current = setTimeout(() => {
-              const u = r;
-              m && s ? u.muted ? (M(!1), u.muted = !1) : (M(!0), u.muted = !0) : u.paused || u.ended ? (o(!1), N(!0), u.play().then(() => {
-              }).catch((K) => console.warn("⛔ start failed:", K))) : (o(!0), u.pause(), N(!0));
-            }, 0);
-            break;
-        }
-    },
-    [s, m, y]
-  );
-  return W(() => () => {
-    E.current && clearTimeout(E.current);
-  }, []), Q({
-    containerSelector: ".webos",
-    getElements: y,
-    onEscape: () => {
-    },
-    onEnter: q,
-    initialFocusPriority: s ? 0 : 1,
-    enabled: !0,
-    dependencies: [s, m]
-  }), /* @__PURE__ */ a(H, { children: [
-    ((I = e == null ? void 0 : e.video) == null ? void 0 : I.url) && /* @__PURE__ */ a(J, { children: [
-      /* @__PURE__ */ c(
-        X,
+  var E, N;
+  const I = j(null), [b, e] = c(!1), [f, g] = c(void 0), m = (o == null ? void 0 : o.playVideoMuted) === F.ENABLED, T = u && (o == null ? void 0 : o.autoPlayVideo) === P.ENABLED, S = m && T, p = o == null ? void 0 : o.heading, y = o == null ? void 0 : o.body, h = p || y, [M, U] = c(!0), x = r == null ? void 0 : r.title, L = r == null ? void 0 : r.body;
+  return /* @__PURE__ */ l(O, { children: [
+    ((E = o == null ? void 0 : o.video) == null ? void 0 : E.url) && /* @__PURE__ */ l(Q, { children: [
+      /* @__PURE__ */ d(
+        W,
         {
-          className: S,
-          source: e.video.url,
-          poster: e.video.thumbnailUrl,
-          controlVideo: k,
-          muted: x,
-          autoPlay: d && e.autoPlayVideo === v.ENABLED,
-          tabIndex: 0,
-          ref: p,
+          className: C,
+          source: o.video.url,
+          poster: o.video.thumbnailUrl,
+          controlVideo: B,
+          muted: D,
+          autoPlay: u && o.autoPlayVideo === P.ENABLED,
+          ref: I,
           onPause: () => {
-            d && e.autoPlayVideo === v.ENABLED && (o == null || o(!0));
+            e == null || e(!0), U(!1);
+          },
+          onMute: (R) => {
+            g(R);
           },
           onPlay: () => {
-            o == null || o(!1);
+            e == null || e(!1);
           },
           playMuted: m,
-          noControlsButtons: !0,
-          isMutedMediaVideo: f,
+          hasNotPausedVideo: M,
           webos: !0
         }
       ),
-      L && R && /* @__PURE__ */ a(U, { children: [
-        /* @__PURE__ */ c(D, { name: "icon-pause" }),
+      b && !M && /* @__PURE__ */ l(A, { children: [
+        /* @__PURE__ */ d(v, { name: "icon-pause" }),
         "PAUSED"
       ] }),
-      (f || F && f === void 0) && /* @__PURE__ */ a(U, { children: [
-        /* @__PURE__ */ c(D, { name: "iconMute" }),
+      f && S && /* @__PURE__ */ l(A, { children: [
+        /* @__PURE__ */ d(v, { name: "iconMute" }),
         "MUTED"
       ] })
     ] }),
-    (e == null ? void 0 : e.image) && !((P = e == null ? void 0 : e.video) != null && P.url) && /* @__PURE__ */ c(
-      Y,
+    (o == null ? void 0 : o.image) && !((N = o == null ? void 0 : o.video) != null && N.url) && /* @__PURE__ */ d(
+      k,
       {
-        className: S,
-        "data-rounded": e.imageMode === G.ROUNDED,
-        children: /* @__PURE__ */ c(Z, { src: e == null ? void 0 : e.image })
+        className: C,
+        "data-rounded": o.imageMode === H.ROUNDED,
+        children: /* @__PURE__ */ d(q, { src: o == null ? void 0 : o.image })
       }
     ),
-    /* @__PURE__ */ a(_, { children: [
-      /* @__PURE__ */ c($, { children: d && C ? g : O }),
-      /* @__PURE__ */ c(n, { children: d && C ? B : j })
+    /* @__PURE__ */ l(s, { children: [
+      /* @__PURE__ */ d(z, { children: u && h ? p : x }),
+      /* @__PURE__ */ d(G, { children: u && h ? y : L })
     ] })
   ] });
 };
 export {
-  ue as InsightContentTV
+  _ as InsightContentTV
 };