@streamlayer/react-ui 1.7.1 → 1.8.1

package/lib/app/app/Advertisement/index.d.ts

@@ -1,7 +1,6 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 export declare const AdvertisementUIWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export type StreamLayerSDKAdvertisementProps = {
-    event?: string;
     isMobileScreen?: boolean;
     persistent?: boolean;
     skipTypeCheck?: boolean;

package/lib/app/app/Advertisement/index.js

@@ -1,27 +1,26 @@
-import { jsx as l } from "react/jsx-runtime";
-import { styled as v } from "@linaria/react";
-import { useStore as p } from "@nanostores/react";
-import { useAnalyticsListener as A } from "../../../hooks/analytics.js";
-import { useEffect as y, useRef as g, useMemo as S } from "react";
-import { eventBus as u } from "@streamlayer/sdk-web-interfaces";
-import { FeatureType as b, PromotionType as h } from "@streamlayer/sdk-web-types";
-import { useAppApp as L } from "../useApp.js";
-import { AdvertisementUI as E } from "../../../ui/advertisement/index.js";
-const I = /* @__PURE__ */ v("div")({
+import { jsx as s } from "react/jsx-runtime";
+import { styled as p } from "@linaria/react";
+import { useStore as f } from "@nanostores/react";
+import { useAnalyticsListener as v } from "../../../hooks/analytics.js";
+import { useRef as y } from "react";
+import { eventBus as c } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as A, PromotionType as g } from "@streamlayer/sdk-web-types";
+import { AdvertisementUI as b } from "../../../ui/advertisement/index.js";
+const S = /* @__PURE__ */ p("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), T = (t) => {
-  const e = t.target;
-  if (e instanceof HTMLAnchorElement && e.target === "_blank") {
-    const r = e.getAttribute("data-promo-id") || "", i = e.getAttribute("data-promo-type") || h.UNSET;
-    e.getAttribute("data-analytics") === "button" && u.emit("advertisement", {
+}), h = (n) => {
+  const t = n.target;
+  if (t instanceof HTMLAnchorElement && t.target === "_blank") {
+    const r = t.getAttribute("data-promo-id") || "", i = t.getAttribute("data-promo-type") || g.UNSET;
+    t.getAttribute("data-analytics") === "button" && c.emit("advertisement", {
       action: "buttonSelect",
       payload: {
         advertisementId: r,
         advertisementType: i
       }
-    }), e.getAttribute("data-analytics") === "banner" && u.emit("advertisement", {
+    }), t.getAttribute("data-analytics") === "banner" && c.emit("advertisement", {
       action: "bannerSelect",
       payload: {
         advertisementId: r,
@@ -29,83 +28,72 @@ const I = /* @__PURE__ */ v("div")({
       }
     });
   }
-}, N = ({
-  gamification: t,
-  layoutMode: e,
+}, I = ({
+  gamification: n,
+  layoutMode: t,
   skipTypeCheck: r,
   sidebar: i,
-  banner: n,
-  notification: d,
-  isMobileScreen: f,
-  persistent: a
+  banner: o,
+  notification: m,
+  isMobileScreen: l,
+  persistent: d
 }) => {
-  const s = g(null), m = p(t.advertisement.$list), o = S(
-    () => t.advertisement.getActiveAdvertisement(a),
-    // fire getActiveNotification when notifications were updated
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [m, a]
-  );
-  A(s, {
-    enabled: !!o,
+  const a = y(null), e = f(n.advertisement.$store);
+  v(a, {
+    enabled: !!e.data,
     event: "click",
-    listener: T
+    listener: h
   });
-  const c = !n && !i;
-  return o ? /* @__PURE__ */ l(I, {
-    ref: s,
+  const u = !o && !i;
+  return e.data === void 0 || !d && e.isViewed ? null : /* @__PURE__ */ s(S, {
+    ref: a,
     style: {
-      height: c ? "auto" : "100%"
+      height: u ? "auto" : "100%"
     },
-    className: f ? "mobile-view" : "",
-    children: /* @__PURE__ */ l(E, {
+    className: l ? "mobile-view" : "",
+    children: /* @__PURE__ */ s(b, {
       skipTypeCheck: r,
       sidebar: i,
-      banner: n,
-      advertisement: o,
-      layoutMode: e,
-      isNotification: d
+      banner: o,
+      advertisement: e.data,
+      close: e.close,
+      layoutMode: t,
+      isNotification: m
     })
-  }) : null;
-}, w = ({
-  sdk: t,
-  sidebar: e,
+  });
+}, D = ({
+  sdk: n,
+  sidebar: t,
   banner: r,
   skipTypeCheck: i,
-  event: n,
-  layoutMode: d,
-  isMobileScreen: f,
-  persistent: a,
-  notification: s
+  layoutMode: o,
+  isMobileScreen: m,
+  persistent: l,
+  notification: d
 }) => {
-  const {
-    deactivate: m
-  } = L(t);
-  y(() => {
-    n ? t.createEventSession(n) : m();
-  }, [n, m, t]);
-  const o = p(t.featuresList.getStore());
-  if (e && r)
-    return /* @__PURE__ */ l("div", {
+  const a = f(n.featuresList.getStore());
+  if (t && r)
+    return /* @__PURE__ */ s("div", {
       style: {
         color: "red"
       },
       children: "define either sidebar or banner, not both."
     });
-  if (!o)
+  if (!a)
     return null;
-  const c = t.getFeature(b.GAMES);
-  return c ? /* @__PURE__ */ l(N, {
-    gamification: c,
-    sidebar: e,
+  const e = n.getFeature(A.GAMES);
+  return e ? /* @__PURE__ */ s(I, {
+    gamification: e,
+    sidebar: t,
     banner: r,
-    layoutMode: d,
-    isMobileScreen: f,
-    persistent: a,
-    notification: s,
+    layoutMode: o,
+    isMobileScreen: m,
+    persistent: l,
+    notification: d,
     skipTypeCheck: i
   }) : null;
 };
 export {
-  I as AdvertisementUIWrap,
-  w as StreamLayerSDKAdvertisement
+  S as AdvertisementUIWrap,
+  D as StreamLayerSDKAdvertisement
 };

package/lib/app/app/Insight/index.d.ts

@@ -9,7 +9,6 @@ export declare const QuestionWrap: {
     hideHeader?: boolean;
 }>;
 export type StreamLayerSDKInsightProps = {
-    event?: string;
     hideHeader?: boolean;
     persistent?: boolean;
 };

package/lib/app/app/Insight/index.js

@@ -1,69 +1,53 @@
-import { jsx as i } from "react/jsx-runtime";
-import { styled as d } from "@linaria/react";
-import { useStore as S } from "@nanostores/react";
-import { useEffect as l, useRef as Q } from "react";
-import { FeatureType as h, QuestionStatus as w } from "@streamlayer/sdk-web-types";
-import { Question as y } from "../Features/Gamification/Question.js";
-import { useAppApp as A } from "../useApp.js";
-import { ShowIn as V } from "../../../ui/show-in/index.js";
-const v = () => y, x = /* @__PURE__ */ d(v())({
+import { jsx as c } from "react/jsx-runtime";
+import { styled as Q } from "@linaria/react";
+import { useStore as d } from "@nanostores/react";
+import { useRef as i, useEffect as l } from "react";
+import { FeatureType as m } from "@streamlayer/sdk-web-types";
+import { Question as S } from "../Features/Gamification/Question.js";
+const y = () => S, I = /* @__PURE__ */ Q(y())({
   name: "QuestionWrap",
   class: "q10hhsxv",
   propsAsIs: !0
-}), E = ({
+}), b = ({
   gamification: e,
-  persistent: t,
-  hideHeader: f,
+  persistent: o,
+  hideHeader: p,
   insightId: r
 }) => {
-  const s = Q(""), n = S(e.openedQuestion.$store);
-  return l(() => r ? (!t || e.isOpenedQuestion(r) || (s.current = r, e.getFeedItem(r).then((o) => {
-    s.current === r && e.openQuestion(r, o);
+  const t = i(""), n = d(e.openedQuestion.$store);
+  return l(() => r ? (!o || e.isOpenedQuestion(r) || (t.current = r, e.getFeedItem(r).then((u) => {
+    var f;
+    t.current === r && ((f = u == null ? void 0 : u.attributes) == null ? void 0 : f.attributes.case) === "insight" && e.openQuestion(r, u);
   })), () => {
-    s.current = "";
-  }) : e.feedList.getStore().subscribe(({
-    data: u
+    t.current = "";
+  }) : (e.activeQuestionId.subscribe(({
+    data: s
   }) => {
-    if (u) {
-      const o = u, p = o == null ? void 0 : o.find(({
-        type: m,
-        attributes: c
-      }) => m === "insight" && (c == null ? void 0 : c.status) === w.ACTIVE);
-      p && (!t || e.isOpenedQuestion(p.id) || e.openQuestion(p.id, p));
-    }
-  }), [e, t, r]), n ? /* @__PURE__ */ i(V, {
-    style: {
-      height: "100%"
-    },
-    children: /* @__PURE__ */ i(x, {
-      hideHeader: f,
-      gamification: e,
-      hideSponsor: !0
-    })
+    var u;
+    s && ((u = s.feedItem) == null ? void 0 : u.type) === "insight" && (!o || e.isOpenedQuestion(s.feedItem.id) || (t.current = s.feedItem.id, e.openQuestion(s.feedItem.id, s.feedItem))), !s && t.current && (e.closeQuestion(t.current), t.current = "");
+  }), () => {
+  }), [e, o, r]), n ? /* @__PURE__ */ c(I, {
+    hideHeader: p,
+    gamification: e,
+    hideSponsor: !0
   }) : null;
-}, j = ({
+}, h = ({
   sdk: e,
-  event: t,
-  persistent: f,
-  insightId: r,
-  hideHeader: s
+  persistent: o,
+  insightId: p,
+  hideHeader: r
 }) => {
-  const {
-    deactivate: n
-  } = A(e);
-  if (l(() => {
-    t ? e.createEventSession(t) : n();
-  }, [t, n, e]), !S(e.featuresList.getStore()))
+  if (!d(e.featuresList.getStore()))
     return null;
-  const o = e.getFeature(h.GAMES);
-  return o ? /* @__PURE__ */ i(E, {
-    insightId: r,
-    persistent: f,
-    hideHeader: s,
-    gamification: o
+  const n = e.getFeature(m.GAMES);
+  return n ? /* @__PURE__ */ c(b, {
+    insightId: p,
+    persistent: o,
+    hideHeader: r,
+    gamification: n
   }) : null;
 };
 export {
-  x as QuestionWrap,
-  j as StreamLayerSDKInsight
+  I as QuestionWrap,
+  h as StreamLayerSDKInsight
 };

package/lib/app/app/story/insight/index.js

@@ -1,58 +1,55 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { styled as d } from "@linaria/react";
 import { StreamLayerProvider as u, useStreamLayer as p } from "@streamlayer/react";
 import { StreamLayerSDKInsight as c } from "../../Insight/index.js";
 import { StreamLayerThemeProvider as y } from "../../../../ui/theme/index.js";
 import { useStreamLayerDebug as f } from "../../../../utils/debug/index.js";
 import { customTheme as l } from "./styles.js";
-import { Video as v } from "./video.js";
-const h = /* @__PURE__ */ d("div")({
+import { Video as h } from "./video.js";
+const v = /* @__PURE__ */ d("div")({
   name: "Body",
   class: "buit6hv",
   propsAsIs: !1
 }), S = ({
-  event: o,
-  hideHeader: m,
-  insightId: n
+  hideHeader: t,
+  insightId: o
 }) => {
-  const r = p();
-  return r ? /* @__PURE__ */ e(y, {
+  const e = p();
+  return e ? /* @__PURE__ */ r(y, {
     customTheme: l,
-    children: /* @__PURE__ */ e(c, {
-      hideHeader: m,
-      event: o,
-      sdk: r,
-      insightId: n,
+    children: /* @__PURE__ */ r(c, {
+      hideHeader: t,
+      sdk: e,
+      insightId: o,
       persistent: !0
     })
   }) : null;
 }, D = ({
-  sdkKey: o,
-  eventId: m,
-  layoutMode: n,
-  insightId: r,
-  production: s,
+  sdkKey: t,
+  eventId: o,
+  layoutMode: e,
+  insightId: s,
+  production: n,
   onlyInsight: i,
   hideHeader: a
 }) => {
-  const t = f({
-    sdkKey: o,
-    eventId: m,
-    production: s
+  const m = f({
+    sdkKey: t,
+    eventId: o,
+    production: n
   });
-  return /* @__PURE__ */ e(u, {
-    sdkKey: t.sdkKey,
-    production: t.env === "production",
+  return /* @__PURE__ */ r(u, {
+    sdkKey: m.sdkKey,
+    event: m.event,
+    production: m.env === "production",
     autoEnable: !0,
-    children: i ? /* @__PURE__ */ e(S, {
-      insightId: r,
-      hideHeader: a,
-      event: t.event
-    }) : /* @__PURE__ */ e(h, {
-      children: /* @__PURE__ */ e(v, {
-        insightId: r,
-        layoutMode: n,
-        event: t.event
+    children: i ? /* @__PURE__ */ r(S, {
+      insightId: s,
+      hideHeader: a
+    }) : /* @__PURE__ */ r(v, {
+      children: /* @__PURE__ */ r(h, {
+        insightId: s,
+        layoutMode: e
       })
     })
   });

package/lib/app/app/story/insight/video.d.ts

@@ -1,5 +1,4 @@
 export declare const Video: React.FC<{
-    event?: string;
     insightId?: string;
     layoutMode?: 'side-by-side' | 'cover';
 }>;

package/lib/app/app/story/insight/video.js

@@ -1,30 +1,30 @@
-import { jsxs as i, Fragment as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, Fragment as d, jsx as e } from "react/jsx-runtime";
 import { useRef as h } from "react";
-import { useStreamLayer as c } from "@streamlayer/react";
-import { StreamLayerSDKInsight as n } from "../../Insight/index.js";
-import { StreamLayerThemeProvider as s } from "../../../../ui/theme/index.js";
-import { VideoFrame as p, customTheme as a, VideoPlayerWrap as u, InsightContainerMobile as f, InsightContainerOverlay as g, InsightContainerLBar as y } from "./styles.js";
-const F = ({ event: t, insightId: o, layoutMode: m }) => {
-  const r = c(), d = h(null);
-  return /* @__PURE__ */ i(l, { children: [
-    /* @__PURE__ */ i(p, { ref: d, "data-testid": "video-frame", children: [
-      /* @__PURE__ */ e(m === "cover" ? g : y, { children: r && /* @__PURE__ */ e(s, { customTheme: a, children: /* @__PURE__ */ e(n, { event: t, sdk: r, insightId: o, persistent: !0 }) }) }),
-      /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e("div", { className: "divAnchor", children: /* @__PURE__ */ e(
+import { useStreamLayer as l } from "@streamlayer/react";
+import { StreamLayerSDKInsight as i } from "../../Insight/index.js";
+import { StreamLayerThemeProvider as n } from "../../../../ui/theme/index.js";
+import { VideoFrame as c, customTheme as s, VideoPlayerWrap as p, InsightContainerMobile as u, InsightContainerOverlay as f, InsightContainerLBar as g } from "./styles.js";
+const x = ({ insightId: t, layoutMode: a }) => {
+  const r = l(), m = h(null);
+  return /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ o(c, { ref: m, "data-testid": "video-frame", children: [
+      /* @__PURE__ */ e(a === "cover" ? f : g, { children: r && /* @__PURE__ */ e(n, { customTheme: s, children: /* @__PURE__ */ e(i, { sdk: r, insightId: t, persistent: !0 }) }) }),
+      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e("div", { className: "divAnchor", children: /* @__PURE__ */ e(
         "video",
         {
           src: "https://storage.googleapis.com/cdn.streamlayer.io/assets/sdk-web/Own%20The%20Game%201080p%20RF18.mp4",
           width: "100%",
           height: "100%",
-          autoplay: "autoplay",
+          autoPlay: !0,
           loop: !0,
           playsInline: !0,
           controls: !0
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ e(f, { children: r && /* @__PURE__ */ e(s, { customTheme: a, children: /* @__PURE__ */ e(n, { event: t, sdk: r, insightId: o, persistent: !0 }) }) })
+    /* @__PURE__ */ e(u, { children: r && /* @__PURE__ */ e(n, { customTheme: s, children: /* @__PURE__ */ e(i, { sdk: r, insightId: t, persistent: !0 }) }) })
   ] });
 };
 export {
-  F as Video
+  x as Video
 };

package/lib/app/app/story/promotion/content.d.ts

@@ -1,3 +1 @@
-export declare const Content: React.FC<{
-    event?: string;
-}>;
+export declare const Content: React.FC;

package/lib/app/app/story/promotion/content.js

@@ -1,9 +1,9 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { styled as r } from "@linaria/react";
-import { useStreamLayer as o } from "@streamlayer/react";
-import { StreamLayerSDKAdvertisement as i } from "../../Advertisement/index.js";
-import { theme as a } from "../../../../ui/theme/theme.js";
-const d = /* @__PURE__ */ r("div")({
+import { useStreamLayer as m } from "@streamlayer/react";
+import { StreamLayerSDKAdvertisement as o } from "../../Advertisement/index.js";
+import { theme as i } from "../../../../ui/theme/theme.js";
+const a = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c1g3vhjc",
   propsAsIs: !1
@@ -11,17 +11,14 @@ const d = /* @__PURE__ */ r("div")({
   name: "Div",
   class: "d1626h38",
   propsAsIs: !1
-}), h = ({
-  event: m
-}) => {
-  const s = o();
-  return s ? /* @__PURE__ */ e(d, {
-    className: a,
+}), c = () => {
+  const s = m();
+  return s ? /* @__PURE__ */ e(a, {
+    className: i,
     "data-testid": "overlay",
     children: [/* @__PURE__ */ e(n, {
       children: ["Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ", /* @__PURE__ */ t("br", {}), "-------------"]
-    }), /* @__PURE__ */ t(i, {
-      event: m,
+    }), /* @__PURE__ */ t(o, {
       sdk: s,
       persistent: !0
     }), /* @__PURE__ */ e(n, {
@@ -30,5 +27,5 @@ const d = /* @__PURE__ */ r("div")({
   }) : null;
 };
 export {
-  h as Content
+  c as Content
 };

package/lib/app/app/story/promotion/index.js

@@ -30,6 +30,7 @@ const b = /* @__PURE__ */ r("div")({
   return /* @__PURE__ */ e(f, {
     children: /* @__PURE__ */ p(l, {
       sdkKey: o.sdkKey,
+      event: o.event,
       production: o.env === "production",
       autoEnable: !0,
       children: [/* @__PURE__ */ e(b, {
@@ -43,9 +44,7 @@ const b = /* @__PURE__ */ r("div")({
         })
       }), /* @__PURE__ */ e("h3", {
         children: "Overlay View (should appear between two text blocks)"
-      }), /* @__PURE__ */ e(u, {
-        event: o.event
-      })]
+      }), /* @__PURE__ */ e(u, {})]
     })
   });
 };

package/lib/app/tgl/index.d.ts

@@ -0,0 +1,11 @@
+export declare const TGLStory: React.FC<{
+    isMobileScreen?: boolean;
+    promotionId?: string;
+    insightId?: string;
+    sdkKey?: string;
+    eventId?: string;
+    production?: boolean;
+    persistent?: boolean;
+    sidebar: 'left' | 'right';
+    banner: 'top' | 'bottom';
+}>;

package/lib/app/tgl/index.js

@@ -0,0 +1,54 @@
+import { jsx as r } from "react/jsx-runtime";
+import { styled as o } from "@linaria/react";
+import { StreamLayerProvider as l } from "@streamlayer/react";
+import { useStreamLayerDebug as u } from "../../utils/debug/index.js";
+import { Video as v } from "./video.js";
+const f = /* @__PURE__ */ o("div")({
+  name: "Body",
+  class: "b1ssmzei",
+  propsAsIs: !1
+}), b = /* @__PURE__ */ o("div")({
+  name: "Main",
+  class: "me6bye3",
+  propsAsIs: !1
+}), k = ({
+  isMobileScreen: s,
+  persistent: t,
+  insightId: n,
+  promotionId: i,
+  sdkKey: d,
+  eventId: m,
+  sidebar: a,
+  production: p,
+  banner: c,
+  layoutMode: y = "side-by-side"
+}) => {
+  const e = u({
+    sdkKey: d,
+    eventId: m,
+    production: p
+  });
+  return /* @__PURE__ */ r(b, {
+    children: /* @__PURE__ */ r(l, {
+      sdkKey: e.sdkKey,
+      event: e.event,
+      production: e.env === "production",
+      autoEnable: !0,
+      children: /* @__PURE__ */ r(f, {
+        children: /* @__PURE__ */ r(v, {
+          event: e.event,
+          banner: c,
+          sidebar: a,
+          layoutMode: y,
+          promotionId: i,
+          isMobileScreen: s,
+          persistent: t,
+          insightId: n
+        })
+      })
+    })
+  });
+};
+export {
+  k as TGLStory
+};

package/lib/app/tgl/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const customTheme: import('@linaria/core').LinariaClassName;
+export declare const VideoPlayerWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const VideoFrame: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const AdvSidebar: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const AdvContent: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const AdvBanner: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const PromoButton: any;

package/lib/app/tgl/styles.js

@@ -0,0 +1,36 @@
+import { styled as s } from "@linaria/react";
+import { Button as o } from "../../ui/button/index.js";
+const r = "c2zt16z", t = /* @__PURE__ */ s("div")({
+  name: "VideoPlayerWrap",
+  class: "v1a2i6l5",
+  propsAsIs: !1
+}), p = /* @__PURE__ */ s("div")({
+  name: "VideoFrame",
+  class: "v11p2oa",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ s("div")({
+  name: "AdvSidebar",
+  class: "a4rnnox",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ s("div")({
+  name: "AdvContent",
+  class: "a1t6jakx",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("div")({
+  name: "AdvBanner",
+  class: "ah6jyrg",
+  propsAsIs: !1
+}), a = () => o, i = /* @__PURE__ */ s(a())({
+  name: "PromoButton",
+  class: "p12yifsu",
+  propsAsIs: !0
+});
+export {
+  m as AdvBanner,
+  c as AdvContent,
+  d as AdvSidebar,
+  i as PromoButton,
+  p as VideoFrame,
+  t as VideoPlayerWrap,
+  r as customTheme
+};

package/lib/app/tgl/video.d.ts

@@ -0,0 +1,10 @@
+export declare const Video: React.FC<{
+    sidebar: 'left' | 'right';
+    banner: 'top' | 'bottom';
+    layoutMode: 'cover' | 'side-by-side';
+    isMobileScreen?: boolean;
+    persistent?: boolean;
+    event?: string;
+    promotionId?: string;
+    insightId?: string;
+}>;