@streamlayer/react-ui 1.26.1 → 1.27.1

package/lib/app/masters/BetPack/BetPackContent/styles.d.ts

@@ -1,95 +1,95 @@
 export declare const Carousel: {
     __wyw_meta: unknown;
-} & import('react').FunctionComponent<import('react').RefAttributes<import('swiper/react').SwiperRef> & Omit<import('react').HTMLAttributes<HTMLElement>, "onClick" | "onProgress" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onTransitionEnd" | "onKeyPress" | "onDoubleClick" | "onScroll" | "onResize"> & import('swiper/types').SwiperOptions & {
+} & import('react').FunctionComponent<import('react').RefAttributes<import('swiper/react').SwiperRef> & Omit<import('react').HTMLAttributes<HTMLElement>, "onClick" | "onKeyPress" | "onProgress" | "onResize" | "onDoubleClick" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onScroll" | "onTransitionEnd"> & import('swiper/types').SwiperOptions & {
     tag?: string;
     wrapperTag?: string;
-    onSwiper?: (swiper: import('swiper/types').Swiper) => void;
-    onAutoplayStart?: (swiper: import('swiper/types').Swiper) => void;
-    onAutoplayStop?: (swiper: import('swiper/types').Swiper) => void;
-    onAutoplayPause?: (swiper: import('swiper/types').Swiper) => void;
-    onAutoplayResume?: (swiper: import('swiper/types').Swiper) => void;
-    onAutoplayTimeLeft?: (swiper: import('swiper/types').Swiper, timeLeft: number, percentage: number) => void;
-    onAutoplay?: (swiper: import('swiper/types').Swiper) => void;
-    onHashChange?: (swiper: import('swiper/types').Swiper) => void;
-    onHashSet?: (swiper: import('swiper/types').Swiper) => void;
-    onScroll?: (swiper: import('swiper/types').Swiper, event: WheelEvent) => void;
-    onKeyPress?: (swiper: import('swiper/types').Swiper, keyCode: string) => void;
-    onNavigationHide?: (swiper: import('swiper/types').Swiper) => void;
-    onNavigationShow?: (swiper: import('swiper/types').Swiper) => void;
-    onNavigationPrev?: (swiper: import('swiper/types').Swiper) => void;
-    onNavigationNext?: (swiper: import('swiper/types').Swiper) => void;
-    onPaginationRender?: (swiper: import('swiper/types').Swiper, paginationEl: HTMLElement) => void;
-    onPaginationUpdate?: (swiper: import('swiper/types').Swiper, paginationEl: HTMLElement) => void;
-    onPaginationHide?: (swiper: import('swiper/types').Swiper) => void;
-    onPaginationShow?: (swiper: import('swiper/types').Swiper) => void;
-    onScrollbarDragStart?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onScrollbarDragMove?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onScrollbarDragEnd?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onZoomChange?: (swiper: import('swiper/types').Swiper, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;
-    onInit?: (swiper: import('swiper/types').Swiper) => any;
-    onBeforeDestroy?: (swiper: import('swiper/types').Swiper) => void;
-    onSlidesUpdated?: (swiper: import('swiper/types').Swiper) => void;
-    onSlideChange?: (swiper: import('swiper/types').Swiper) => void;
-    onSlideChangeTransitionStart?: (swiper: import('swiper/types').Swiper) => void;
-    onSlideChangeTransitionEnd?: (swiper: import('swiper/types').Swiper) => void;
-    onSlideNextTransitionStart?: (swiper: import('swiper/types').Swiper) => void;
-    onSlideNextTransitionEnd?: (swiper: import('swiper/types').Swiper) => void;
-    onSlidePrevTransitionStart?: (swiper: import('swiper/types').Swiper) => void;
-    onSlidePrevTransitionEnd?: (swiper: import('swiper/types').Swiper) => void;
-    onTransitionStart?: (swiper: import('swiper/types').Swiper) => void;
-    onTransitionEnd?: (swiper: import('swiper/types').Swiper) => void;
-    onTouchStart?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onTouchMove?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onTouchMoveOpposite?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onSliderMove?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onTouchEnd?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onClick?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onTap?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onDoubleTap?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onProgress?: (swiper: import('swiper/types').Swiper, progress: number) => void;
-    onReachBeginning?: (swiper: import('swiper/types').Swiper) => void;
-    onReachEnd?: (swiper: import('swiper/types').Swiper) => void;
-    onToEdge?: (swiper: import('swiper/types').Swiper) => void;
-    onFromEdge?: (swiper: import('swiper/types').Swiper) => void;
-    onSetTranslate?: (swiper: import('swiper/types').Swiper, translate: number) => void;
-    onSetTransition?: (swiper: import('swiper/types').Swiper, transition: number) => void;
-    onResize?: (swiper: import('swiper/types').Swiper) => void;
-    onObserverUpdate?: (swiper: import('swiper/types').Swiper) => void;
-    onBeforeLoopFix?: (swiper: import('swiper/types').Swiper) => void;
-    onLoopFix?: (swiper: import('swiper/types').Swiper) => void;
-    onBreakpoint?: (swiper: import('swiper/types').Swiper, breakpointParams: import('swiper/types').SwiperOptions) => void;
-    _beforeBreakpoint?: (swiper: import('swiper/types').Swiper, breakpointParams: import('swiper/types').SwiperOptions) => void;
-    _containerClasses?: (swiper: import('swiper/types').Swiper, classNames: string) => void;
-    _slideClass?: (swiper: import('swiper/types').Swiper, slideEl: HTMLElement, classNames: string) => void;
-    _slideClasses?: (swiper: import('swiper/types').Swiper, slides: {
+    onSwiper?: (swiper: import('swiper/react').SwiperClass) => void;
+    onAutoplayStart?: (swiper: import('swiper/react').SwiperClass) => void;
+    onAutoplayStop?: (swiper: import('swiper/react').SwiperClass) => void;
+    onAutoplayPause?: (swiper: import('swiper/react').SwiperClass) => void;
+    onAutoplayResume?: (swiper: import('swiper/react').SwiperClass) => void;
+    onAutoplayTimeLeft?: (swiper: import('swiper/react').SwiperClass, timeLeft: number, percentage: number) => void;
+    onAutoplay?: (swiper: import('swiper/react').SwiperClass) => void;
+    onHashChange?: (swiper: import('swiper/react').SwiperClass) => void;
+    onHashSet?: (swiper: import('swiper/react').SwiperClass) => void;
+    onScroll?: (swiper: import('swiper/react').SwiperClass, event: WheelEvent) => void;
+    onKeyPress?: (swiper: import('swiper/react').SwiperClass, keyCode: string) => void;
+    onNavigationHide?: (swiper: import('swiper/react').SwiperClass) => void;
+    onNavigationShow?: (swiper: import('swiper/react').SwiperClass) => void;
+    onNavigationPrev?: (swiper: import('swiper/react').SwiperClass) => void;
+    onNavigationNext?: (swiper: import('swiper/react').SwiperClass) => void;
+    onPaginationRender?: (swiper: import('swiper/react').SwiperClass, paginationEl: HTMLElement) => void;
+    onPaginationUpdate?: (swiper: import('swiper/react').SwiperClass, paginationEl: HTMLElement) => void;
+    onPaginationHide?: (swiper: import('swiper/react').SwiperClass) => void;
+    onPaginationShow?: (swiper: import('swiper/react').SwiperClass) => void;
+    onScrollbarDragStart?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onScrollbarDragMove?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onScrollbarDragEnd?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onZoomChange?: (swiper: import('swiper/react').SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;
+    onInit?: (swiper: import('swiper/react').SwiperClass) => any;
+    onBeforeDestroy?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlidesUpdated?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlideChange?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlideChangeTransitionStart?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlideChangeTransitionEnd?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlideNextTransitionStart?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlideNextTransitionEnd?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlidePrevTransitionStart?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlidePrevTransitionEnd?: (swiper: import('swiper/react').SwiperClass) => void;
+    onTransitionStart?: (swiper: import('swiper/react').SwiperClass) => void;
+    onTransitionEnd?: (swiper: import('swiper/react').SwiperClass) => void;
+    onTouchStart?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onTouchMove?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onTouchMoveOpposite?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onSliderMove?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onTouchEnd?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onClick?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onTap?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onDoubleTap?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onProgress?: (swiper: import('swiper/react').SwiperClass, progress: number) => void;
+    onReachBeginning?: (swiper: import('swiper/react').SwiperClass) => void;
+    onReachEnd?: (swiper: import('swiper/react').SwiperClass) => void;
+    onToEdge?: (swiper: import('swiper/react').SwiperClass) => void;
+    onFromEdge?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSetTranslate?: (swiper: import('swiper/react').SwiperClass, translate: number) => void;
+    onSetTransition?: (swiper: import('swiper/react').SwiperClass, transition: number) => void;
+    onResize?: (swiper: import('swiper/react').SwiperClass) => void;
+    onObserverUpdate?: (swiper: import('swiper/react').SwiperClass) => void;
+    onBeforeLoopFix?: (swiper: import('swiper/react').SwiperClass) => void;
+    onLoopFix?: (swiper: import('swiper/react').SwiperClass) => void;
+    onBreakpoint?: (swiper: import('swiper/react').SwiperClass, breakpointParams: import('swiper/types').SwiperOptions) => void;
+    _beforeBreakpoint?: (swiper: import('swiper/react').SwiperClass, breakpointParams: import('swiper/types').SwiperOptions) => void;
+    _containerClasses?: (swiper: import('swiper/react').SwiperClass, classNames: string) => void;
+    _slideClass?: (swiper: import('swiper/react').SwiperClass, slideEl: HTMLElement, classNames: string) => void;
+    _slideClasses?: (swiper: import('swiper/react').SwiperClass, slides: {
         slideEl: HTMLElement;
         classNames: string;
         index: number;
     }[]) => void;
-    _swiper?: (swiper: import('swiper/types').Swiper) => void;
-    _freeModeNoMomentumRelease?: (swiper: import('swiper/types').Swiper) => void;
-    onActiveIndexChange?: (swiper: import('swiper/types').Swiper) => void;
-    onSnapIndexChange?: (swiper: import('swiper/types').Swiper) => void;
-    onRealIndexChange?: (swiper: import('swiper/types').Swiper) => void;
-    onAfterInit?: (swiper: import('swiper/types').Swiper) => void;
-    onBeforeInit?: (swiper: import('swiper/types').Swiper) => void;
-    onBeforeResize?: (swiper: import('swiper/types').Swiper) => void;
-    onBeforeSlideChangeStart?: (swiper: import('swiper/types').Swiper) => void;
-    onBeforeTransitionStart?: (swiper: import('swiper/types').Swiper, speed: number, internal: any) => void;
-    onChangeDirection?: (swiper: import('swiper/types').Swiper) => void;
-    onDoubleClick?: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-    onDestroy?: (swiper: import('swiper/types').Swiper) => void;
-    onMomentumBounce?: (swiper: import('swiper/types').Swiper) => void;
-    onOrientationchange?: (swiper: import('swiper/types').Swiper) => void;
-    onSlideResetTransitionStart?: (swiper: import('swiper/types').Swiper) => void;
-    onSlideResetTransitionEnd?: (swiper: import('swiper/types').Swiper) => void;
-    onSliderFirstMove?: (swiper: import('swiper/types').Swiper, event: TouchEvent) => void;
-    onSlidesLengthChange?: (swiper: import('swiper/types').Swiper) => void;
-    onSlidesGridLengthChange?: (swiper: import('swiper/types').Swiper) => void;
-    onSnapGridLengthChange?: (swiper: import('swiper/types').Swiper) => void;
-    onUpdate?: (swiper: import('swiper/types').Swiper) => void;
-    onLock?: (swiper: import('swiper/types').Swiper) => void;
-    onUnlock?: (swiper: import('swiper/types').Swiper) => void;
+    _swiper?: (swiper: import('swiper/react').SwiperClass) => void;
+    _freeModeNoMomentumRelease?: (swiper: import('swiper/react').SwiperClass) => void;
+    onActiveIndexChange?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSnapIndexChange?: (swiper: import('swiper/react').SwiperClass) => void;
+    onRealIndexChange?: (swiper: import('swiper/react').SwiperClass) => void;
+    onAfterInit?: (swiper: import('swiper/react').SwiperClass) => void;
+    onBeforeInit?: (swiper: import('swiper/react').SwiperClass) => void;
+    onBeforeResize?: (swiper: import('swiper/react').SwiperClass) => void;
+    onBeforeSlideChangeStart?: (swiper: import('swiper/react').SwiperClass) => void;
+    onBeforeTransitionStart?: (swiper: import('swiper/react').SwiperClass, speed: number, internal: any) => void;
+    onChangeDirection?: (swiper: import('swiper/react').SwiperClass) => void;
+    onDoubleClick?: (swiper: import('swiper/react').SwiperClass, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onDestroy?: (swiper: import('swiper/react').SwiperClass) => void;
+    onMomentumBounce?: (swiper: import('swiper/react').SwiperClass) => void;
+    onOrientationchange?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlideResetTransitionStart?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlideResetTransitionEnd?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSliderFirstMove?: (swiper: import('swiper/react').SwiperClass, event: TouchEvent) => void;
+    onSlidesLengthChange?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSlidesGridLengthChange?: (swiper: import('swiper/react').SwiperClass) => void;
+    onSnapGridLengthChange?: (swiper: import('swiper/react').SwiperClass) => void;
+    onUpdate?: (swiper: import('swiper/react').SwiperClass) => void;
+    onLock?: (swiper: import('swiper/react').SwiperClass) => void;
+    onUnlock?: (swiper: import('swiper/react').SwiperClass) => void;
 } & {
     children?: import('react').ReactNode | undefined;
 }>;

package/lib/app/masters/BetPack/BetPackOverlay/styles.d.ts

@@ -1,8 +1,20 @@
 export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const CloseButton: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 export declare const buttonAvailable: import('@linaria/core').LinariaClassName;
-export declare const IconArrowPrev: any;
-export declare const IconArrowNext: any;
+export declare const IconArrowPrev: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../ui/icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
+export declare const IconArrowNext: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../ui/icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
 export declare const Header: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const HeaderTitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Main: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/app/masters/Features/Gamification/Question.js

@@ -3,8 +3,8 @@ import { styled as l } from "@linaria/react";
 import { useMastersContext as a } from "../../useMastersContext.js";
 import { useStore as n } from "@streamlayer/react-polyfills";
 import { QuestionType as m } from "@streamlayer/sdk-web-types";
-import { VoteHeader as c } from "../../../../ui/gamification/detail/header/index.js";
-import { Sponsor as p } from "../../../../ui/gamification/detail/sponsor/index.js";
+import { VoteHeader as p } from "../../../../ui/gamification/detail/header/index.js";
+import { Sponsor as c } from "../../../../ui/gamification/detail/sponsor/index.js";
 import { Vote as f, VoteSkeleton as b } from "../../../../ui/gamification/vote/index.js";
 import { InsightDetails as y } from "../../../../ui/gamification/vote/insight-details/index.js";
 import { TwitterDetails as V } from "../../../../ui/gamification/vote/twitter-details/index.js";
@@ -15,51 +15,53 @@ const h = /* @__PURE__ */ l("div")({
 }), x = ({
   openedQuestion: t
 }) => {
-  var s, o;
+  var o, s;
   const {
     sdk: r
   } = a();
-  return ((s = t == null ? void 0 : t.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ e(y, {
+  return ((o = t == null ? void 0 : t.attributes) == null ? void 0 : o.attributes.case) === "insight" ? /* @__PURE__ */ e(y, {
     ...t.attributes.attributes.value,
     controlVideo: r == null ? void 0 : r.controlVideoPlayer
-  }) : ((o = t == null ? void 0 : t.attributes) == null ? void 0 : o.attributes.case) === "tweet" ? /* @__PURE__ */ e(V, {
+  }) : ((s = t == null ? void 0 : t.attributes) == null ? void 0 : s.attributes.case) === "tweet" ? /* @__PURE__ */ e(V, {
     ...t.attributes.attributes.value,
     controlVideo: r == null ? void 0 : r.controlVideoPlayer
   }) : null;
 }, d = ({
   extendedQuestion: t,
   vote: r,
-  close: s
+  close: o
 }) => {
   const {
-    loading: o,
+    loading: s,
     data: i
   } = t;
   return i ? /* @__PURE__ */ e(f, {
     vote: r,
-    close: s,
+    close: o,
     openedQuestion: i,
-    isLoading: !!o
+    isLoading: !!s,
+    mastersApp: !0
   }) : /* @__PURE__ */ e(b, {});
 }, H = ({
   gamification: t
 }) => {
   var i;
-  const r = n(t.openedQuestion.$store), s = n(t.openedQuestion.$extendedStore);
+  const r = n(t.openedQuestion.$store), o = n(t.openedQuestion.$extendedStore);
   if (!r)
     return null;
-  const o = r.type;
+  const s = r.type;
   return /* @__PURE__ */ u(h, {
-    children: [/* @__PURE__ */ e(c, {
+    children: [/* @__PURE__ */ e(p, {
       close: t.closeQuestion,
-      type: ((i = r.attributes) == null ? void 0 : i.type) || m.UNSET
-    }), o === "question" && /* @__PURE__ */ e(d, {
+      type: ((i = r.attributes) == null ? void 0 : i.type) || m.UNSET,
+      mastersApp: !0
+    }), s === "question" && /* @__PURE__ */ e(d, {
       vote: t.submitAnswer,
       close: t.closeQuestion,
-      extendedQuestion: s
-    }), o !== "question" && /* @__PURE__ */ e(x, {
+      extendedQuestion: o
+    }), s !== "question" && /* @__PURE__ */ e(x, {
       openedQuestion: r
-    }), /* @__PURE__ */ e(p, {
+    }), /* @__PURE__ */ e(c, {
       mastersApp: !0
     })]
   });

package/lib/app/masters/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/masters/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/masters/masters.d.ts

@@ -1,6 +1,9 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { LeaderBoardButtonId } from './Navigation/MastersNavigation';
 export { StreamLayerMastersThemeProvider } from '../../ui/theme/masters';
-export type Overlays = {};
+export type Overlays = {
+    [LeaderBoardButtonId]: React.ReactNode;
+};
 export type MastersAppChildrenProps = {
     activateEventWithId: (event: string) => void;
     deactivate: () => void;

package/lib/app/masters/useMastersApp.d.ts

@@ -14,7 +14,7 @@ import { AvailableOverlays } from './Navigation/MastersNavigation';
 export declare const useMastersApp: (sdk: StreamLayerSDK) => {
     sdkEnabled: boolean;
     sdkReady: boolean;
-    activeOverlay: any;
+    activeOverlay: AvailableOverlays;
     activateAndLoadOverlay: (event: string, overlay: AvailableOverlays) => void;
     activateEventWithId: (event: string) => void;
     deactivate: () => void;

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

@@ -4,4 +4,6 @@ export declare const VideoFrame: import('@linaria/react').StyledComponent<import
 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;
+export declare const PromoButton: {
+    __wyw_meta: unknown;
+} & import('react').FC<import('../../ui/button').ButtonProps>;

package/lib/app/{tvos → webos/Advertisement}/AdvertisementUI.d.ts

@@ -1,5 +1,5 @@
 import { Advertisement } from '@streamlayer/feature-gamification';
-import { ControlVideoCb } from '../../ui/video-player';
+import { ControlVideoCb } from '../../../ui/video-player';
 export declare const AdvertisementUI: React.FC<{
     advertisement: Exclude<Advertisement['data'], undefined>;
     sidebar?: 'left' | 'right';
@@ -13,4 +13,10 @@ export declare const AdvertisementUI: React.FC<{
     controlVideo: ControlVideoCb;
     advertisementPaused: boolean;
     togglePause: (flag: boolean) => void;
+    isEventFired: Advertisement['isEventFired'];
+    fireEvent: Advertisement['fireEvent'];
+    muted?: boolean;
+    toggleMute: (flag: boolean) => void;
+    isMuted?: boolean;
+    isNotification?: boolean;
 }>;

package/lib/app/webos/Advertisement/AdvertisementUI.js

@@ -0,0 +1,63 @@
+import { jsx as r } from "react/jsx-runtime";
+import { TVSidebar as S } from "../ui/Sidebar/index.js";
+import { Banner as b } from "../../../ui/advertisement/banner/index.js";
+import { Notification as g } from "../../../ui/advertisement/notification/index.js";
+import { Sidebar as s } from "../../../ui/advertisement/sidebar/index.js";
+const B = ({
+  advertisement: o,
+  close: t,
+  skipAutoClose: p,
+  sidebar: n,
+  banner: f,
+  markAsViewed: c,
+  open: i,
+  controlVideo: l,
+  advertisementPaused: d,
+  togglePause: a,
+  isEventFired: m,
+  fireEvent: u,
+  muted: I,
+  toggleMute: h,
+  isMuted: q,
+  isNotification: N
+}) => o.promotion ? N && o.notification ? /* @__PURE__ */ r(
+  g,
+  {
+    open: () => i == null ? void 0 : i({ fromNotification: !0 }),
+    notification: o.notification,
+    promotionId: o.question.id,
+    close: t,
+    webos: !0
+  }
+) : n ? /* @__PURE__ */ r(s, { className: "PromoSidebarContainer", direction: n, hiding: !1, children: /* @__PURE__ */ r(
+  S,
+  {
+    markAsViewed: c,
+    promotionId: o.question.id,
+    promotion: o.promotion,
+    onClose: t,
+    open: i,
+    controlVideo: l,
+    skipAutoClose: p,
+    advertisementPaused: d,
+    togglePause: a,
+    isEventFired: m,
+    fireEvent: u,
+    muted: I,
+    toggleMute: h,
+    isMuted: q
+  }
+) }) : f ? /* @__PURE__ */ r(
+  b,
+  {
+    promotionId: o.question.id,
+    hiding: !1,
+    promotion: o.promotion,
+    direction: f,
+    isEventFired: m,
+    fireEvent: u
+  }
+) : null : null;
+export {
+  B as AdvertisementUI
+};

package/lib/app/{tvos/Advertisement.d.ts → webos/Advertisement/index.d.ts}

@@ -4,7 +4,9 @@ export type StreamLayerSDKAdvertisementProps = {
     sidebar?: 'left' | 'right';
     banner?: 'top' | 'bottom';
     skipAutoClose?: boolean;
+    muted?: boolean;
+    notification?: boolean;
 };
-export declare const StreamLayerSDKAdvertisementTVOs: React.FC<StreamLayerSDKAdvertisementProps & {
+export declare const StreamLayerSDKAdvertisementWebOS: React.FC<StreamLayerSDKAdvertisementProps & {
     sdk: StreamLayerSDK;
 }>;

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

@@ -0,0 +1,119 @@
+import { jsxs as M, jsx as P } from "react/jsx-runtime";
+import { cx as T } from "@linaria/core";
+import { styled as V } from "@linaria/react";
+import { useAnalyticsListener as x } from "../../../hooks/analytics.js";
+import { useHideTransition as F } from "../../../hooks/showIn.js";
+import { forwardRef as O, useEffect as B, useRef as j } from "react";
+import { useStore as u } from "@streamlayer/react-polyfills";
+import { eventBus as E } from "@streamlayer/sdk-web-interfaces";
+import { PromotionType as q, FeatureType as D } from "@streamlayer/sdk-web-types";
+import { useAdvertisementBackground as H } from "../../../ui/theme/utils.js";
+import { AdvertisementUI as K } from "./AdvertisementUI.js";
+const N = /* @__PURE__ */ V("div")({
+  name: "AdvertisementUIWrap",
+  class: "a17b2u9w",
+  propsAsIs: !1
+}), R = (t) => {
+  const r = t.target;
+  if (r instanceof HTMLAnchorElement && r.target === "_blank") {
+    const o = r.getAttribute("data-promo-id") || "", a = r.getAttribute("data-promo-type") || q.UNSET;
+    r.getAttribute("data-a") === "button" && E.emit("advertisement", {
+      action: "buttonSelect",
+      payload: {
+        id: o,
+        type: a
+      }
+    }), r.getAttribute("data-a") === "banner" && E.emit("advertisement", {
+      action: "bannerSelect",
+      payload: {
+        id: o,
+        type: a
+      }
+    });
+  }
+}, G = O(({
+  gamification: t,
+  skipAutoClose: r,
+  containerId: o,
+  muted: a,
+  notification: n,
+  sidebar: s,
+  banner: i,
+  persistent: m,
+  controlVideo: l
+}, d) => {
+  var p, f, g, v, A, b, S, y, U, I;
+  const e = u(t.advertisement.$store), {
+    finished: c
+  } = F();
+  x(d, {
+    enabled: !!e.data,
+    event: "click",
+    listener: R
+  }), B(() => {
+    var L;
+    c && ((L = e.close) == null || L.call(e));
+  }, [c]);
+  const k = !i && !s, W = ((g = (f = (p = e.data) == null ? void 0 : p.question) == null ? void 0 : f.backgroundImage) == null ? void 0 : g.landscapeUrl) || ((A = (v = e.data) == null ? void 0 : v.promotion) == null ? void 0 : A.backgroundImageLandscapeUrl), h = ((y = (S = (b = e.data) == null ? void 0 : b.question) == null ? void 0 : S.backgroundImage) == null ? void 0 : y.portraitUrl) || ((I = (U = e.data) == null ? void 0 : U.promotion) == null ? void 0 : I.backgroundImagePortraitUrl), w = H({
+    containerId: o,
+    landscapeUrl: W,
+    portraitUrl: h
+  });
+  return e.data === void 0 || !m && e.isViewed ? null : /* @__PURE__ */ M(N, {
+    ref: d,
+    style: {
+      height: k ? "auto" : "100%"
+    },
+    className: T("SL-AdvertisementUIWrap", "SL-AdvertisementWebOs", "SL-AdvertisementUIWrap--lower-third"),
+    children: [!n && w, /* @__PURE__ */ P(K, {
+      sidebar: s,
+      banner: i,
+      advertisement: e.data,
+      advertisementPaused: !!e.isPaused,
+      togglePause: e.togglePause || (() => {
+      }),
+      toggleMute: e.toggleMute || (() => {
+      }),
+      isMuted: e.isMuted,
+      close: e.close,
+      isEventFired: e.isEventFired,
+      fireEvent: e.fireEvent,
+      markAsViewed: t.advertisement.markAsViewed,
+      open: t.advertisement.open,
+      isNotification: n,
+      skipAutoClose: r,
+      controlVideo: l,
+      muted: a
+    })]
+  });
+}), re = ({
+  sdk: t,
+  sidebar: r,
+  muted: o,
+  banner: a,
+  skipAutoClose: n,
+  persistent: s,
+  notification: i
+}) => {
+  const {
+    containerId: m
+  } = u(t.options), l = u(t.featuresList.getStore()), d = j(null);
+  if (!l)
+    return null;
+  const e = t.getFeature(D.GAMES);
+  return e != null && e.advertisement ? /* @__PURE__ */ P(G, {
+    ref: d,
+    gamification: e,
+    sidebar: r,
+    banner: a,
+    persistent: s,
+    skipAutoClose: n,
+    muted: o,
+    notification: i,
+    containerId: m,
+    controlVideo: t.controlVideoPlayer
+  }) : null;
+};
+export {
+  re as StreamLayerSDKAdvertisementWebOS
+};

package/lib/app/webos/ExposedPauseAd/PauseAd.d.ts

@@ -0,0 +1,15 @@
+export interface PauseAdProps {
+    vastUrls: Array<{
+        template?: 'default';
+        url: string;
+    }>;
+    onClose: () => void;
+    title?: string;
+    caption?: string;
+    onPlay?: () => void;
+    showPauseAd?: boolean;
+    onRender?: (params: {
+        rendered: boolean;
+    }) => void;
+}
+export declare const PauseAd: React.FC<PauseAdProps>;