@streamlayer/react-ui 1.26.0 → 1.27.0

package/lib/app/app/Features/Gamification/index.js

@@ -1,92 +1,96 @@
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { jsx as o, jsxs as v } from "react/jsx-runtime";
 import { cx as l } from "@linaria/core";
-import { styled as f } from "@linaria/react";
-import { SDKWhiteContainer as k } from "../../styles.js";
-import { useAppContext as v } from "../../useAppContext.js";
-import { useHideTransition as S } from "../../../../hooks/showIn.js";
-import { useStore as c } from "@streamlayer/react-polyfills";
-import { VoteHeader as U } from "../../../../ui/gamification/detail/header/index.js";
-import { UserStatistics as I } from "../../../../ui/gamification/user-statistics/index.js";
-import { ModalPortal as y } from "../../../../ui/modal/index.js";
-import { ShowIn as A } from "../../../../ui/show-in/index.js";
-import { Question as O } from "./Question.js";
-import { Tabs as b } from "./Tabs.js";
-const w = () => A, u = /* @__PURE__ */ f(w())({
+import { styled as h } from "@linaria/react";
+import { SDKWhiteContainer as S } from "../../styles.js";
+import { useAppContext as U } from "../../useAppContext.js";
+import { useHideTransition as Q } from "../../../../hooks/showIn.js";
+import { useStore as i } from "@streamlayer/react-polyfills";
+import { VoteHeader as y } from "../../../../ui/gamification/detail/header/index.js";
+import { UserStatistics as A } from "../../../../ui/gamification/user-statistics/index.js";
+import { ModalPortal as O } from "../../../../ui/modal/index.js";
+import { ShowIn as b } from "../../../../ui/show-in/index.js";
+import { Question as w } from "./Question.js";
+import { Tabs as D } from "./Tabs.js";
+const H = () => b, u = /* @__PURE__ */ h(H())({
   name: "OpenedContainer",
   class: "ouvguos",
   propsAsIs: !0
-}), d = "t1eu4lbg", D = /* @__PURE__ */ f("div")({
+}), f = "t1eu4lbg", R = /* @__PURE__ */ h("div")({
   name: "UserContainer",
   class: "uuv2xqo",
   propsAsIs: !1
-}), H = ({
+}), V = ({
   correct: e,
   incorrect: t
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, P = ({
+}, g = ({
   gamification: e,
   scrollStore: t,
   className: n,
-  appNode: a,
-  scrollNode: r,
-  responsiveStore: s
-}) => /* @__PURE__ */ o(b, {
-  appNode: a,
+  appNode: r,
+  scrollNode: p,
+  responsiveStore: a
+}) => /* @__PURE__ */ o(D, {
+  appNode: r,
   scrollStore: t,
-  scrollNode: r,
+  scrollNode: p,
   className: n,
   gamification: e,
-  responsiveStore: s
-}), W = ({
+  responsiveStore: a
+}), z = ({
   gamification: e,
-  className: t,
-  appNode: n,
+  muted: t,
+  sdk: n,
+  className: r,
+  appNode: p,
   responsiveStore: a
 }) => {
   const {
-    topNavigation: r
-  } = v(), s = c(e.openedQuestion.$store), i = c(e.openedUser), {
-    sdkInDesktopView: h
-  } = c(a, {
+    topNavigation: c
+  } = U(), C = i(e.openedQuestionId), x = i(e.openedQuestion.$store), s = i(e.openedUser), {
+    sdkInDesktopView: I
+  } = i(a, {
     keys: ["sdkInDesktopView"]
   }), {
     hiding: m,
-    onAnimationEnd: p
-  } = S();
-  if (!n.current || !s && !i)
+    onAnimationEnd: d
+  } = Q();
+  if (!C && !s)
     return null;
-  const C = s ? /* @__PURE__ */ o(u, {
-    className: l(t, !r && d),
+  const k = x ? /* @__PURE__ */ o(u, {
+    className: l(r, !c && f),
     hiding: m,
-    onAnimationEnd: p,
-    children: /* @__PURE__ */ o(O, {
+    onAnimationEnd: d,
+    children: /* @__PURE__ */ o(w, {
+      muted: t,
+      sdk: n,
       gamification: e
     })
-  }) : i ? /* @__PURE__ */ o(u, {
-    className: l(t, !r && d),
+  }) : s ? /* @__PURE__ */ o(u, {
+    className: l(r, !c && f),
     hiding: m,
-    onAnimationEnd: p,
-    children: /* @__PURE__ */ x(D, {
-      children: [/* @__PURE__ */ o(U, {
+    onAnimationEnd: d,
+    children: /* @__PURE__ */ v(R, {
+      children: [/* @__PURE__ */ o(y, {
         label: "Friend's Rank",
         close: e.closeUser
-      }), /* @__PURE__ */ o(k, {
-        children: /* @__PURE__ */ o(I, {
-          ...i,
-          successRate: H(i)
+      }), /* @__PURE__ */ o(S, {
+        children: /* @__PURE__ */ o(A, {
+          ...s,
+          successRate: V(s)
         })
       })]
     })
   }) : null;
-  return /* @__PURE__ */ o(y, {
-    container: n,
-    useContainer: !h,
-    children: C
+  return /* @__PURE__ */ o(O, {
+    container: p,
+    useContainer: !I,
+    children: k
   });
 };
 export {
-  P as GamificationOverlay,
-  W as GamificationOverlayStandalone
+  g as GamificationOverlay,
+  z as GamificationOverlayStandalone
 };

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

@@ -20,4 +20,5 @@ export declare const StandaloneFeature: React.FC<{
     responsiveStore: ResponsiveStore;
     appNode: AppNodeRef;
     className?: string;
+    muted?: boolean;
 }>;

package/lib/app/app/Features/index.js

@@ -22,12 +22,14 @@ const d = f(() => import("./Gamification/gamification-feature.js")), x = ({ sdk:
       children: u
     }
   );
-}, A = ({ feature: i, className: t, appNode: n, responsiveStore: e }) => i && i.featureConfig.get().type === m.GAMES ? /* @__PURE__ */ r(
+}, A = ({ feature: i, sdk: t, muted: n, className: e, appNode: o, responsiveStore: a }) => i && i.featureConfig.get().type === m.GAMES ? /* @__PURE__ */ r(
   y,
   {
-    className: t,
-    appNode: n,
-    responsiveStore: e,
+    className: e,
+    appNode: o,
+    muted: n,
+    sdk: t,
+    responsiveStore: a,
     gamification: i
   }
 ) : null;

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

@@ -1,4 +1,5 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 export declare const StreamLayerSDKNotification: React.FC<{
     sdk: StreamLayerSDK;
+    webos?: boolean;
 }>;

package/lib/app/app/InApp/index.js

@@ -1,31 +1,58 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useState as p, useMemo as c, useEffect as s } from "react";
-import { useStore as u } from "@streamlayer/react-polyfills";
-import { eventBus as f } from "@streamlayer/sdk-web-interfaces";
-import { NotificationType as n } from "@streamlayer/sdk-web-notifications";
-import { FeatureType as m, QuestionType as d } from "@streamlayer/sdk-web-types";
-import { InAppNotification as l } from "../../../ui/gamification/question/inapp/notification/index.js";
-import { InAppOnboarding as y } from "../../../ui/gamification/question/inapp/onboarding/index.js";
-import { InAppPredictionResult as I } from "../../../ui/gamification/question/inapp/prediction-result/index.js";
-const R = ({ sdk: o }) => {
-  const [r] = p(o.getNotificationsStore()), a = u(r), e = o.getFeature(m.GAMES), t = c(() => o.getActiveNotification(), [o, a]);
-  return s(() => {
-    t && f.emit("notification", {
+import { jsx as o } from "react/jsx-runtime";
+import { useState as I, useMemo as T, useEffect as y } from "react";
+import { useStore as S } from "@streamlayer/react-polyfills";
+import { eventBus as q } from "@streamlayer/sdk-web-interfaces";
+import { NotificationType as f } from "@streamlayer/sdk-web-notifications";
+import { FeatureType as O, QuestionType as R, AdUnit as m } from "@streamlayer/sdk-web-types";
+import { InAppNotification as g } from "../../../ui/gamification/question/inapp/notification/index.js";
+import { InAppNotification as D } from "../../../ui/gamification/question/inapp/notification/AdNotification/index.js";
+import { InAppOnboarding as E } from "../../../ui/gamification/question/inapp/onboarding/index.js";
+import { InAppPredictionResult as b } from "../../../ui/gamification/question/inapp/prediction-result/index.js";
+import { InAppPredictionResultAd as U } from "../../../ui/gamification/question/inapp/prediction-result-ad/index.js";
+const K = ({ sdk: i, webos: A }) => {
+  var e, a, r, p, c, s, d, u;
+  const [l] = I(i.getNotificationsStore()), N = S(l), n = i.getFeature(O.GAMES), t = T(() => i.getActiveNotification(), [i, N]);
+  return y(() => {
+    t && q.emit("notification", {
       action: "rendered",
       payload: {
         questionId: t.data.questionId,
         questionType: t.data.questionType
       }
     });
-  }, [t]), t && t.type === n.QUESTION_RESOLVED ? t.data.question && t.data.questionType === d.PREDICTION ? /* @__PURE__ */ i(
-    I,
+  }, [t]), t && t.type === f.QUESTION_RESOLVED ? t.data.question && t.data.questionType === R.PREDICTION ? t && ((e = t.data.inApp) == null ? void 0 : e.adUnit) === m.STANDART ? /* @__PURE__ */ o(
+    U,
+    {
+      action: t.action,
+      close: t.close,
+      ...t.data.question,
+      inApp: t.data.inApp
+    }
+  ) : /* @__PURE__ */ o(
+    b,
     {
       action: t.action,
       close: t.close,
       ...t.data.question
     }
-  ) : null : t && t.type === n.ONBOARDING ? t.data.onboarding ? /* @__PURE__ */ i(y, { open: e == null ? void 0 : e.openFeature, close: t.close, ...t.data.onboarding }) : null : t && /* @__PURE__ */ i(l, { ...t.data, action: t.action });
+  ) : null : t && t.type === f.ONBOARDING ? t.data.onboarding ? /* @__PURE__ */ o(
+    E,
+    {
+      open: n == null ? void 0 : n.openOnboarding,
+      close: t.close,
+      ...t.data.onboarding
+    }
+  ) : null : t && ((a = t.data.inApp) == null ? void 0 : a.adUnit) === m.STANDART ? /* @__PURE__ */ o(
+    D,
+    {
+      ...t.data,
+      action: t.action,
+      close: t.close,
+      color: ((c = (p = (r = t == null ? void 0 : t.data) == null ? void 0 : r.inApp) == null ? void 0 : p.notification) == null ? void 0 : c.indicatorColor) || ((u = (d = (s = t == null ? void 0 : t.data) == null ? void 0 : s.inApp) == null ? void 0 : d.appearance) == null ? void 0 : u.primaryColor),
+      webos: A
+    }
+  ) : t && /* @__PURE__ */ o(g, { ...t.data, action: t.action });
 };
 export {
-  R as StreamLayerSDKNotification
+  K as StreamLayerSDKNotification
 };

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

@@ -4,10 +4,13 @@ export declare const QuestionWrap: {
     __wyw_meta: unknown;
 } & import('react').FC<{
     gamification: Gamification;
+    sdk: StreamLayerSDK;
     hideSponsor?: boolean;
     className?: string;
     skipAutoClose?: boolean;
     hideHeader?: boolean;
+    muted?: boolean;
+    webos?: boolean;
 }>;
 export type StreamLayerSDKInsightProps = {
     hideHeader?: boolean;

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

@@ -1,57 +1,60 @@
-import { jsx as d } from "react/jsx-runtime";
-import { styled as i } from "@linaria/react";
-import { useRef as l, useEffect as m } from "react";
-import { useStore as Q } from "@streamlayer/react-polyfills";
-import { FeatureType as S } from "@streamlayer/sdk-web-types";
-import { Question as y } from "../Features/Gamification/Question.js";
-const I = () => y, b = /* @__PURE__ */ i(I())({
+import { jsx as Q } from "react/jsx-runtime";
+import { styled as l } from "@linaria/react";
+import { useRef as m, useEffect as S } from "react";
+import { useStore as d } from "@streamlayer/react-polyfills";
+import { FeatureType as y } from "@streamlayer/sdk-web-types";
+import { Question as I } from "../Features/Gamification/Question.js";
+const b = () => I, v = /* @__PURE__ */ l(b())({
   name: "QuestionWrap",
   class: "q10hhsxv",
   propsAsIs: !0
-}), v = ({
+}), w = ({
   gamification: e,
+  sdk: n,
   persistent: o,
   skipAutoClose: p,
   hideHeader: f,
-  insightId: r
+  insightId: t
 }) => {
-  const t = l(""), n = Q(e.openedQuestion.$store);
-  return m(() => r ? (!o || e.isOpenedQuestion(r) || (t.current = r, e.getFeedItem(r).then((u) => {
+  const r = m(""), i = d(e.openedQuestion.$store);
+  return S(() => t ? (!o || e.isOpenedQuestion(t) || (r.current = t, e.getFeedItem(t).then((u) => {
     var c;
-    t.current === r && ((c = u == null ? void 0 : u.attributes) == null ? void 0 : c.attributes.case) === "insight" && e.openQuestion(r, u);
+    r.current === t && ((c = u == null ? void 0 : u.attributes) == null ? void 0 : c.attributes.case) === "insight" && e.openQuestion(t, u);
   })), () => {
-    t.current = "";
+    r.current = "";
   }) : (e.activeQuestionId.subscribe(({
     data: s
   }) => {
     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 = "");
+    s && ((u = s.feedItem) == null ? void 0 : u.type) === "insight" && (!o || e.isOpenedQuestion(s.feedItem.id) || (r.current = s.feedItem.id, e.openQuestion(s.feedItem.id, s.feedItem))), !s && r.current && (e.closeQuestion(r.current), r.current = "");
   }), () => {
-  }), [e, o, r]), n ? /* @__PURE__ */ d(b, {
+  }), [e, o, t]), i ? /* @__PURE__ */ Q(v, {
+    sdk: n,
     skipAutoClose: p,
     hideHeader: f,
     gamification: e,
     hideSponsor: !0
   }) : null;
-}, A = ({
+}, D = ({
   sdk: e,
-  persistent: o,
-  skipAutoClose: p,
-  insightId: f,
-  hideHeader: r
+  persistent: n,
+  skipAutoClose: o,
+  insightId: p,
+  hideHeader: f
 }) => {
-  if (!Q(e.featuresList.getStore()))
+  if (!d(e.featuresList.getStore()))
     return null;
-  const n = e.getFeature(S.GAMES);
-  return n ? /* @__PURE__ */ d(v, {
-    insightId: f,
-    persistent: o,
-    hideHeader: r,
-    gamification: n,
-    skipAutoClose: p
+  const r = e.getFeature(y.GAMES);
+  return r ? /* @__PURE__ */ Q(w, {
+    insightId: p,
+    sdk: e,
+    persistent: n,
+    hideHeader: f,
+    gamification: r,
+    skipAutoClose: o
   }) : null;
 };
 export {
-  b as QuestionWrap,
-  A as StreamLayerSDKInsight
+  v as QuestionWrap,
+  D as StreamLayerSDKInsight
 };

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

@@ -0,0 +1,17 @@
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+export type LayoutProps = {
+    sdk: StreamLayerSDK;
+    sidebar?: React.ReactNode | (({ promo, app }: {
+        promo: boolean;
+        app: boolean;
+    }) => React.ReactNode);
+    banner?: React.ReactNode;
+    children?: React.ReactNode;
+    overlay?: React.ReactNode;
+    notification?: React.ReactNode | (({ promo, app }: {
+        promo: boolean;
+        app: boolean;
+    }) => React.ReactNode);
+    webos?: boolean;
+};
+export declare const Layout: import('react').ForwardRefExoticComponent<LayoutProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/app/app/Layout/index.js

@@ -0,0 +1,105 @@
+import { jsxs as C, jsx as n } from "react/jsx-runtime";
+import { cx as B } from "@linaria/core";
+import { u as x } from "../../../index-T1iiS0ZO.js";
+import E from "lodash.throttle";
+import { forwardRef as $, useRef as w, useCallback as k, useEffect as m, useState as O } from "react";
+import { Container as P, ContentContainer as T, VideoContainer as A, VideoBox as H, VideoPlayer as j, Banner as D, Notification as I, Overlay as q, Sidebar as F, SideBarOverlay as G } from "./styles.js";
+const J = () => {
+  const [c, s] = O("desktop");
+  return m(() => {
+    const t = E(() => {
+      const o = window.innerWidth, a = window.innerHeight, y = o > a ? "landscape" : "portrait";
+      s(o < 1024 && y === "portrait" ? "mobile" : "desktop");
+    }, 200);
+    return window.addEventListener("resize", t), () => {
+      window.removeEventListener("resize", t);
+    };
+  }, []), c;
+}, R = ({ delay: c, children: s }) => {
+  const t = w(null), [o, a] = O(!1);
+  return m(() => (t.current && clearTimeout(t.current), t.current = setTimeout(() => a(!0), c), () => {
+    t.current && clearTimeout(t.current);
+  }), [c]), o ? s : null;
+}, Z = $(function({ sdk: s, sidebar: t, overlay: o, notification: a, banner: y, children: W, webos: r }, z) {
+  const e = x(s.uiState), { containerId: L } = x(s.options), h = w(null), i = w(null), g = k(() => {
+    if (!i.current || !h.current)
+      return;
+    const { width: u, height: f } = i.current.getBoundingClientRect(), { width: S, height: v } = h.current.getBoundingClientRect();
+    (u > S || f > v) && (i.current.style.width === "100%" ? (i.current.style.height = "100%", i.current.style.width = "auto") : (i.current.style.width = "100%", i.current.style.height = "auto"));
+  }, []);
+  m(() => {
+    const u = h.current;
+    if (u) {
+      const f = new ResizeObserver((S) => {
+        for (const v of S)
+          v.contentBoxSize && g();
+      });
+      return f.observe(u), () => {
+        f.disconnect();
+      };
+    }
+    return () => {
+    };
+  }, [g]), m(g);
+  const b = J(), p = e.exposedPauseAd, d = !p && (e.promotionSidebar || e.app || e.appSidebar), N = !p && e.promotionOverlay, l = !p && (e.promotionBanner || e.appBanner), V = !p && (e.promotionNotification || e.onboardingNotification || e.appNotification);
+  return /* @__PURE__ */ C(
+    P,
+    {
+      id: L || "SlLayoutContainer",
+      className: B("Container", r && "SL-ContainerWebOs"),
+      ref: z,
+      children: [
+        /* @__PURE__ */ C(
+          T,
+          {
+            className: "ContentContainer",
+            style: {
+              width: d ? `calc(100% - var(${r ? "--sidebar-width-webos" : "--sidebar-width"}))` : "100%"
+            },
+            children: [
+              /* @__PURE__ */ n(
+                A,
+                {
+                  className: B("VideoContainer", d && "WithSidebar", l && "WithBanner"),
+                  ref: h,
+                  style: {
+                    height: l ? `calc(100% - var(${r ? "--banner-height-webos" : "--banner-height"}))` : "100%"
+                  },
+                  children: /* @__PURE__ */ n(H, { ref: i, className: "VideoBox", children: /* @__PURE__ */ n(j, { className: "VideoPlayer", children: W }) })
+                }
+              ),
+              /* @__PURE__ */ n(
+                D,
+                {
+                  className: "Banner",
+                  style: {
+                    height: l ? `var(${r ? "--banner-height-webos" : "--banner-height"})` : "0px",
+                    padding: l ? `var(${r ? "--banner-padding-webos" : "--banner-padding"})` : "0px"
+                  },
+                  children: l && y
+                }
+              ),
+              V && /* @__PURE__ */ n(R, { delay: r ? 1e3 : 0, children: /* @__PURE__ */ n(I, { children: typeof a == "function" ? a({ promo: !!e.promotionNotification, app: !!e.appNotification }) : a }) }),
+              N && b === "desktop" && /* @__PURE__ */ n(q, { className: "Overlay", children: o })
+            ]
+          }
+        ),
+        b === "desktop" && /* @__PURE__ */ n(R, { delay: r ? 1e3 : 0, children: /* @__PURE__ */ n(
+          F,
+          {
+            style: {
+              width: d ? `var(${r ? "--sidebar-width-webos" : "--sidebar-width"})` : "0px",
+              ...r ? { height: "100%" } : {}
+            },
+            className: "Sidebar",
+            children: d && (typeof t == "function" ? t({ promo: !!e.promotionSidebar, app: !!e.appSidebar }) : t)
+          }
+        ) }),
+        (d || N) && b === "mobile" && /* @__PURE__ */ n(G, { className: "Demo-SideBarOverlay", children: o })
+      ]
+    }
+  );
+});
+export {
+  Z as Layout
+};

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

@@ -0,0 +1,12 @@
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ContentContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Sidebar: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SideBarOverlay: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Banner: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const VideoContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const VideoBox: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const VideoPlayer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Overlay: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Notification: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const PointsContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const InApp: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/app/app/Layout/styles.js

@@ -0,0 +1,64 @@
+import { styled as s } from "@linaria/react";
+const e = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c6rz41d",
+  propsAsIs: !1
+}), n = /* @__PURE__ */ s("div")({
+  name: "ContentContainer",
+  class: "clv6awu",
+  propsAsIs: !1
+}), o = /* @__PURE__ */ s("div")({
+  name: "Sidebar",
+  class: "ssfv9z7",
+  propsAsIs: !1
+}), i = /* @__PURE__ */ s("div")({
+  name: "SideBarOverlay",
+  class: "sweyrp8",
+  propsAsIs: !1
+}), r = /* @__PURE__ */ s("div")({
+  name: "Banner",
+  class: "b5w8mb1",
+  propsAsIs: !1
+}), t = /* @__PURE__ */ s("div")({
+  name: "VideoContainer",
+  class: "v1uhtlpt",
+  propsAsIs: !1
+}), p = /* @__PURE__ */ s("div")({
+  name: "VideoBox",
+  class: "v7viet2",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ s("div")({
+  name: "VideoPlayer",
+  class: "v9y7cje",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ s("div")({
+  name: "Overlay",
+  class: "opmmtyi",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ s("div")({
+  name: "Notification",
+  class: "nk5geky",
+  propsAsIs: !1
+}), v = /* @__PURE__ */ s("div")({
+  name: "PointsContainer",
+  class: "p17bxk8w",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("div")({
+  name: "InApp",
+  class: "i1h25kze",
+  propsAsIs: !1
+});
+export {
+  r as Banner,
+  e as Container,
+  n as ContentContainer,
+  m as InApp,
+  d as Notification,
+  c as Overlay,
+  v as PointsContainer,
+  i as SideBarOverlay,
+  o as Sidebar,
+  p as VideoBox,
+  t as VideoContainer,
+  l as VideoPlayer
+};

package/lib/app/app/Notifications/Onboarding/Notification/styles.d.ts

@@ -1,6 +1,12 @@
 export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const CloseIconWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const CloseIcon: any;
+export declare const CloseIcon: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../../ui/icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
 export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const SponsorLogo: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
 export declare const PresentsTitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -1,4 +1,13 @@
-export declare const Container: any;
+export declare const Container: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    children: React.ReactNode | React.ReactNode[];
+    style?: React.CSSProperties;
+    className?: string;
+    enabled?: boolean;
+    hiding?: boolean;
+    onAnimationEnd?: React.AnimationEventHandler;
+}>;
 export declare const InnerContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const HiddenContainer: {
     __wyw_meta: unknown;
@@ -6,4 +15,11 @@ export declare const HiddenContainer: {
     as?: React.ElementType;
 }>;
 export declare const NotificationRefreshing: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Pill: any;
+export declare const Pill: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    title?: string;
+    onClick: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+}>;

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

@@ -8,5 +8,6 @@ export type AppAppProps = {
     event?: string;
     topNavigation?: boolean;
     enabled?: boolean;
+    muted?: boolean;
 };
 export declare const App: React.FC<AppAppProps>;