@streamlayer/react 1.11.3-rc.3 → 1.11.3-rc.5

package/lib/classic/index.d.ts

@@ -1,5 +1,218 @@
-export { StreamLayerThemeProvider } from '@streamlayer/react-ui/theme';
-export { StreamLayerProvider, type DeepLinkCallback, type VideoPlayerCallback, type ContentActivateParams, type OnContentActivateCallback, } from './app/provider';
-export { StreamLayerSDKEvent, type StreamLayerSDKEventProps } from './app/event';
-export { StreamLayerSDKReact, useStreamLayer, useStreamLayerUI, useStreamLayerTheme } from './app/app';
-export { StreamLayerSDKNotification, StreamLayerSDKNotificationUI } from './app/notification';
+declare type CancelMountCb = () => void;
+
+export declare type ContentActivateParams = {
+    stage: 'activate' | 'deactivate';
+    id: string;
+    isViewed?: boolean;
+    hasNotification?: boolean;
+    type: 'advertisement' | 'insight' | 'poll' | 'trivia' | 'prediction' | 'tweet' | 'question';
+};
+
+declare const DEEP_LINK_EVENT_ID = "sldl_eid";
+
+declare const DEEP_LINK_EXTERNAL_EVENT_ID = "sldl_e_eid";
+
+declare const DEEP_LINK_USER_ID = "sldl_uid";
+
+export declare type DeepLinkCallback = (deepLinkData: DeepLinkContextData['data']) => void;
+
+declare type DeepLinkContextData = {
+    handled?: boolean;
+    parsed?: boolean;
+    used?: boolean;
+    data?: DeepLinkUrlParams;
+};
+
+declare type DeepLinkUrlParams = {
+    [DEEP_LINK_USER_ID]?: string;
+    [DEEP_LINK_EVENT_ID]?: string;
+    [DEEP_LINK_EXTERNAL_EVENT_ID]?: string;
+};
+
+declare type DoneFn = Function;
+
+export declare type OnContentActivateCallback = (renderData: ContentActivateParams) => void;
+
+declare type OnMountCb = () => CancelMountCb;
+
+/**
+ * @generated from enum streamlayer.sdkSettings.SdkOverlayType
+ */
+declare enum SdkOverlayType {
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_UNSET = 0;
+     */
+    UNSET = 0,
+
+    /**
+     * betting legacy
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_INPLAY = 1;
+     */
+    INPLAY = 1,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_MESSAGING = 2;
+     */
+    MESSAGING = 2,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_STATISTICS = 3;
+     */
+    STATISTICS = 3,
+
+    /**
+     * betting
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_BETTING = 4;
+     */
+    BETTING = 4,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_TWITTER = 5;
+     */
+    TWITTER = 5,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_MERCHANDISE = 6;
+     */
+    MERCHANDISE = 6,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_CONTESTS = 7;
+     */
+    CONTESTS = 7,
+
+    /**
+     * WatchParty
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_VOICE_CHAT = 8;
+     */
+    VOICE_CHAT = 8,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_TICKETS = 9;
+     */
+    TICKETS = 9,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_WHOIS_WATCHING = 10;
+     */
+    WHOIS_WATCHING = 10,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_PROFILE = 11;
+     */
+    PROFILE = 11,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_GAMES = 12;
+     */
+    GAMES = 12,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_GOLF_STATISTICS = 13;
+     */
+    GOLF_STATISTICS = 13,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_HIGHLIGHTS = 14;
+     */
+    HIGHLIGHTS = 14,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_PUBLIC_CHAT = 15;
+     */
+    PUBLIC_CHAT = 15,
+}
+
+declare interface StreamLayerOptions {
+}
+
+declare type StreamLayerPlugin<T = unknown> = (instance: StreamLayerContext, opts: T, done: DoneFn) => void;
+
+declare type StreamLayerProps = {
+    sdkKey: string;
+    plugins?: Set<StreamLayerPlugin>;
+    event?: string;
+    production?: boolean;
+    autoEnable?: boolean;
+    onDeepLinkHandled?: DeepLinkCallback;
+    videoPlayerController?: VideoPlayerCallback;
+    onContentActivate?: OnContentActivateCallback;
+    theme?: string;
+    withAdNotification?: boolean;
+    withAd?: boolean;
+    friendsTab?: 'enabled' | 'disabled' | 'activatedGame';
+    themeMode?: 'light' | 'dark';
+};
+
+export declare const StreamLayerProvider: React.FC<StreamLayerProps & {
+    children: React.ReactNode;
+}>;
+
+declare interface StreamLayerSDK {
+    onMount: (opts: {
+        name: string;
+        clear?: boolean;
+    }, cb: OnMountCb) => void;
+    closeFeature: (destroy?: boolean) => void;
+    openFeature: (featureType: SdkOverlayType) => void;
+}
+
+export declare const StreamLayerSDKEvent: React.FC<StreamLayerSDKEventProps>;
+
+export declare type StreamLayerSDKEventProps = {
+    event?: string;
+};
+
+export declare const StreamLayerSDKNotification: React.FC<{
+    theme?: string;
+}>;
+
+export declare const StreamLayerSDKNotificationUI: React.FC<{
+    sdk: StreamLayerSDK;
+}>;
+
+export declare const StreamLayerSDKReact: React.FC<{
+    event?: string;
+    topNavigation?: boolean;
+    withSidebarNotification?: boolean;
+    theme?: string;
+}>;
+
+export declare const StreamLayerThemeProvider: React.FC<{
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    themeMode?: 'light' | 'dark';
+    customTheme?: string;
+}>;
+
+export declare const useStreamLayer: () => StreamLayerSDK | null;
+
+export declare const useStreamLayerTheme: () => Pick<StreamLayerOptions, "theme" | "themeMode">;
+
+export declare const useStreamLayerUI: () => {
+    promotionExternalAd?: boolean;
+    promotionSidebar?: boolean;
+    promotionOverlay?: boolean;
+    promotionNotification?: boolean;
+    promotionBanner?: boolean;
+    app?: boolean;
+    appNotification?: boolean;
+};
+
+export declare type VideoPlayerCallback = (videoPlayerData: VideoPlayerData) => void;
+
+declare type VideoPlayerData = {
+    muted: boolean;
+};
+
+export { }
+
+
+declare global {
+    interface Window {
+        sl: unknown;
+    }
+}

package/lib/classic/insight.d.ts

@@ -0,0 +1,136 @@
+declare type CancelMountCb = () => void;
+
+declare type OnMountCb = () => CancelMountCb;
+
+/**
+ * @generated from enum streamlayer.sdkSettings.SdkOverlayType
+ */
+declare enum SdkOverlayType {
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_UNSET = 0;
+     */
+    UNSET = 0,
+
+    /**
+     * betting legacy
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_INPLAY = 1;
+     */
+    INPLAY = 1,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_MESSAGING = 2;
+     */
+    MESSAGING = 2,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_STATISTICS = 3;
+     */
+    STATISTICS = 3,
+
+    /**
+     * betting
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_BETTING = 4;
+     */
+    BETTING = 4,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_TWITTER = 5;
+     */
+    TWITTER = 5,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_MERCHANDISE = 6;
+     */
+    MERCHANDISE = 6,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_CONTESTS = 7;
+     */
+    CONTESTS = 7,
+
+    /**
+     * WatchParty
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_VOICE_CHAT = 8;
+     */
+    VOICE_CHAT = 8,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_TICKETS = 9;
+     */
+    TICKETS = 9,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_WHOIS_WATCHING = 10;
+     */
+    WHOIS_WATCHING = 10,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_PROFILE = 11;
+     */
+    PROFILE = 11,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_GAMES = 12;
+     */
+    GAMES = 12,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_GOLF_STATISTICS = 13;
+     */
+    GOLF_STATISTICS = 13,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_HIGHLIGHTS = 14;
+     */
+    HIGHLIGHTS = 14,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_PUBLIC_CHAT = 15;
+     */
+    PUBLIC_CHAT = 15,
+}
+
+declare interface StreamLayerSDK {
+    onMount: (opts: {
+        name: string;
+        clear?: boolean;
+    }, cb: OnMountCb) => void;
+    closeFeature: (destroy?: boolean) => void;
+    openFeature: (featureType: SdkOverlayType) => void;
+}
+
+export declare const StreamLayerSDKInsight: React.FC<StreamLayerSDKInsightProps>;
+
+export declare type StreamLayerSDKInsightProps = {
+    /**
+     * @deprecated Pass event to StreamLayerProvider or StreamLayerSDKEvent component instead, see docs for more info
+     */
+    event?: string;
+    theme?: string;
+    hideHeader?: boolean;
+    persistent?: boolean;
+    skipAutoClose?: boolean;
+};
+
+declare type StreamLayerSDKInsightProps_2 = {
+    hideHeader?: boolean;
+    persistent?: boolean;
+    skipAutoClose?: boolean;
+};
+
+export declare const StreamLayerSDKInsightUI: React.FC<StreamLayerSDKInsightProps_2 & {
+    sdk: StreamLayerSDK;
+    insightId?: string;
+}>;
+
+export { }
+
+
+declare global {
+    interface Window {
+        sl: unknown;
+    }
+}

package/lib/classic/notification.d.ts

@@ -0,0 +1,120 @@
+declare type CancelMountCb = () => void;
+
+declare type OnMountCb = () => CancelMountCb;
+
+/**
+ * @generated from enum streamlayer.sdkSettings.SdkOverlayType
+ */
+declare enum SdkOverlayType {
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_UNSET = 0;
+     */
+    UNSET = 0,
+
+    /**
+     * betting legacy
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_INPLAY = 1;
+     */
+    INPLAY = 1,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_MESSAGING = 2;
+     */
+    MESSAGING = 2,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_STATISTICS = 3;
+     */
+    STATISTICS = 3,
+
+    /**
+     * betting
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_BETTING = 4;
+     */
+    BETTING = 4,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_TWITTER = 5;
+     */
+    TWITTER = 5,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_MERCHANDISE = 6;
+     */
+    MERCHANDISE = 6,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_CONTESTS = 7;
+     */
+    CONTESTS = 7,
+
+    /**
+     * WatchParty
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_VOICE_CHAT = 8;
+     */
+    VOICE_CHAT = 8,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_TICKETS = 9;
+     */
+    TICKETS = 9,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_WHOIS_WATCHING = 10;
+     */
+    WHOIS_WATCHING = 10,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_PROFILE = 11;
+     */
+    PROFILE = 11,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_GAMES = 12;
+     */
+    GAMES = 12,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_GOLF_STATISTICS = 13;
+     */
+    GOLF_STATISTICS = 13,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_HIGHLIGHTS = 14;
+     */
+    HIGHLIGHTS = 14,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_PUBLIC_CHAT = 15;
+     */
+    PUBLIC_CHAT = 15,
+}
+
+declare interface StreamLayerSDK {
+    onMount: (opts: {
+        name: string;
+        clear?: boolean;
+    }, cb: OnMountCb) => void;
+    closeFeature: (destroy?: boolean) => void;
+    openFeature: (featureType: SdkOverlayType) => void;
+}
+
+export declare const StreamLayerSDKNotification: React.FC<{
+    theme?: string;
+}>;
+
+export declare const StreamLayerSDKNotificationUI: React.FC<{
+    sdk: StreamLayerSDK;
+}>;
+
+export { }
+
+
+declare global {
+    interface Window {
+        sl: unknown;
+    }
+}

package/lib/classic/points.d.ts

@@ -0,0 +1,12 @@
+export declare const StreamLayerSDKPoints: React.FC<{
+    theme?: string;
+}>;
+
+export { }
+
+
+declare global {
+    interface Window {
+        sl: unknown;
+    }
+}

package/lib/classic/style.css

@@ -1,4 +1,4 @@
-.ps1br77{--color-blue-question-action-btn:#1589ee;--color-white:#FFFFFF;--color-blue:#2d6ffd;--color-grey-primary:#909395;--color-grey-primary-onboarding-inapp:#B5B7B8;--color-primary-1:#1D7BFF;--color-primary-2:#095CD1;--color-primary-text:#090E13;--color-secondary-text:rgba(10, 14, 19, 0.70);--color-question-type-icon:#1D7BFF;--color-success:#107D57;--color-unsuccess:#DF2F3B;--color-secondary-red1:#DF2F3B;--color-neutrals-white:#FFFFFF;--color-neutrals-white1:#FFFFFF;--color-neutrals-gray1:#F7F7F7;--color-neutrals-gray2:#F2F2F1;--color-neutrals-gray3:#E8E8E8;--color-neutrals-gray4:#D9D9D6;--color-neutrals-gray5:#B1B3B3;--color-neutrals-gray6:#888B8D;--color-neutrals-gray7:#6B6F73;--color-neutrals-gray9:#25282A;--color-sdk-container-bg:#F7F7F7;--color-sdk-white-container-bg:#fff;--color-sdk-dark-container-bg:#fff;--color-sdk-prediction-result-success-bg:#fff;--color-sdk-prediction-result-incorrect-bg:#fff;--color-sdk-prediction-result-success-text:#107D57;--color-sdk-prediction-result-error-title:#090E13;--color-sdk-prediction-result-error-subtitle:#DF2F3B;--color-sdk-prediction-result-close-icon:#6B6F73;--color-sdk-prediction-feedback-success-icon:#107D57;--color-sdk-prediction-feedback-incorrect-rect1:#CD2525;--color-sdk-prediction-feedback-incorrect-rect2:#fff;--color-prediction-bg-lines-correct:#01AB58;--color-prediction-bg-lines-incorrect:#888B8D;--color-skeleton-color-1:#f1efef;--color-skeleton-color-2:#f9f8f8;--color-tabs-container-bg:#F2F2F1;--color-tabs-active-bg:#FFFFFF;--color-tabs-color:#6B6F73;--color-tabs-active-color:#1D7BFF;--color-card-bg:#FFFFFF;--color-card-border:#fff;--color-border:#E8E8E8;--color-vote-btn-bg:#F7F7F7;--color-vote-btn-border:rgb(232, 232, 232);--color-vote-btn-disabled-border:#B1B3B3;--color-vote-btn-selected-border:#25282A;--color-vote-btn-not-selected-border:#E8E8E8;--color-vote-btn-selected-bg:#FFFFFF;--color-vote-btn-not-selected-bg:#FFFFFF;--color-vote-btn-not-selected-bg-unset:rgb(196, 196, 196);--color-voted-answer-bg:#FFFFFF;--color-voted-btn-rct-bg:#2d5694;--color-in-app-bg:rgba(255, 255, 255, 0.90);--color-in-app-question-type-icon:#1D7BFF;--color-in-app-question-type-label:#82899E;--color-in-app-question-quote:rgba(10, 14, 19, 0.70);--color-in-app-question-result-subtitle-bg:#1D7BFF;--color-in-app-question-result-line:#babfc5;--color-adv-bg-primary:#13212b;--color-adv-bg-secondary:#152430;--color-adv-bg-secondary1:#435059;--color-adv-border-primary:rgba(255, 255, 255, 0.1);--color-adv-text-primary:#f9f9f9;--color-adv-text-primary1:#f9f9f9;--color-adv-text-secondary:rgba(255, 255, 255, 0.8);--color-adv-text-secondary1:#878787;--color-adv-white:#fff;--font-family:'SF Pro Text',Arial,Helvetica,sans-serif;--font-regular:'SF Pro Text',Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:'SF Pro Display',Arial,Helvetica,sans-serif;--font-weight-default:500;--font-weight-default1:500;--font-weight-default2:400;--font-weight-default3:500;--font-size-default:16px;--font-size-secondary:14px;--font-size-small:12px;--line-height-default:24px;--margin-title-default:24px 0px;--font-header-title:1.125rem;--header-offset:0px;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--tabs-padding-top:16px;--summary-container-padding-bottom:16px;--max-tabs-width:100%;--border-radius:8px;--pill-offset:0px;--max-width:600px;--max-notifications-width:400px;--header-padding:12px 12px 12px 16px;--margin-web-link-btn:0px;--padding-web-link-btn:11px 16px;--insight-content-padding:0px;--close-icon-size:12px;--close-icon-size:1.125rem;--close-icon-stroke-width:1.5;--padding-title-default:0px;--insight-image-display:inline;--web-link-align-items:center;--web-link-column-gap:10px;--nav-border:1px solid var(--color-neutrals-gray3);--card-border:1px solid var(--color-card-border);--welcome-screen-graphic-size:144px;--welcome-screen-graphic-size-xl:144px;--row-gap-default:12px;--row-gap-default1:12px;--row-gap-default2:16px;--promo-header-line-height:18.5px;--promo-animation-duration:0.5s;--promo-animation-function:ease-in;--insight-image-ratio:16/9;--adv-side-indents:16px;--adv-top-indent:12px;--adv-header-height:52px;--adv-media-row-gap:24px;--adv-media-padding:0 26.5px;--adv-sponsor-logo-size:32px;--adv-sponsor-font-size:16px;--adv-header-border:1px solid var(--color-adv-border-primary);--adv-header-shift:0;--adv-media-shift:24px;--adv-hide-on-mobile:unset;--adv-title-font-size:24px;--adv-description-font-size:16px;--adv-title-height:31px;--adv-description-height:21px;--adv-btn-font-size:16px;--adv-btn-padding:10px 14px;height:100%;font-family:var(--font-family);color:var(--font-color);}@media only screen and (max-width: 1199px){.ps1br77{--header-offset:0px;}}@media only screen and (max-width: 1199px) and (min-width: 992px){.ps1br77{--header-offset:0px;}}.ps1br77 .mobile-view{--adv-side-indents:16px;--adv-hide-on-mobile:none;--adv-header-shift:-10px;--adv-media-shift:-10px;--adv-top-indent:4px;--adv-header-border:none;--adv-header-height:48px;--adv-media-row-gap:22.5px;--adv-sponsor-logo-size:28px;--adv-sponsor-font-size:12px;}.ps1br77 *{box-sizing:border-box;}.ps1br77.light .on-dark{display:none;}.ps1br77.dark{--nav-border:none;--card-border:none;--color-sdk-container-bg:#1a2d40;--color-sdk-white-container-bg:#1a2d40;--color-tabs-color:#fff;--color-tabs-active-color:#fff;--color-tabs-container-bg:#314153;--color-tabs-active-bg:#1d7bff;--color-sdk-dark-container-bg:rgba(255, 255, 255, 0.1);--color-sdk-prediction-result-success-bg:#01ab58;--color-sdk-prediction-result-incorrect-bg:#da3732;--color-sdk-prediction-result-success-text:#fff;--color-sdk-prediction-result-error-title:#fff;--color-sdk-prediction-result-error-subtitle:#fff;--color-sdk-prediction-result-close-icon:#fff;--color-sdk-prediction-feedback-success-icon:#fff;--color-sdk-prediction-feedback-incorrect-rect1:#fff;--color-sdk-prediction-feedback-incorrect-rect2:#cd2525;--color-prediction-bg-lines-correct:#fff;--color-prediction-bg-lines-incorrect:#fff;--color-primary-text:#fff;--color-secondary-text:rgba(255, 255, 255, 0.7);--color-border:rgba(255, 255, 255, 0.1);--color-skeleton-color-1:rgba(255, 255, 255, 0.1);--color-skeleton-color-2:rgba(255, 255, 255, 0.05);--color-question-type-icon:#fff;--color-in-app-question-type-label:rgba(255, 255, 255, 0.7);--color-in-app-question-quote:rgba(255, 255, 255, 0.7);--color-in-app-question-result-subtitle-bg:rgba(10, 14, 19, 0.8);--color-in-app-question-result-line:#1589ee;--color-vote-btn-bg:rgba(255, 255, 255, 0.1);--color-vote-btn-border:rgba(255, 255, 255, 0.1);--color-vote-btn-selected-bg:rgba(29, 123, 255, 0.3);--color-vote-btn-selected-border:#1d7bff;--color-vote-btn-not-selected-bg:rgba(255, 255, 255, 0.1);--color-vote-btn-not-selected-border:rgba(255, 255, 255, 0.1);--color-vote-btn-not-selected-bg-unset:rgba(255, 255, 255, 0.1);--color-voted-answer-bg:#1d7bff;--color-voted-btn-rct-bg:rgba(29, 123, 255, 0.3);--color-in-app-bg:rgba(10, 14, 19, 0.85);--color-success:#00bd60;--color-unsuccess:#df2f3b;--summary-container-padding-bottom:0px;--tabs-padding-top:0px;}.ps1br77.dark .on-light{display:none;}
+.ps1br77{--color-blue-question-action-btn:#1589ee;--color-white:#FFFFFF;--color-blue:#2d6ffd;--color-grey-primary:#909395;--color-grey-primary-onboarding-inapp:#B5B7B8;--color-primary-1:#1D7BFF;--color-primary-2:#095CD1;--color-primary-text:#090E13;--color-secondary-text:rgba(10, 14, 19, 0.70);--color-question-type-icon:#1D7BFF;--color-success:#107D57;--color-unsuccess:#DF2F3B;--color-secondary-red1:#DF2F3B;--color-neutrals-white:#FFFFFF;--color-neutrals-white1:#FFFFFF;--color-neutrals-gray1:#F7F7F7;--color-neutrals-gray2:#F2F2F1;--color-neutrals-gray3:#E8E8E8;--color-neutrals-gray4:#D9D9D6;--color-neutrals-gray5:#B1B3B3;--color-neutrals-gray6:#888B8D;--color-neutrals-gray7:#6B6F73;--color-neutrals-gray9:#25282A;--color-sdk-container-bg:#F7F7F7;--color-sdk-white-container-bg:#fff;--color-sdk-dark-container-bg:#fff;--color-sdk-prediction-result-success-bg:#fff;--color-sdk-prediction-result-incorrect-bg:#fff;--color-sdk-prediction-result-success-text:#107D57;--color-sdk-prediction-result-error-title:#090E13;--color-sdk-prediction-result-error-subtitle:#DF2F3B;--color-sdk-prediction-result-close-icon:#6B6F73;--color-sdk-prediction-feedback-success-icon:#107D57;--color-sdk-prediction-feedback-incorrect-rect1:#CD2525;--color-sdk-prediction-feedback-incorrect-rect2:#fff;--color-prediction-bg-lines-correct:#01AB58;--color-prediction-bg-lines-incorrect:#888B8D;--color-skeleton-color-1:#f1efef;--color-skeleton-color-2:#f9f8f8;--color-tabs-container-bg:#F2F2F1;--color-tabs-active-bg:#FFFFFF;--color-tabs-color:#6B6F73;--color-tabs-active-color:#1D7BFF;--color-card-bg:#FFFFFF;--color-card-border:#fff;--color-border:#E8E8E8;--color-vote-btn-bg:#F7F7F7;--color-vote-btn-border:rgb(232, 232, 232);--color-vote-btn-disabled-border:#B1B3B3;--color-vote-btn-selected-border:#25282A;--color-vote-btn-not-selected-border:#E8E8E8;--color-vote-btn-selected-bg:#FFFFFF;--color-vote-btn-not-selected-bg:#FFFFFF;--color-vote-btn-not-selected-bg-unset:rgb(196, 196, 196);--color-voted-answer-bg:#FFFFFF;--color-voted-btn-rct-bg:#2d5694;--color-in-app-bg:rgba(255, 255, 255, 0.90);--color-in-app-question-type-icon:#1D7BFF;--color-in-app-question-type-label:#82899E;--color-in-app-question-quote:rgba(10, 14, 19, 0.70);--color-in-app-question-result-subtitle-bg:#1D7BFF;--color-in-app-question-result-line:#babfc5;--color-adv-bg-primary:#13212b;--color-adv-bg-secondary:#152430;--color-adv-bg-secondary1:#435059;--color-adv-border-primary:rgba(255, 255, 255, 0.1);--color-adv-text-primary:#f9f9f9;--color-adv-text-primary1:#f9f9f9;--color-adv-text-secondary:rgba(255, 255, 255, 0.8);--color-adv-text-secondary1:#878787;--color-adv-white:#fff;--font-family:'SF Pro Text',Arial,Helvetica,sans-serif;--font-regular:'SF Pro Text',Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:'SF Pro Display',Arial,Helvetica,sans-serif;--font-weight-default:500;--font-weight-default1:500;--font-weight-default2:400;--font-weight-default3:500;--font-size-default:16px;--font-size-secondary:14px;--font-size-small:12px;--line-height-default:24px;--margin-title-default:24px 0px;--font-header-title:1.125rem;--header-offset:0px;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--tabs-padding-top:16px;--summary-container-padding-bottom:16px;--max-tabs-width:100%;--border-radius:8px;--pill-offset:0px;--max-width:600px;--max-notifications-width:400px;--header-padding:12px 12px 12px 16px;--margin-web-link-btn:0px;--padding-web-link-btn:11px 16px;--insight-content-padding:0px;--close-icon-size:12px;--close-icon-size:1.125rem;--close-icon-stroke-width:1.5;--padding-title-default:0px;--insight-image-display:inline;--web-link-align-items:center;--web-link-column-gap:10px;--nav-border:1px solid var(--color-neutrals-gray3);--card-border:1px solid var(--color-card-border);--welcome-screen-graphic-size:144px;--welcome-screen-graphic-size-xl:144px;--row-gap-default:12px;--row-gap-default1:12px;--row-gap-default2:16px;--promo-header-line-height:18.5px;--promo-animation-duration:0.5s;--promo-animation-function:ease-in;--insight-image-ratio:16/9;--adv-side-indents:16px;--adv-top-indent:12px;--adv-header-height:52px;--adv-media-row-gap:24px;--adv-media-padding:0 26.5px;--adv-sponsor-logo-size:32px;--adv-sponsor-font-size:16px;--adv-header-border:1px solid var(--color-adv-border-primary);--adv-header-shift:0;--adv-media-shift:24px;--adv-hide-on-mobile:unset;--adv-title-font-size:24px;--adv-description-font-size:16px;--adv-title-height:31px;--adv-description-height:21px;--adv-btn-font-size:16px;--adv-btn-padding:10px 14px;height:100%;font-family:var(--font-family);color:var(--font-color);--theme-name:'base';}@media only screen and (max-width: 1199px){.ps1br77{--header-offset:0px;}}@media only screen and (max-width: 1199px) and (min-width: 992px){.ps1br77{--header-offset:0px;}}.ps1br77 .mobile-view{--adv-side-indents:16px;--adv-hide-on-mobile:none;--adv-header-shift:-10px;--adv-media-shift:-10px;--adv-top-indent:4px;--adv-header-border:none;--adv-header-height:48px;--adv-media-row-gap:22.5px;--adv-sponsor-logo-size:28px;--adv-sponsor-font-size:12px;}.ps1br77 *{box-sizing:border-box;}.ps1br77.light .on-dark{display:none;}.ps1br77.dark{--nav-border:none;--card-border:none;--color-sdk-container-bg:#1a2d40;--color-sdk-white-container-bg:#1a2d40;--color-tabs-color:#fff;--color-tabs-active-color:#fff;--color-tabs-container-bg:#314153;--color-tabs-active-bg:#1d7bff;--color-sdk-dark-container-bg:rgba(255, 255, 255, 0.1);--color-sdk-prediction-result-success-bg:#01ab58;--color-sdk-prediction-result-incorrect-bg:#da3732;--color-sdk-prediction-result-success-text:#fff;--color-sdk-prediction-result-error-title:#fff;--color-sdk-prediction-result-error-subtitle:#fff;--color-sdk-prediction-result-close-icon:#fff;--color-sdk-prediction-feedback-success-icon:#fff;--color-sdk-prediction-feedback-incorrect-rect1:#fff;--color-sdk-prediction-feedback-incorrect-rect2:#cd2525;--color-prediction-bg-lines-correct:#fff;--color-prediction-bg-lines-incorrect:#fff;--color-primary-text:#fff;--color-secondary-text:rgba(255, 255, 255, 0.7);--color-border:rgba(255, 255, 255, 0.1);--color-skeleton-color-1:rgba(255, 255, 255, 0.1);--color-skeleton-color-2:rgba(255, 255, 255, 0.05);--color-question-type-icon:#fff;--color-in-app-question-type-label:rgba(255, 255, 255, 0.7);--color-in-app-question-quote:rgba(255, 255, 255, 0.7);--color-in-app-question-result-subtitle-bg:rgba(10, 14, 19, 0.8);--color-in-app-question-result-line:#1589ee;--color-vote-btn-bg:rgba(255, 255, 255, 0.1);--color-vote-btn-border:rgba(255, 255, 255, 0.1);--color-vote-btn-selected-bg:rgba(29, 123, 255, 0.3);--color-vote-btn-selected-border:#1d7bff;--color-vote-btn-not-selected-bg:rgba(255, 255, 255, 0.1);--color-vote-btn-not-selected-border:rgba(255, 255, 255, 0.1);--color-vote-btn-not-selected-bg-unset:rgba(255, 255, 255, 0.1);--color-voted-answer-bg:#1d7bff;--color-voted-btn-rct-bg:rgba(29, 123, 255, 0.3);--color-in-app-bg:rgba(10, 14, 19, 0.85);--color-success:#00bd60;--color-unsuccess:#df2f3b;--summary-container-padding-bottom:0px;--tabs-padding-top:0px;}.ps1br77.dark .on-light{display:none;}
 .i1clitdv{background:#222425;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
 .fwia263{font-weight:var(--font-weight-default);color:var(--color-primary-text);}
 .u1p7dtdf{font-weight:var(--font-weight-default);color:var(--color-primary-text);font-size:12px;text-align:center;width:24px;line-height:24px;background:rgba(255, 255, 255, 0.1);border-radius:5px;}

package/lib/classic/useStreamLayerApp.d.ts

@@ -0,0 +1,167 @@
+declare type CancelMountCb = () => void;
+
+declare const DEEP_LINK_EVENT_ID = "sldl_eid";
+
+declare const DEEP_LINK_EXTERNAL_EVENT_ID = "sldl_e_eid";
+
+declare const DEEP_LINK_USER_ID = "sldl_uid";
+
+declare type DeepLinkCallback = (deepLinkData: DeepLinkContextData['data']) => void;
+
+declare type DeepLinkContextData = {
+    handled?: boolean;
+    parsed?: boolean;
+    used?: boolean;
+    data?: DeepLinkUrlParams;
+};
+
+declare type DeepLinkUrlParams = {
+    [DEEP_LINK_USER_ID]?: string;
+    [DEEP_LINK_EVENT_ID]?: string;
+    [DEEP_LINK_EXTERNAL_EVENT_ID]?: string;
+};
+
+declare type DoneFn = Function;
+
+declare type OnContentActivateCallback = (renderData: UIData) => void;
+
+declare type OnMountCb = () => CancelMountCb;
+
+/**
+ * @generated from enum streamlayer.sdkSettings.SdkOverlayType
+ */
+declare enum SdkOverlayType {
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_UNSET = 0;
+     */
+    UNSET = 0,
+
+    /**
+     * betting legacy
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_INPLAY = 1;
+     */
+    INPLAY = 1,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_MESSAGING = 2;
+     */
+    MESSAGING = 2,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_STATISTICS = 3;
+     */
+    STATISTICS = 3,
+
+    /**
+     * betting
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_BETTING = 4;
+     */
+    BETTING = 4,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_TWITTER = 5;
+     */
+    TWITTER = 5,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_MERCHANDISE = 6;
+     */
+    MERCHANDISE = 6,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_CONTESTS = 7;
+     */
+    CONTESTS = 7,
+
+    /**
+     * WatchParty
+     *
+     * @generated from enum value: SDK_OVERLAY_TYPE_VOICE_CHAT = 8;
+     */
+    VOICE_CHAT = 8,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_TICKETS = 9;
+     */
+    TICKETS = 9,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_WHOIS_WATCHING = 10;
+     */
+    WHOIS_WATCHING = 10,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_PROFILE = 11;
+     */
+    PROFILE = 11,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_GAMES = 12;
+     */
+    GAMES = 12,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_GOLF_STATISTICS = 13;
+     */
+    GOLF_STATISTICS = 13,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_HIGHLIGHTS = 14;
+     */
+    HIGHLIGHTS = 14,
+
+    /**
+     * @generated from enum value: SDK_OVERLAY_TYPE_PUBLIC_CHAT = 15;
+     */
+    PUBLIC_CHAT = 15,
+}
+
+declare type StreamLayerPlugin<T = unknown> = (instance: StreamLayerContext, opts: T, done: DoneFn) => void;
+
+declare interface StreamLayerSDK {
+    onMount: (opts: {
+        name: string;
+        clear?: boolean;
+    }, cb: OnMountCb) => void;
+    closeFeature: (destroy?: boolean) => void;
+    openFeature: (featureType: SdkOverlayType) => void;
+}
+
+declare type UIData = {
+    stage: 'activate' | 'deactivate';
+    id: string;
+    isViewed?: boolean;
+    hasNotification?: boolean;
+    type: 'advertisement' | 'insight' | 'poll' | 'trivia' | 'prediction' | 'tweet' | 'question';
+    hasBanner?: boolean;
+};
+
+export declare const useStreamLayerApp: ({ sdkKey, plugins, production, autoEnable, onDeepLinkHandled, videoPlayerController, onContentActivate, withAdNotification, withAd, friendsTab, }: {
+    sdkKey: string;
+    plugins?: Set<StreamLayerPlugin>;
+    production?: boolean;
+    autoEnable?: boolean;
+    onDeepLinkHandled?: DeepLinkCallback;
+    videoPlayerController?: VideoPlayerCallback;
+    onContentActivate?: OnContentActivateCallback;
+    withAdNotification?: boolean;
+    withAd?: boolean;
+    friendsTab: "enabled" | "disabled" | "activatedGame";
+}) => StreamLayerSDK | null;
+
+declare type VideoPlayerCallback = (videoPlayerData: VideoPlayerData) => void;
+
+declare type VideoPlayerData = {
+    muted: boolean;
+};
+
+export { }
+
+
+declare global {
+    interface Window {
+        sl: unknown;
+    }
+}