@streamlayer/react 1.24.7 → 1.24.8

package/lib/cjs/notification.js

@@ -52,7 +52,6 @@ require('core-js/modules/web.url-search-params.js');
 require('core-js/modules/web.url-search-params.delete.js');
 require('core-js/modules/web.url-search-params.has.js');
 require('core-js/modules/web.url-search-params.size.js');
-require('@storybook/blocks');
 require('core-js/modules/es.array.find-index.js');
 require('core-js/modules/es.array.reduce.js');
 require('core-js/modules/es.object.entries.js');
@@ -722,7 +721,7 @@ function M$2(e, t, n) {
     r.has(c) && n(o, a, c);
   });
 }
-var B$2 = function B() {
+var B$3 = function B() {
     var t = Array.prototype.slice.call(arguments).filter(Boolean),
       n = {},
       r = [];
@@ -740,7 +739,7 @@ var B$2 = function B() {
     for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && o.push(n[a]);
     return o.push.apply(o, r), o.join(" ");
   },
-  T$1 = B$2;
+  T$1 = B$3;
 function D$4(e) {
   var t = /* @__PURE__ */Object.create(null);
   return function (n) {
@@ -983,10 +982,10 @@ var P$5;
   e.ORGANIZATION = "ORGANIZATION", e.STREAM = "STREAM";
 })(P$5 || (P$5 = {}));
 be$2.BETTING + "", be$2.GAMES + "", be$2.PUBLIC_CHAT + "", be$2.TWITTER + "";
-var L$5;
+var L$4;
 (function (e) {
   e.Ready = "ready", e.Suspended = "suspended";
-})(L$5 || (L$5 = {}));
+})(L$4 || (L$4 = {}));
 
 var r = "ttkj0ah";
 
@@ -1119,7 +1118,7 @@ var a = function a(C) {
       fill: "white"
     }));
   },
-  L$4 = function L(C) {
+  L$3 = function L(C) {
     return /* @__PURE__ */e__namespace.createElement("svg", _objectSpread2({
       width: 48,
       height: 48,
@@ -1360,7 +1359,7 @@ var a = function a(C) {
       strokeLinecap: "round"
     }));
   },
-  y = function y(C) {
+  y$1 = function y(C) {
     return /* @__PURE__ */e__namespace.createElement("svg", _objectSpread2({
       width: 10,
       height: 10,
@@ -1448,7 +1447,7 @@ var a = function a(C) {
       fill: "#107D57"
     }));
   },
-  B$1 = function B(C) {
+  B$2 = function B(C) {
     return /* @__PURE__ */e__namespace.createElement("svg", _objectSpread2({
       width: 35,
       height: 35,
@@ -1484,7 +1483,7 @@ var a = function a(C) {
       fill: "white"
     }))));
   },
-  O$3 = function O(C) {
+  O$2 = function O(C) {
     return /* @__PURE__ */e__namespace.createElement("svg", _objectSpread2({
       width: 12,
       height: 13,
@@ -2766,7 +2765,7 @@ var a = function a(C) {
     "icon-copy": k$2,
     "icon-cross": w$1,
     "icon-close": x$1,
-    "icon-close-btn-white": y,
+    "icon-close-btn-white": y$1,
     "icon-close-btn-gray": Z$2,
     "icon-circle-arrow-right": M$1,
     "icon-chevron": H$4,
@@ -2776,7 +2775,7 @@ var a = function a(C) {
     "icon-check-white": v$1,
     "icon-check-green": g,
     "icon-check-circle": m,
-    "icon-correct": L$4,
+    "icon-correct": L$3,
     "icon-btn-channels": n1,
     "icon-btn-feature-groups": o1,
     "icon-btn-leaderboard": r1,
@@ -2784,7 +2783,7 @@ var a = function a(C) {
     "icon-twitter-verified": Q,
     "icon-trophy-bet-pack": J$3,
     "icon-trivia-transparent": q$2,
-    dashboard: B$1,
+    dashboard: B$2,
     iconMute: S$2,
     iconUnMute: X$2,
     correct: c1,
@@ -2803,13 +2802,13 @@ var a = function a(C) {
     chevronRight: h$2,
     noImageIcon: a1,
     iconArrowRight: f$1,
-    iconEarlyPrediction: O$3,
+    iconEarlyPrediction: O$2,
     iconArrowPrev: p,
     mastersLogoWhite: i1,
     loader: t1,
     fgIcon: s
   },
-  H1 = function H1(_ref) {
+  E1 = function E1(_ref) {
     var C = _ref.name,
       i = _ref.style,
       n = _ref.className,
@@ -6269,7 +6268,7 @@ function Te$2(t, e) {
   };
 }
 var U$1 = (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u" ? e$1.useEffect : e$1.useLayoutEffect,
-  j$3 = function j(_ref6) {
+  H$3 = function H(_ref6) {
     var t = _ref6.isPlaying,
       e = _ref6.duration,
       _ref6$startAt = _ref6.startAt,
@@ -6297,10 +6296,10 @@ var U$1 = (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u"
         var F = u - o.current,
           C = T.current + F;
         o.current = u, T.current = C;
-        var O = R.current + (n === 0 ? C : (C / n | 0) * n),
+        var B = R.current + (n === 0 ? C : (C / n | 0) * n),
           D = R.current + C,
           g = typeof e == "number" && D >= e;
-        l(g ? e : O), g || (_.current = requestAnimationFrame(_m));
+        l(g ? e : B), g || (_.current = requestAnimationFrame(_m));
       },
       I = function I() {
         _.current && cancelAnimationFrame(_.current), c.current && clearTimeout(c.current), o.current = null;
@@ -6330,7 +6329,7 @@ var U$1 = (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u"
       reset: N
     };
   },
-  z$2 = function z(t, e, i) {
+  j$3 = function j(t, e, i) {
     var n = t / 2,
       r = e / 2,
       a = n - r,
@@ -6345,7 +6344,7 @@ var U$1 = (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u"
   G$2 = function G(t, e) {
     return t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0;
   },
-  H$3 = function H(t) {
+  z$2 = function z(t) {
     return {
       position: "relative",
       width: t,
@@ -6415,10 +6414,10 @@ var U$1 = (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u"
       _ = t.onUpdate,
       o = e$1.useRef(),
       c = Math.max(a, E !== null && E !== void 0 ? E : 0),
-      _z = z$2(r, c, R),
-      m = _z.path,
-      I = _z.pathLength,
-      _j = j$3({
+      _j = j$3(r, c, R),
+      m = _j.path,
+      I = _j.pathLength,
+      _H = H$3({
         isPlaying: l,
         duration: e,
         startAt: G$2(e, i),
@@ -6431,16 +6430,16 @@ var U$1 = (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u"
           var F;
           var _ref8 = (F = s(u)) != null ? F : {},
             C = _ref8.shouldRepeat,
-            O = _ref8.delay,
+            B = _ref8.delay,
             D = _ref8.newInitialRemainingTime;
           if (C) return {
             shouldRepeat: C,
-            delay: O,
+            delay: B,
             newStartAt: G$2(e, D)
           };
         } : void 0
       }),
-      N = _j.elapsedTime,
+      N = _H.elapsedTime,
       f = e - N;
     return {
       elapsedTime: N,
@@ -6469,7 +6468,7 @@ var U$1 = (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u"
       _ = _Z.size,
       o = _Z.strokeWidth;
     return e__namespace.default.createElement("div", {
-      style: H$3(_)
+      style: z$2(_)
     }, e__namespace.default.createElement("svg", {
       viewBox: "0 0 ".concat(_, " ").concat(_),
       width: _,
@@ -6536,7 +6535,7 @@ var re$1 = /* @__PURE__ */ne$1("div")({
         height: t,
         width: e
       },
-      children: /* @__PURE__ */jsxRuntime.jsx(H1, {
+      children: /* @__PURE__ */jsxRuntime.jsx(E1, {
         name: "loader"
       })
     });
@@ -6553,7 +6552,7 @@ var me$1 = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   ye$1 = function ye() {
-    return H1;
+    return E1;
   },
   ge$1 = /* @__PURE__ */ne$1(ye$1())({
     name: "Icon",
@@ -6618,7 +6617,7 @@ var me$1 = /* @__PURE__ */ne$1("div")({
     class: "p12ow7zo",
     propsAsIs: false
   }),
-  R$1 = /* @__PURE__ */ne$1("div")({
+  H$2 = /* @__PURE__ */ne$1("div")({
     name: "Control",
     class: "cdpal9o",
     propsAsIs: false
@@ -6667,13 +6666,13 @@ var me$1 = /* @__PURE__ */ne$1("div")({
   Ee$1 = function Ee() {
     return Y$1;
   },
-  L$3 = /* @__PURE__ */ne$1(Ee$1())({
+  B$1 = /* @__PURE__ */ne$1(Ee$1())({
     name: "WebOSIconButtonAnimation",
     class: "wdlqvum",
     propsAsIs: true
   }),
   Ne$1 = function Ne() {
-    return L$3;
+    return B$1;
   },
   Oe$1 = /* @__PURE__ */ne$1(Ne$1())({
     name: "WebOSIconButtonPlay",
@@ -6681,30 +6680,30 @@ var me$1 = /* @__PURE__ */ne$1("div")({
     propsAsIs: true
   }),
   Se$2 = function Se() {
-    return L$3;
+    return B$1;
   },
   We$1 = /* @__PURE__ */ne$1(Se$2())({
     name: "WebOSIconButtonPause",
     class: "w1iylt55",
     propsAsIs: true
   }),
-  Be$1 = function Be() {
-    return L$3;
+  Re$1 = function Re() {
+    return B$1;
   },
-  Re$1 = /* @__PURE__ */ne$1(Be$1())({
+  He$1 = /* @__PURE__ */ne$1(Re$1())({
     name: "WebOSIconButtonMute",
     class: "w8h4h7",
     propsAsIs: true
   }),
   Te$1 = function Te() {
-    return L$3;
+    return B$1;
   },
-  Le$1 = /* @__PURE__ */ne$1(Te$1())({
+  Be$1 = /* @__PURE__ */ne$1(Te$1())({
     name: "WebOSIconButtonUnmute",
     class: "w12l12kt",
     propsAsIs: true
   }),
-  Ue$1 = function Ue(t) {
+  Le$1 = function Le(t) {
     var _iterator = _createForOfIteratorHelper(t),
       _step;
     try {
@@ -6718,17 +6717,17 @@ var me$1 = /* @__PURE__ */ne$1("div")({
       _iterator.f();
     }
   },
-  ee$1 = new IntersectionObserver(Ue$1, {
+  ee$1 = new IntersectionObserver(Le$1, {
     threshold: 0.5
   }),
   F$2 = /* @__PURE__ */new Set(),
-  je$1 = function je(t) {
+  Ue$1 = function Ue(t) {
     ee$1.observe(t), F$2.add(t);
   },
-  ze$1 = function ze(t) {
+  je$1 = function je(t) {
     ee$1.unobserve(t), F$2.delete(t);
   },
-  He$1 = function He() {
+  ze$1 = function ze() {
     var _iterator2 = _createForOfIteratorHelper(F$2),
       _step2;
     try {
@@ -6767,10 +6766,10 @@ var $e$1 = Te$2(he$2),
       c = _ref2.unmute,
       d = _ref2.mute,
       p = _ref2.togglePlaying;
-    return !t && !a && !o ? /* @__PURE__ */jsxRuntime.jsx(R$1, {
-      children: l ? /* @__PURE__ */jsxRuntime.jsx(H1, {
+    return !t && !a && !o ? /* @__PURE__ */jsxRuntime.jsx(H$2, {
+      children: l ? /* @__PURE__ */jsxRuntime.jsx(E1, {
         name: "icon-pause"
-      }) : /* @__PURE__ */jsxRuntime.jsx(H1, {
+      }) : /* @__PURE__ */jsxRuntime.jsx(E1, {
         name: "icon-play"
       })
     }) : o ? /* @__PURE__ */jsxRuntime.jsxs(ve$1, {
@@ -6796,31 +6795,31 @@ var $e$1 = Te$2(he$2),
       y = _ref3.hasNotPausedVideo,
       C = _ref3.hasInteractedWithAudio;
     return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [!t && !(a && o) && /* @__PURE__ */jsxRuntime.jsx(R$1, {
+      children: [!t && !(a && o) && /* @__PURE__ */jsxRuntime.jsx(H$2, {
         "data-control-btn": "true",
         children: l ? y ? null : /* @__PURE__ */jsxRuntime.jsx(Oe$1, {
-          children: /* @__PURE__ */jsxRuntime.jsx(H1, {
+          children: /* @__PURE__ */jsxRuntime.jsx(E1, {
             name: "icon-play"
           })
         }) : i ? /* @__PURE__ */jsxRuntime.jsx(We$1, {
-          children: /* @__PURE__ */jsxRuntime.jsx(H1, {
+          children: /* @__PURE__ */jsxRuntime.jsx(E1, {
             name: "icon-pause"
           })
         }) : /* @__PURE__ */jsxRuntime.jsx(Y$1, {
           "data-control-icon": "true",
-          children: /* @__PURE__ */jsxRuntime.jsx(H1, {
+          children: /* @__PURE__ */jsxRuntime.jsx(E1, {
             name: "icon-play"
           })
         })
-      }), !t && a && o && C && /* @__PURE__ */jsxRuntime.jsx(R$1, {
-        children: p ? /* @__PURE__ */jsxRuntime.jsx(Re$1, {
+      }), !t && a && o && C && /* @__PURE__ */jsxRuntime.jsx(H$2, {
+        children: p ? /* @__PURE__ */jsxRuntime.jsx(He$1, {
           onClick: c,
-          children: /* @__PURE__ */jsxRuntime.jsx(H1, {
+          children: /* @__PURE__ */jsxRuntime.jsx(E1, {
             name: "iconMute"
           })
-        }) : /* @__PURE__ */jsxRuntime.jsx(Le$1, {
+        }) : /* @__PURE__ */jsxRuntime.jsx(Be$1, {
           onClick: d,
-          children: /* @__PURE__ */jsxRuntime.jsx(H1, {
+          children: /* @__PURE__ */jsxRuntime.jsx(E1, {
             name: "iconUnMute"
           })
         })
@@ -6839,7 +6838,7 @@ var $e$1 = Te$2(he$2),
       y = _ref4.onRender,
       C = _ref4.onMute,
       x = _ref4.onMuteClick,
-      U = _ref4.onQuartile,
+      L = _ref4.onQuartile,
       M = _ref4.autoPlay,
       k = _ref4.playMuted,
       te = _ref4.className,
@@ -6848,8 +6847,8 @@ var $e$1 = Te$2(he$2),
       ae = _ref4.hasNotPausedVideo;
     var u = e$1.useRef(null),
       ne = qe$1(u, se),
+      U = e$1.useRef(false),
       j = e$1.useRef(false),
-      z = e$1.useRef(false),
       m = e$1.useRef(/* @__PURE__ */new Set()),
       _I3 = e$1.useState(false),
       _I4 = _slicedToArray(_I3, 2),
@@ -6861,7 +6860,7 @@ var $e$1 = Te$2(he$2),
       O = _I6[1],
       _I7 = e$1.useState(false),
       _I8 = _slicedToArray(_I7, 2),
-      H = _I8[0],
+      z = _I8[0],
       _ = _I8[1],
       _I9 = e$1.useState(true),
       _I0 = _slicedToArray(_I9, 2),
@@ -6904,7 +6903,7 @@ var $e$1 = Te$2(he$2),
         if (r) if (N) r.pause();else {
           var g = u === null || u === void 0 ? void 0 : u.current;
           if (!g) return;
-          He$1(), g.play().catch(function (h) {
+          ze$1(), g.play().catch(function (h) {
             return console.log(h);
           }), S(false);
         }
@@ -6919,13 +6918,13 @@ var $e$1 = Te$2(he$2),
       };
     }, [P]), e$1.useEffect(function () {
       var s = u.current;
-      return s ? (z.current = s.muted, W(s.muted), je$1(s), function () {
-        ze$1(s);
+      return s ? (j.current = s.muted, W(s.muted), Ue$1(s), function () {
+        je$1(s);
       }) : function () {};
     }, []), e$1.useEffect(function () {
       y === null || y === void 0 || y();
     }, [y]), e$1.useEffect(function () {
-      m.current.clear(), j.current = false;
+      m.current.clear(), U.current = false;
     }, [a]), /* @__PURE__ */jsxRuntime.jsxs($e$1, {
       webos: E,
       onClick: M && k ? q ? V : A : X,
@@ -6943,19 +6942,19 @@ var $e$1 = Te$2(he$2),
         src: a,
         autoPlay: M,
         onPlay: function onPlay() {
-          K(true), j.current && (i !== null && i !== void 0 && i(), m.current.clear()), O(true), S(false), c !== null && c !== void 0 && c(), k ? A() : Q();
+          K(true), U.current && (i !== null && i !== void 0 && i(), m.current.clear()), O(true), S(false), c !== null && c !== void 0 && c(), k ? A() : Q();
         },
         onTimeUpdate: function onTimeUpdate(s) {
           var r = s.target.duration,
             g = s.target.currentTime;
           if (r && g) {
             var h = Math.floor(g / r * 100);
-            h >= 25 && h < 50 && !m.current.has(25) ? (U !== null && U !== void 0 && U(25), m.current.add(25)) : h >= 50 && h < 75 && !m.current.has(50) ? (U !== null && U !== void 0 && U(50), m.current.add(50)) : h >= 75 && !m.current.has(75) && (U !== null && U !== void 0 && U(75), m.current.add(75));
+            h >= 25 && h < 50 && !m.current.has(25) ? (L !== null && L !== void 0 && L(25), m.current.add(25)) : h >= 50 && h < 75 && !m.current.has(50) ? (L !== null && L !== void 0 && L(50), m.current.add(50)) : h >= 75 && !m.current.has(75) && (L !== null && L !== void 0 && L(75), m.current.add(75));
           }
         },
         onVolumeChange: function onVolumeChange(s) {
           var r = s.target.muted;
-          z.current !== r && (C !== null && C !== void 0 && C(r), z.current = r, (r !== w || w === void 0) && (r ? P() : Q()));
+          j.current !== r && (C !== null && C !== void 0 && C(r), j.current = r, (r !== w || w === void 0) && (r ? P() : Q()));
         },
         onError: function () {
           var _onError = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(s) {
@@ -7003,7 +7002,7 @@ var $e$1 = Te$2(he$2),
           O(false), d !== null && d !== void 0 && d(), P();
         },
         onEnded: function onEnded() {
-          O(false), j.current = true, re(), p !== null && p !== void 0 && p(), P();
+          O(false), U.current = true, re(), p !== null && p !== void 0 && p(), P();
         },
         style: {
           visibility: J ? "hidden" : "visible"
@@ -7016,7 +7015,7 @@ var $e$1 = Te$2(he$2),
           visibility: J ? "visible" : "hidden"
         }
       }), !E && /* @__PURE__ */jsxRuntime.jsx(De$1, {
-        loading: H,
+        loading: z,
         autoPlay: M,
         played: G,
         playing: N,
@@ -7025,7 +7024,7 @@ var $e$1 = Te$2(he$2),
         mute: A,
         togglePlaying: X
       }), E && /* @__PURE__ */jsxRuntime.jsx(Fe$1, {
-        loading: H,
+        loading: z,
         autoPlay: M,
         playMuted: k,
         playing: N,
@@ -7035,7 +7034,7 @@ var $e$1 = Te$2(he$2),
         isMuted: q,
         hasNotPausedVideo: ae,
         hasInteractedWithAudio: $
-      }), H && /* @__PURE__ */jsxRuntime.jsx(R$1, {
+      }), z && /* @__PURE__ */jsxRuntime.jsx(H$2, {
         children: /* @__PURE__ */jsxRuntime.jsx(ue$1, {})
       })]
     });
@@ -7061,7 +7060,7 @@ var G$1 = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defin
     iconName: "icon-prediction"
   }),
   J$1 = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ee$2.TWEET, "Learn more"), ee$2.FACTOID, "Learn more"), ee$2.POLL, "Answer"), ee$2.TRIVIA, "Answer"), ee$2.PREDICTION, "Answer"), ee$2.PROMOTION, ""), ee$2.UNSET, ""),
-  L$2 = function L(r) {
+  y = function y(r) {
     var n = new Date(r);
     if (!n) return "";
     var c = /* @__PURE__ */new Date(),
@@ -7075,12 +7074,12 @@ var G$1 = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defin
       year: "2-digit"
     }));
   },
-  D$1 = /* @__PURE__ */ne$1("div")({
+  L$2 = /* @__PURE__ */ne$1("div")({
     name: "Container",
     class: "cjq447q",
     propsAsIs: false
   }),
-  H$2 = /* @__PURE__ */ne$1("div")({
+  D$1 = /* @__PURE__ */ne$1("div")({
     name: "ImageContainer",
     class: "i14egogb",
     propsAsIs: false
@@ -7090,10 +7089,10 @@ var G$1 = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defin
     class: "i2g9g4l",
     propsAsIs: false
   }),
-  O$2 = function O() {
-    return H1;
+  O$1 = function O() {
+    return E1;
   },
-  E$2 = /* @__PURE__ */ne$1(O$2())({
+  E$2 = /* @__PURE__ */ne$1(O$1())({
     name: "TwitterIcon",
     class: "t1c454nm",
     propsAsIs: true
@@ -7119,9 +7118,9 @@ var G$1 = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defin
       c = _ref.userName,
       o = _ref.verified,
       p = _ref.createdTweet;
-    var m = p && L$2(p);
-    return /* @__PURE__ */jsxRuntime.jsxs(D$1, {
-      children: [r && /* @__PURE__ */jsxRuntime.jsxs(H$2, {
+    var m = p && y(p);
+    return /* @__PURE__ */jsxRuntime.jsxs(L$2, {
+      children: [r && /* @__PURE__ */jsxRuntime.jsxs(D$1, {
         children: [/* @__PURE__ */jsxRuntime.jsx(S$1, {
           className: "SL_AccountImage",
           src: r
@@ -7131,7 +7130,7 @@ var G$1 = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defin
       }), /* @__PURE__ */jsxRuntime.jsxs(b$1, {
         children: [n && /* @__PURE__ */jsxRuntime.jsxs(x, {
           className: "SL_TweetAccountName",
-          children: [n, " ", o && /* @__PURE__ */jsxRuntime.jsx(H1, {
+          children: [n, " ", o && /* @__PURE__ */jsxRuntime.jsx(E1, {
             name: "icon-twitter-verified"
           })]
         }), c && /* @__PURE__ */jsxRuntime.jsxs(C, {
@@ -7146,7 +7145,7 @@ var G$1 = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defin
     class: "c1kzqw87",
     propsAsIs: false
   }),
-  R = /* @__PURE__ */ne$1("div")({
+  R$1 = /* @__PURE__ */ne$1("div")({
     name: "Details",
     class: "d9r1hf9",
     propsAsIs: false
@@ -7216,7 +7215,7 @@ var G$1 = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defin
         /* VIDEO */)) === null || _e$ === void 0 ? void 0 : _e$.url;
       }, [e]);
     return /* @__PURE__ */jsxRuntime.jsxs(M, {
-      children: [/* @__PURE__ */jsxRuntime.jsxs(R, {
+      children: [/* @__PURE__ */jsxRuntime.jsxs(R$1, {
         children: [/* @__PURE__ */jsxRuntime.jsx(P$2, {
           image: r,
           name: m === null || m === void 0 || (_m$meta2 = m.meta) === null || _m$meta2 === void 0 ? void 0 : _m$meta2.accountName,
@@ -7281,7 +7280,7 @@ var S = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   L$1 = function L() {
-    return H1;
+    return E1;
   },
   i = /* @__PURE__ */ne$1(L$1())({
     name: "QuestionActionIcon",
@@ -7297,7 +7296,7 @@ var S = /* @__PURE__ */ne$1("div")({
     propsAsIs: true
   }),
   N = function N() {
-    return H1;
+    return E1;
   },
   P$1 = /* @__PURE__ */ne$1(N())({
     name: "QuestionTypeIcon",
@@ -7318,7 +7317,7 @@ var S = /* @__PURE__ */ne$1("div")({
   })), Rn$2.DNP, /* @__PURE__ */jsxRuntime.jsx(i, {
     name: "icon-arrow"
   }));
-  var O$1 = function O(_ref) {
+  var R = function R(_ref) {
     var t = _ref.questionTypeData,
       a = _ref.questionType,
       r = _ref.questionStatus;
@@ -7926,7 +7925,7 @@ var w = /* @__PURE__ */ne$1("div")({
         src: n,
         alt: ""
       }), i && /* @__PURE__ */jsxRuntime.jsx(Bs, {
-        children: /* @__PURE__ */jsxRuntime.jsx(H1, {
+        children: /* @__PURE__ */jsxRuntime.jsx(E1, {
           name: "icon-play"
         })
       })]
@@ -7942,7 +7941,7 @@ var w = /* @__PURE__ */ne$1("div")({
     class: "ns1nzpg",
     propsAsIs: false
   }),
-  X = /* @__PURE__ */ne$1("div")({
+  H = /* @__PURE__ */ne$1("div")({
     name: "Body",
     class: "b1j59nzs",
     propsAsIs: false
@@ -7958,7 +7957,7 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   Ys = function Ys() {
-    return H1;
+    return E1;
   },
   _s = /* @__PURE__ */ne$1(Ys())({
     name: "StyledChevronRight",
@@ -7985,7 +7984,7 @@ var w = /* @__PURE__ */ne$1("div")({
     class: "ccvukea",
     propsAsIs: false
   }),
-  Xs = function Xs(_ref2) {
+  Hs = function Hs(_ref2) {
     var _o$meta;
     var n = _ref2.image,
       o = _ref2.tweet,
@@ -8009,12 +8008,12 @@ var w = /* @__PURE__ */ne$1("div")({
       })]
     });
   },
-  Zs = function Zs(_ref3) {
+  Xs = function Xs(_ref3) {
     var n = _ref3.title,
       o = _ref3.questionType,
       i = _ref3.questionTypeData;
-    return /* @__PURE__ */jsxRuntime.jsxs(X, {
-      children: [/* @__PURE__ */jsxRuntime.jsx(O$1, {
+    return /* @__PURE__ */jsxRuntime.jsxs(H, {
+      children: [/* @__PURE__ */jsxRuntime.jsx(R, {
         questionTypeData: i,
         questionType: o,
         questionStatus: Ne$3.UNSET
@@ -8023,10 +8022,10 @@ var w = /* @__PURE__ */ne$1("div")({
       })]
     });
   },
-  Hs = function Hs(_ref4) {
+  Zs = function Zs(_ref4) {
     var n = _ref4.tweet;
-    return n ? /* @__PURE__ */jsxRuntime.jsx(X, {
-      children: /* @__PURE__ */jsxRuntime.jsx(Xs, _objectSpread2(_objectSpread2({}, n), {}, {
+    return n ? /* @__PURE__ */jsxRuntime.jsx(H, {
+      children: /* @__PURE__ */jsxRuntime.jsx(Hs, _objectSpread2(_objectSpread2({}, n), {}, {
         controlVideo: function controlVideo() {}
       }))
     }) : null;
@@ -8065,9 +8064,9 @@ var w = /* @__PURE__ */ne$1("div")({
           src: g,
           fromInsight: true,
           withVideo: !!b
-        }), o === ee$2.TWEET ? /* @__PURE__ */jsxRuntime.jsx(Hs, {
+        }), o === ee$2.TWEET ? /* @__PURE__ */jsxRuntime.jsx(Zs, {
           tweet: r
-        }) : /* @__PURE__ */jsxRuntime.jsx(Zs, {
+        }) : /* @__PURE__ */jsxRuntime.jsx(Xs, {
           questionTypeData: t,
           questionType: o,
           title: c
@@ -8192,7 +8191,7 @@ var w = /* @__PURE__ */ne$1("div")({
       return n ? "0px" : "1rem";
     };
   },
-  Z = /* @__PURE__ */ne$1("div")({
+  X = /* @__PURE__ */ne$1("div")({
     name: "NotificationContent",
     class: "n1p3bk1c",
     propsAsIs: false,
@@ -8206,14 +8205,14 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   $e = function $e() {
-    return H1;
+    return E1;
   },
   ve = /* @__PURE__ */ne$1($e())({
     name: "StyledChevronRight",
     class: "sx1hq4c",
     propsAsIs: true
   }),
-  H = /* @__PURE__ */ne$1("div")({
+  Z = /* @__PURE__ */ne$1("div")({
     name: "NotificationContainer",
     class: "n1fcriet",
     propsAsIs: false
@@ -8298,7 +8297,7 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   Se$1 = function Se() {
-    return H;
+    return Z;
   },
   De = /* @__PURE__ */ne$1(Se$1())({
     name: "NotificationInterstitialContainer",
@@ -8342,7 +8341,7 @@ var w = /* @__PURE__ */ne$1("div")({
       imageMode: r,
       questionType: o,
       webos: t,
-      children: [/* @__PURE__ */jsxRuntime.jsx(O$1, {
+      children: [/* @__PURE__ */jsxRuntime.jsx(R, {
         questionTypeData: i,
         questionType: o,
         questionStatus: Ne$3.UNSET
@@ -8368,7 +8367,7 @@ var w = /* @__PURE__ */ne$1("div")({
       webos: a,
       onClick: i,
       "data-webos": a,
-      children: /* @__PURE__ */jsxRuntime.jsx(Z, {
+      children: /* @__PURE__ */jsxRuntime.jsx(X, {
         withoutPadding: true,
         children: /* @__PURE__ */jsxRuntime.jsx(J, {
           src: o
@@ -8417,7 +8416,7 @@ var w = /* @__PURE__ */ne$1("div")({
       onClick: function onClick() {
         return u(false);
       }
-    }) : /* @__PURE__ */jsxRuntime.jsxs(H, {
+    }) : /* @__PURE__ */jsxRuntime.jsxs(Z, {
       "data-a": "intr",
       className: T$1("SL_InApp", c),
       onClick: function onClick(T) {
@@ -8429,7 +8428,7 @@ var w = /* @__PURE__ */ne$1("div")({
         children: /* @__PURE__ */jsxRuntime.jsx(J, {
           src: a === null || a === void 0 ? void 0 : a.sponsorLogo
         })
-      }), /* @__PURE__ */jsxRuntime.jsxs(Z, {
+      }), /* @__PURE__ */jsxRuntime.jsxs(X, {
         children: [/* @__PURE__ */jsxRuntime.jsxs(Ie$1, {
           children: [!k && /* @__PURE__ */jsxRuntime.jsx(B, {
             src: ms,
@@ -8487,7 +8486,7 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   Qe = function Qe() {
-    return H1;
+    return E1;
   },
   We = /* @__PURE__ */ne$1(Qe())({
     name: "TitleIcon",
@@ -8502,17 +8501,17 @@ var w = /* @__PURE__ */ne$1("div")({
     class: "c1sur0q2",
     propsAsIs: true
   }),
-  Xe = /* @__PURE__ */ne$1("div")({
+  He = /* @__PURE__ */ne$1("div")({
     name: "Body",
     class: "bai9j52",
     propsAsIs: false
   }),
-  Ze$1 = /* @__PURE__ */ne$1("div")({
+  Xe = /* @__PURE__ */ne$1("div")({
     name: "Title",
     class: "t1bnt25p",
     propsAsIs: false
   }),
-  He = /* @__PURE__ */ne$1("div")({
+  Ze$1 = /* @__PURE__ */ne$1("div")({
     name: "Description",
     class: "dmixjec",
     propsAsIs: false
@@ -8540,12 +8539,12 @@ var w = /* @__PURE__ */ne$1("div")({
           className: "on-dark",
           src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"
         })]
-      }), /* @__PURE__ */jsxRuntime.jsxs(Xe, {
-        children: [/* @__PURE__ */jsxRuntime.jsxs(Ze$1, {
+      }), /* @__PURE__ */jsxRuntime.jsxs(He, {
+        children: [/* @__PURE__ */jsxRuntime.jsxs(Xe, {
           children: [/* @__PURE__ */jsxRuntime.jsx(We, {
             name: "icon-trophy-solid"
           }), i === null || i === void 0 || (_i$titleCard = i.titleCard) === null || _i$titleCard === void 0 ? void 0 : _i$titleCard.title]
-        }), /* @__PURE__ */jsxRuntime.jsxs(He, {
+        }), /* @__PURE__ */jsxRuntime.jsxs(Ze$1, {
           children: [/* @__PURE__ */jsxRuntime.jsx("span", {
             children: i === null || i === void 0 || (_i$titleCard2 = i.titleCard) === null || _i$titleCard2 === void 0 ? void 0 : _i$titleCard2.subtitle
           }), /* @__PURE__ */jsxRuntime.jsx(Je$1, {
@@ -8566,7 +8565,7 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   nn = function nn() {
-    return H1;
+    return E1;
   },
   on = /* @__PURE__ */ne$1(nn())({
     name: "CheckIcon",
@@ -8574,7 +8573,7 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: true
   }),
   tn = function tn() {
-    return H1;
+    return E1;
   },
   an = /* @__PURE__ */ne$1(tn())({
     name: "PredictionIcon",
@@ -8702,7 +8701,7 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   wn = function wn() {
-    return H1;
+    return E1;
   },
   bn = /* @__PURE__ */ne$1(wn())({
     name: "CheckIcon",
@@ -8752,7 +8751,7 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   qn = function qn() {
-    return H1;
+    return E1;
   },
   os = /* @__PURE__ */ne$1(qn())({
     name: "CorrectIcon",
@@ -8797,7 +8796,7 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   Rn = function Rn() {
-    return H1;
+    return E1;
   },
   jn = /* @__PURE__ */ne$1(Rn())({
     name: "CheckIcon",
@@ -8987,15 +8986,15 @@ var w = /* @__PURE__ */ne$1("div")({
   Gn = function Gn() {
     return L;
   },
-  Xn = /* @__PURE__ */ne$1(Gn())({
+  Hn = /* @__PURE__ */ne$1(Gn())({
     name: "Line2",
     class: "l193yd7v",
     propsAsIs: true
   }),
-  Zn = function Zn() {
+  Xn = function Xn() {
     return L;
   },
-  Hn = /* @__PURE__ */ne$1(Zn())({
+  Zn = /* @__PURE__ */ne$1(Xn())({
     name: "Line3",
     class: "lhbflsp",
     propsAsIs: true
@@ -9004,10 +9003,10 @@ var w = /* @__PURE__ */ne$1("div")({
     return /* @__PURE__ */jsxRuntime.jsxs(Qn, {
       children: [/* @__PURE__ */jsxRuntime.jsx(Kn, {
         children: /* @__PURE__ */jsxRuntime.jsx("div", {})
-      }), /* @__PURE__ */jsxRuntime.jsx(Xn, {
-        children: /* @__PURE__ */jsxRuntime.jsx("div", {})
       }), /* @__PURE__ */jsxRuntime.jsx(Hn, {
         children: /* @__PURE__ */jsxRuntime.jsx("div", {})
+      }), /* @__PURE__ */jsxRuntime.jsx(Zn, {
+        children: /* @__PURE__ */jsxRuntime.jsx("div", {})
       })]
     });
   },
@@ -9017,7 +9016,7 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   eo = function eo() {
-    return H1;
+    return E1;
   },
   no = /* @__PURE__ */ne$1(eo())({
     name: "PredictionIcon",
@@ -9032,7 +9031,7 @@ var w = /* @__PURE__ */ne$1("div")({
     });
   },
   to = function to() {
-    return H1;
+    return E1;
   },
   ao = /* @__PURE__ */ne$1(to())({
     name: "CheckIcon",
@@ -9078,7 +9077,7 @@ var w = /* @__PURE__ */ne$1("div")({
     propsAsIs: false
   }),
   po = function po() {
-    return H1;
+    return E1;
   },
   mo = /* @__PURE__ */ne$1(po())({
     name: "CorrectIcon",