@streamlayer/react-ui 1.28.2 → 1.29.0

package/lib/app/webos/story.js

@@ -1,29 +1,30 @@
-import { jsx as n } from "react/jsx-runtime";
-import i from "hls.js";
-import { useRef as m, useState as d, useEffect as u } from "react";
-import { StreamLayerProvider as p, useStreamLayer as l, useStreamLayerUI as f } from "@streamlayer/react";
-import { useStreamLayerDebug as y } from "../../utils/debug/index.js";
-import { StreamLayerSDKTv as S } from "./index.js";
-const h = ({ src: r }) => {
-  const e = m(), s = m(), [t, o] = d(r);
-  return u(() => {
+import { jsx as a, jsxs as p, Fragment as f } from "react/jsx-runtime";
+import c from "hls.js";
+import { useRef as m, useState as d, useEffect as i } from "react";
+import { StreamLayerProvider as y, useStreamLayer as l, useStreamLayerUI as S } from "@streamlayer/react";
+import { anonymous as h } from "@streamlayer/sdk-web-anonymous-auth";
+import { useStreamLayerDebug as b } from "../../utils/debug/index.js";
+import { StreamLayerSDKTv as g } from "./index.js";
+const w = ({ src: r }) => {
+  const e = m(), n = m(), [t, o] = d(r);
+  return i(() => {
     o(r);
-  }, [r]), u(() => () => {
-    s.current && clearTimeout(s.current);
-  }, []), u(() => {
+  }, [r]), i(() => () => {
+    n.current && clearTimeout(n.current);
+  }, []), i(() => {
     if (t && t.includes("m3u8"))
-      if (i.isSupported() && e.current) {
-        const a = new i({
+      if (c.isSupported() && e.current) {
+        const s = new c({
           debug: !1
         });
-        a.loadSource(t), a.attachMedia(e.current);
+        s.loadSource(t), s.attachMedia(e.current);
       } else
         o("");
-    e.current && (e.current.volume = 0.1, e.current.play().catch((a) => {
-      var c;
-      console.error(a), (c = e.current) == null || c.play();
+    e.current && (e.current.volume = 0.1, e.current.play().catch((s) => {
+      var u;
+      console.error(s), (u = e.current) == null || u.play();
     }));
-  }, [t]), /* @__PURE__ */ n(
+  }, [t]), /* @__PURE__ */ a(
     "video",
     {
       src: t || "https://storage.googleapis.com/cdn.streamlayer.io/assets/sdk-web/Own%20The%20Game%201080p%20RF18.mp4",
@@ -37,38 +38,48 @@ const h = ({ src: r }) => {
       controls: !0
     }
   );
-}, b = () => {
-  const r = l(), [e, s] = d("");
-  return u(() => r ? r.streamSummary().subscribe((t) => {
-    var o, a;
-    (a = (o = t.data) == null ? void 0 : o.summary) != null && a.stream && s(t.data.summary.stream);
+}, v = () => {
+  const r = l(), [e, n] = d("");
+  return i(() => r ? r.streamSummary().subscribe((t) => {
+    var o, s;
+    (s = (o = t.data) == null ? void 0 : o.summary) != null && s.stream && n(t.data.summary.stream);
   }) : () => {
-  }, [r]), /* @__PURE__ */ n(
-    h,
+  }, [r]), /* @__PURE__ */ a(
+    w,
     {
       src: e || "https://storage.googleapis.com/cdn.streamlayer.io/assets/sdk-web/Own%20The%20Game%201080p%20RF18.mp4"
     }
   );
-}, g = ({ persistent: r }) => {
-  const e = l(), s = f();
-  return e ? /* @__PURE__ */ n(S, { sdk: e, persistent: r, uiState: s, children: /* @__PURE__ */ n(b, {}) }) : null;
-}, T = ({ sdkKey: r, eventId: e, persistent: s, production: t }) => {
-  const o = y({ sdkKey: r, eventId: e, production: t });
-  return /* @__PURE__ */ n(
-    p,
+}, k = ({ sdk: r }) => (i(() => {
+  r.anonymousAuthorization();
+}, [r]), null), L = ({ persistent: r }) => {
+  const e = l(), n = S();
+  return e ? /* @__PURE__ */ p(f, { children: [
+    /* @__PURE__ */ a(k, { sdk: e }),
+    /* @__PURE__ */ a(g, { sdk: e, persistent: r, uiState: n, children: /* @__PURE__ */ a(v, {}) })
+  ] }) : null;
+}, R = /* @__PURE__ */ new Set([h]), P = ({ sdkKey: r, eventId: e, persistent: n, production: t }) => {
+  const o = b({ sdkKey: r, eventId: e, production: t });
+  return /* @__PURE__ */ a(
+    y,
     {
       event: o.event,
       sdkKey: o.sdkKey,
       production: o.env === "production",
+      themeMode: "dark",
+      plugins: R,
       autoEnable: !0,
       withAd: !0,
+      skipOnboarding: !0,
       withAdNotification: !0,
+      friendsTab: "disabled",
+      hideFriends: !0,
       webOS: !0,
-      children: /* @__PURE__ */ n(g, { persistent: s })
+      children: /* @__PURE__ */ a(L, { persistent: n })
     }
   );
 };
 export {
-  h as Player,
-  T as WebOSStory
+  w as Player,
+  P as WebOSStory
 };

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

@@ -1,53 +1,57 @@
-import { jsxs as n, jsx as c, Fragment as P } from "react/jsx-runtime";
-import { withFocusable as H } from "../../useTvButton.js";
-import { PromotionButtonType as r, PromotionType as _ } from "@streamlayer/sdk-web-types";
-import { QRBlock as u, QR as E, QRDescBlock as A, LearnMore as O, QRHint as C, SendToUserButton as a, EnvelopeIcon as x, SendToUserText as Q } from "./styles.js";
-const W = H(a), i = ({ promotion: e, onClose: M }) => {
-  var d, R, h, N, s, B, S, b, I, D, f, L, U;
-  const l = e.buttonType, y = e.coupon, t = (d = e.banner) == null ? void 0 : d.url, T = e.type;
-  return l === r.BASIC ? /* @__PURE__ */ n(u, { children: [
-    t && /* @__PURE__ */ c(E, { value: t }),
-    /* @__PURE__ */ n(A, { children: [
-      /* @__PURE__ */ c(O, { children: "LEARN MORE" }),
-      /* @__PURE__ */ c(C, { children: "SCAN QR CODE WITH YOUR PHONE CAMERA" })
+import { jsxs as t, jsx as c, Fragment as P } from "react/jsx-runtime";
+import { withFocusable as F } from "../../useTvButton.js";
+import { PromotionButtonType as n, PromotionType as _ } from "@streamlayer/sdk-web-types";
+import { QRBlock as u, QR as E, QRDescBlock as A, LearnMore as a, QRHint as O, EnvelopeIcon as x, SendToUserText as H, SendToUserButton as Q } from "./styles.js";
+const C = F(Q), w = ({ promotion: e, onClose: M }) => {
+  var d, R, s, h, N, b, B, S, I, D, f, L, U;
+  const r = e.buttonType, y = e.coupon, l = (d = e.banner) == null ? void 0 : d.url, T = e.type;
+  return r === n.BASIC ? /* @__PURE__ */ t(u, { children: [
+    l && /* @__PURE__ */ c(E, { value: l }),
+    /* @__PURE__ */ t(A, { children: [
+      /* @__PURE__ */ c(a, { children: "LEARN MORE" }),
+      /* @__PURE__ */ c(O, { children: "SCAN QR CODE WITH YOUR PHONE CAMERA" })
     ] })
-  ] }) : l === r.ADD_TO_WALLET ? /* @__PURE__ */ n(u, { children: [
+  ] }) : r === n.ADD_TO_WALLET ? /* @__PURE__ */ t(u, { children: [
     /* @__PURE__ */ c(E, { value: y }),
-    /* @__PURE__ */ n(A, { children: [
-      /* @__PURE__ */ c(O, { style: { fontSize: 18, fontWeight: 400 }, children: "ADD TO APPLE WALLET" }),
-      /* @__PURE__ */ c(C, { style: { fontSize: 17 }, children: "SCAN QR CODE WITH YOUR PHONE CAMERA" })
+    /* @__PURE__ */ t(A, { children: [
+      /* @__PURE__ */ c(a, { style: { fontSize: 18, fontWeight: 400 }, children: "ADD TO APPLE WALLET" }),
+      /* @__PURE__ */ c(O, { style: { fontSize: 17 }, children: "SCAN QR CODE WITH YOUR PHONE CAMERA" })
     ] })
-  ] }) : l === r.SEND_TO_USER && T !== _.INGAME_IAB11_LBAR ? /* @__PURE__ */ n(P, { children: [
-    /* @__PURE__ */ n(
-      a,
+  ] }) : r === n.SEND_TO_USER && T !== _.INGAME_IAB11_LBAR ? /* @__PURE__ */ t(P, { children: [
+    /* @__PURE__ */ t(
+      C,
       {
-        backgroundColor: (h = (R = e == null ? void 0 : e.banner) == null ? void 0 : R.ctaButton) == null ? void 0 : h.color,
-        textColor: (s = (N = e == null ? void 0 : e.banner) == null ? void 0 : N.ctaButton) == null ? void 0 : s.textColor,
+        backgroundColor: (s = (R = e == null ? void 0 : e.banner) == null ? void 0 : R.ctaButton) == null ? void 0 : s.color,
+        textColor: (N = (h = e == null ? void 0 : e.banner) == null ? void 0 : h.ctaButton) == null ? void 0 : N.textColor,
+        autoFocus: !0,
+        webos: !0,
         children: [
           /* @__PURE__ */ c(x, {}),
           "SEND INFO TO ACCOUNT EMAIL"
         ]
       }
     ),
-    /* @__PURE__ */ n(u, { children: [
-      t && /* @__PURE__ */ c(E, { value: t }),
-      /* @__PURE__ */ n(A, { children: [
-        /* @__PURE__ */ c(O, { children: "LEARN MORE" }),
-        /* @__PURE__ */ c(C, { children: "SCAN QR CODE WITH YOUR PHONE CAMERA" })
+    /* @__PURE__ */ t(u, { children: [
+      l && /* @__PURE__ */ c(E, { value: l }),
+      /* @__PURE__ */ t(A, { children: [
+        /* @__PURE__ */ c(a, { children: "LEARN MORE" }),
+        /* @__PURE__ */ c(O, { children: "SCAN QR CODE WITH YOUR PHONE CAMERA" })
       ] })
     ] })
-  ] }) : l === r.SEND_TO_USER && T === _.INGAME_IAB11_LBAR ? /* @__PURE__ */ n(
-    a,
+  ] }) : r === n.SEND_TO_USER && T === _.INGAME_IAB11_LBAR ? /* @__PURE__ */ t(
+    C,
     {
-      backgroundColor: (S = (B = e == null ? void 0 : e.banner) == null ? void 0 : B.ctaButton) == null ? void 0 : S.color,
-      textColor: (I = (b = e == null ? void 0 : e.banner) == null ? void 0 : b.ctaButton) == null ? void 0 : I.textColor,
+      backgroundColor: (B = (b = e == null ? void 0 : e.banner) == null ? void 0 : b.ctaButton) == null ? void 0 : B.color,
+      textColor: (I = (S = e == null ? void 0 : e.banner) == null ? void 0 : S.ctaButton) == null ? void 0 : I.textColor,
+      webos: !0,
+      autoFocus: !0,
       children: [
         /* @__PURE__ */ c(x, {}),
-        /* @__PURE__ */ c(Q, { children: "SEND INFO TO ACCOUNT EMAIL" })
+        /* @__PURE__ */ c(H, { children: "SEND INFO TO ACCOUNT EMAIL" })
       ]
     }
-  ) : l === r.RETURN_TO_VIDEO ? /* @__PURE__ */ c(
-    W,
+  ) : r === n.RETURN_TO_VIDEO ? /* @__PURE__ */ c(
+    C,
     {
       webos: !0,
       autoFocus: !0,
@@ -59,5 +63,5 @@ const W = H(a), i = ({ promotion: e, onClose: M }) => {
   ) : null;
 };
 export {
-  i as PromoAction
+  w as PromoAction
 };

package/lib/app/webos/ui/Sidebar/index.d.ts

@@ -16,6 +16,5 @@ export type OverlayProps = {
     fireEvent: Advertisement['fireEvent'];
     muted?: boolean;
     toggleMute: (flag: boolean) => void;
-    isMuted?: boolean;
 };
 export declare const TVSidebar: React.FC<OverlayProps>;

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

@@ -1,57 +1,56 @@
-import { jsx as d, jsxs as l, Fragment as X } from "react/jsx-runtime";
-import { updateAllLayouts as Y } from "@noriginmedia/norigin-spatial-navigation";
-import { withFocusable as Z } from "../../useTvButton.js";
-import { useRef as k, useState as E, useEffect as h } from "react";
+import { jsx as d, jsxs as l, Fragment as F } from "react/jsx-runtime";
+import { updateAllLayouts as ee } from "@noriginmedia/norigin-spatial-navigation";
+import { withFocusable as oe } from "../../useTvButton.js";
+import { useRef as k, useState as I, useEffect as h } from "react";
 import { eventBus as p } from "@streamlayer/sdk-web-interfaces";
-import { PromotionType as r, AutoPlayVideo as F, PlayVideoMuted as ee } from "@streamlayer/sdk-web-types";
+import { PromotionType as r, AutoPlayVideo as te, PlayVideoMuted as de } from "@streamlayer/sdk-web-types";
 import { SvgIcon as T } from "../../../../ui/icons/index.js";
-import { PromoAction as oe } from "./PromoAction.js";
-import { Container as te, Header as de, BrandBlock as ae, LogoIcon as ne, BrandText as ie, BrandNameContainer as re, BrandName as le, Sponsored as pe, CloseIcon as ce, VideoBlock as se, VideoWrapper as ye, FocusableVideo as me, VideoStatus as W, Title as ue, Description as he, CloseButton as Ae } from "./styles.js";
-const Be = Z(Ae, {
+import { PromoAction as ae } from "./PromoAction.js";
+import { Wrap as ne, Container as ie, Header as re, BrandBlock as le, LogoIcon as pe, BrandText as se, BrandNameContainer as ce, BrandName as ye, Sponsored as me, CloseIcon as ue, VideoBlock as he, VideoWrapper as Ae, FocusableVideo as Be, VideoStatus as O, Title as Ie, Description as be, CloseButton as Me } from "./styles.js";
+const Re = oe(Me, {
   isFocusBoundary: !0
-}), Se = (O) => {
-  var _, V, N, w, S, g, L, P, C, G, D, v, x, U;
+}), Ce = (j) => {
+  var N, _, w, P, S, g, L, C, G, D, x, U, v, W;
   const {
     promotion: e,
-    open: y,
+    open: c,
     togglePause: a,
-    controlVideo: c,
-    promotionId: n,
+    controlVideo: s,
+    promotionId: i,
     onClose: b,
     markAsViewed: A,
-    advertisementPaused: j,
+    advertisementPaused: H,
     isEventFired: o,
     fireEvent: t,
-    muted: $,
-    isMuted: I
-  } = O, H = k(null), B = k(null), [M, q] = E(0), z = e.type === r.INGAME_IAB11_LBAR ? M : M / 2, R = !!((V = (_ = e.banner) == null ? void 0 : _.video) != null && V.url), s = e.autoPlayVideo === F.ENABLED, f = e.playVideoMuted === ee.ENABLED, K = f && s, Q = e.type === r.INGAME_IAB11_LBAR || e.type === r.INGAME_IAB11 || e.type === r.INGAME_IAB11_SIDEBAR;
-  let m = (N = e.banner) == null ? void 0 : N.url;
+    muted: $
+  } = j, q = k(null), B = k(null), [M, z] = I(0), K = e.type === r.INGAME_IAB11_LBAR ? M : M / 2, R = !!((_ = (N = e.banner) == null ? void 0 : N.video) != null && _.url), y = e.autoPlayVideo === te.ENABLED, V = e.playVideoMuted === de.ENABLED, Q = V && y, J = e.type === r.INGAME_IAB11_LBAR || e.type === r.INGAME_IAB11 || e.type === r.INGAME_IAB11_SIDEBAR, [f, X] = I(!0), [Y, Z] = I(void 0);
+  let m = (w = e.banner) == null ? void 0 : w.url;
   return m && !m.startsWith("http") && (m = `https://${m}`), h(() => {
     if (!B.current) return;
-    const i = new ResizeObserver(([u]) => {
-      const J = u.contentRect.width;
-      q(J);
+    const n = new ResizeObserver(([u]) => {
+      const E = u.contentRect.width;
+      z(E);
     });
-    return i.observe(B.current), Y(), () => {
-      i.disconnect();
+    return n.observe(B.current), ee(), () => {
+      n.disconnect();
     };
   }, []), h(() => {
-    a == null || a(R || s), y == null || y();
-  }, [R, s, y, a]), h(() => {
-    n && e.type && A && A();
-  }, [n, e.type, A]), h(() => () => {
-    c == null || c({ muted: !1 });
-  }, [c]), /* @__PURE__ */ d("div", { children: /* @__PURE__ */ l(te, { ref: B, children: [
-    /* @__PURE__ */ l(de, { children: [
-      e.logoMode === 1 && /* @__PURE__ */ l(ae, { children: [
-        /* @__PURE__ */ d(ne, { src: (w = e.sponsor) == null ? void 0 : w.logo, alt: "Logo" }),
-        /* @__PURE__ */ l(ie, { children: [
-          /* @__PURE__ */ d(re, { children: /* @__PURE__ */ d(le, { children: (S = e.sponsor) == null ? void 0 : S.name }) }),
-          /* @__PURE__ */ d(pe, { children: "SPONSORED" })
+    a == null || a(R || y), c == null || c();
+  }, [R, y, c, a]), h(() => {
+    i && e.type && A && A();
+  }, [i, e.type, A]), h(() => () => {
+    s == null || s({ muted: !1 });
+  }, [s]), /* @__PURE__ */ d(ne, { children: /* @__PURE__ */ l(ie, { ref: B, children: [
+    /* @__PURE__ */ l(re, { children: [
+      e.logoMode === 1 && /* @__PURE__ */ l(le, { children: [
+        /* @__PURE__ */ d(pe, { src: (P = e.sponsor) == null ? void 0 : P.logo, alt: "Logo" }),
+        /* @__PURE__ */ l(se, { children: [
+          /* @__PURE__ */ d(ce, { children: /* @__PURE__ */ d(ye, { children: (S = e.sponsor) == null ? void 0 : S.name }) }),
+          /* @__PURE__ */ d(me, { children: "SPONSORED" })
         ] })
       ] }),
       e.logoMode === 2 && e.type === r.INGAME_IAB11_LBAR && /* @__PURE__ */ d("img", { src: (g = e.sponsor) == null ? void 0 : g.logo, alt: "Video paused preview", style: { height: "56px" } }),
-      /* @__PURE__ */ d(Be, { options: { focusKey: "close-ad-button" }, webos: !0, onClick: b, "data-close-btn": "true", children: /* @__PURE__ */ d(ce, {}) })
+      /* @__PURE__ */ d(Re, { options: { focusKey: "close-ad-button" }, webos: !0, onClick: b, "data-close-btn": "true", children: /* @__PURE__ */ d(ue, {}) })
     ] }),
     e.logoMode === 2 && e.type !== r.INGAME_IAB11_LBAR && /* @__PURE__ */ d(
       "img",
@@ -66,60 +65,60 @@ const Be = Z(Ae, {
         }
       }
     ),
-    ((P = e.banner) == null ? void 0 : P.imageUrl) && /* @__PURE__ */ d(se, { style: { height: z }, children: /* @__PURE__ */ d(
+    ((C = e.banner) == null ? void 0 : C.imageUrl) && /* @__PURE__ */ d(he, { style: { height: K }, children: /* @__PURE__ */ d(
       "img",
       {
-        src: (C = e.banner) == null ? void 0 : C.imageUrl,
+        src: (G = e.banner) == null ? void 0 : G.imageUrl,
         alt: "Video paused preview",
         style: { width: "100%", height: "100%", objectFit: "cover" }
       }
     ) }),
-    ((G = e.banner) == null ? void 0 : G.video) && /* @__PURE__ */ l(ye, { children: [
+    ((D = e.banner) == null ? void 0 : D.video) && /* @__PURE__ */ l(Ae, { children: [
       /* @__PURE__ */ d(
-        me,
+        Be,
         {
           source: e.banner.video.url,
-          poster: (v = (D = e.banner) == null ? void 0 : D.video) == null ? void 0 : v.thumbnailUrl,
+          poster: (U = (x = e.banner) == null ? void 0 : x.video) == null ? void 0 : U.thumbnailUrl,
           webos: !0,
-          aspectRatio: Q ? "1/1" : "2/1",
-          ref: H,
+          aspectRatio: J ? "1/1" : "2/1",
+          ref: q,
           onRender: () => {
             o != null && o("video-rendered") || (p.emit("advertisement", {
               action: "videoRendered",
               payload: {
-                id: n,
+                id: i,
                 type: e.type
               }
             }), t == null || t("video-rendered"));
           },
-          onQuartile: (i) => {
-            o != null && o(`video-quartile-${i}`) || (p.emit("advertisement", {
+          onQuartile: (n) => {
+            o != null && o(`video-quartile-${n}`) || (p.emit("advertisement", {
               action: "quartileCompleted",
               payload: {
-                id: n,
+                id: i,
                 type: e.type,
-                quartile: i
+                quartile: n
               }
-            }), t == null || t(`video-quartile-${i}`));
+            }), t == null || t(`video-quartile-${n}`));
           },
-          onMute: (i) => {
-            const u = i ? "muted" : "unmuted";
+          onMute: (n) => {
+            const u = n ? "muted" : "unmuted";
             o != null && o(u) || (p.emit("advertisement", {
-              action: i ? "videoMuted" : "videoUnmuted",
+              action: n ? "videoMuted" : "videoUnmuted",
               payload: {
-                id: n,
+                id: i,
                 type: e.type
               }
-            }), t == null || t(u));
+            }), t == null || t(u)), Z(n);
           },
           onPause: () => {
-            s && (a == null || a(!0));
+            a == null || a(!0), X(!1);
           },
           onReplay: () => {
             o != null && o("replayed") || (p.emit("advertisement", {
               action: "videoReplayed",
               payload: {
-                id: n,
+                id: i,
                 type: e.type
               }
             }), t == null || t("replayed"));
@@ -128,13 +127,13 @@ const Be = Z(Ae, {
             o != null && o("played") || (p.emit("advertisement", {
               action: "videoPlay",
               payload: {
-                id: n,
+                id: i,
                 type: e.type
               }
             }), t == null || t("played")), a == null || a(!1), o != null && o("played") && (o != null && o("ended")) && !(o != null && o("replayed")) && (p.emit("advertisement", {
               action: "videoReplayed",
               payload: {
-                id: n,
+                id: i,
                 type: e.type
               }
             }), t == null || t("replayed"));
@@ -143,34 +142,34 @@ const Be = Z(Ae, {
             o != null && o("ended") || (p.emit("advertisement", {
               action: "videoEnd",
               payload: {
-                id: n,
+                id: i,
                 type: e.type
               }
             }), t == null || t("ended"));
           },
           muted: $,
-          autoPlay: s,
-          playMuted: f,
-          controlVideo: c
+          autoPlay: y,
+          playMuted: V,
+          controlVideo: s,
+          hasNotPausedVideo: f
         }
       ),
-      j && /* @__PURE__ */ l(W, { children: [
+      H && !f && /* @__PURE__ */ l(O, { children: [
         /* @__PURE__ */ d(T, { name: "icon-pause" }),
         "PAUSED"
       ] }),
-      (I || K && I === void 0) && /* @__PURE__ */ l(W, { children: [
+      Y && Q && /* @__PURE__ */ l(O, { children: [
         /* @__PURE__ */ d(T, { name: "iconMute" }),
         "MUTED"
-      ] }),
-      " "
+      ] })
     ] }),
-    e.type !== r.INGAME_IAB11 && e.type !== r.INGAME_IAB11_LBAR && e.type !== r.INGAME_IAB11_SIDEBAR && /* @__PURE__ */ l(X, { children: [
-      /* @__PURE__ */ d(ue, { children: (x = e.banner) == null ? void 0 : x.title }),
-      /* @__PURE__ */ d(he, { children: (U = e.banner) == null ? void 0 : U.body })
+    e.type !== r.INGAME_IAB11 && e.type !== r.INGAME_IAB11_LBAR && e.type !== r.INGAME_IAB11_SIDEBAR && /* @__PURE__ */ l(F, { children: [
+      /* @__PURE__ */ d(Ie, { children: (v = e.banner) == null ? void 0 : v.title }),
+      /* @__PURE__ */ d(be, { children: (W = e.banner) == null ? void 0 : W.body })
     ] }),
-    /* @__PURE__ */ d(oe, { promotion: e, onClose: b })
+    /* @__PURE__ */ d(ae, { promotion: e, onClose: b })
   ] }) });
 };
 export {
-  Se as TVSidebar
+  Ce as TVSidebar
 };

package/lib/app/webos/ui/Sidebar/styles.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+export declare const Wrap: import('@linaria/react').StyledComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Container: import('@linaria/react').StyledComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Header: import('@linaria/react').StyledComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const BrandBlock: import('@linaria/react').StyledComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;