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

package/lib/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;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "1.11.3-rc.3",
+  "version": "1.11.3-rc.5",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -118,19 +118,6 @@
     }
   ],
   "peerDependencies": {
-    "@streamlayer/feature-gamification": "^1.13.4",
-    "@streamlayer/sdk-web": "^1.7.4",
-    "@streamlayer/sdk-web-analytics": "^1.5.8",
-    "@streamlayer/sdk-web-api": "^1.6.21",
-    "@streamlayer/sdk-web-core": "^1.9.4",
-    "@streamlayer/sdk-web-features": "^1.0.42",
-    "@streamlayer/sdk-web-interfaces": "^1.4.8",
-    "@streamlayer/sdk-web-logger": "^1.0.42",
-    "@streamlayer/sdk-web-notifications": "^1.3.4",
-    "@streamlayer/sdk-web-storage": "^1.0.42",
-    "@streamlayer/react-ui": "^1.17.0",
-    "@streamlayer/react-polyfills": "^0.1.2",
-    "@streamlayer/sdk-web-types": "^1.9.4",
     "@bufbuild/protobuf": "^1.10.0",
     "@connectrpc/connect": "^1.6.1",
     "@connectrpc/connect-web": "^1.6.1",
@@ -143,49 +130,14 @@
     "nanoid": "3.3.7",
     "nanostores": "^0.10.3",
     "pino": "^9.4.0",
+    "react": "18.3.1",
     "react-auth-code-input": "^3.2.1",
     "react-countdown-circle-timer": "^3.2.1",
     "react-countup": "^6.5.3",
+    "react-dom": "18.3.1",
     "react-infinite-scroller": "^1.2.6",
     "react-phone-number-input": "^3.4.8"
   },
-  "devDependencies": {
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.24.7",
-    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
-    "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
-    "@linaria/babel-preset": "^5.0.4",
-    "@nrwl/esbuild": "19.8.4",
-    "@size-limit/esbuild": "^11.1.6",
-    "@size-limit/esbuild-why": "^11.1.6",
-    "@size-limit/file": "^11.1.6",
-    "@testing-library/react": "16.0.1",
-    "@types/react": "18.3.11",
-    "@types/react-dom": "18.3.0",
-    "@types/react-infinite-scroller": "^1.2.5",
-    "@wyw-in-js/vite": "^0.5.3",
-    "cssnano": "^7.0.6",
-    "esbuild-plugin-external-global": "^1.0.1",
-    "esbuild-plugin-polyfill-node": "^0.3.0",
-    "esbuild-plugin-svgr": "^2.1.0",
-    "eslint-plugin-jsx-a11y": "6.9.0",
-    "eslint-plugin-react": "7.34.3",
-    "eslint-plugin-react-hooks": "4.6.2",
-    "nx-gcs": "^1.0.6",
-    "postcss": "^8.4.47",
-    "postcss-cli": "^11.0.0",
-    "postcss-nested": "^6.2.0",
-    "postcss-prefix-selector": "^1.16.1",
-    "postcss-scss": "^4.0.9",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-refresh": "^0.14.2",
-    "rollup-plugin-visualizer": "^5.12.0",
-    "size-limit": "^11.1.6",
-    "url-loader": "^4.1.1",
-    "vite-plugin-dts": "^4.5.0",
-    "@streamlayer/react-ui": "^1.17.0"
-  },
   "scripts": {
     "size-limit": "size-limit"
   }

package/lib/app/advertisement.d.ts

@@ -1,18 +0,0 @@
-import { StreamLayerSDKAdvertisement as StreamLayerSDKAdvertisementUI } from '@streamlayer/react-ui/advertisement';
-export type StreamLayerSDKAdvertisementProps = {
-    /**
-     * @deprecated Pass event to StreamLayerProvider or StreamLayerSDKEvent component instead, see docs for more info
-     */
-    event?: string;
-    theme?: string;
-    sidebar?: 'left' | 'right';
-    banner?: 'top' | 'bottom';
-    isMobileScreen?: boolean;
-    persistent?: boolean;
-    notification?: boolean;
-    skipAutoClose?: boolean;
-    skipTypeCheck?: boolean;
-    externalAd?: boolean;
-};
-export { StreamLayerSDKAdvertisementUI };
-export declare const StreamLayerSDKAdvertisement: React.FC<StreamLayerSDKAdvertisementProps>;

package/lib/app/app.d.ts

@@ -1,19 +0,0 @@
-import { StreamLayerOptions, StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-export declare const useStreamLayer: () => StreamLayerSDK | null;
-export declare const useStreamLayerEvent: () => import('react').MutableRefObject<string> | undefined;
-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 const StreamLayerSDKReact: React.FC<{
-    event?: string;
-    topNavigation?: boolean;
-    withSidebarNotification?: boolean;
-    theme?: string;
-}>;

package/lib/app/event.d.ts

@@ -1,4 +0,0 @@
-export type StreamLayerSDKEventProps = {
-    event?: string;
-};
-export declare const StreamLayerSDKEvent: React.FC<StreamLayerSDKEventProps>;

package/lib/app/insight.d.ts

@@ -1,13 +0,0 @@
-import { StreamLayerSDKInsight as StreamLayerSDKInsightUI } from '@streamlayer/react-ui/insight';
-export 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;
-};
-export { StreamLayerSDKInsightUI };
-export declare const StreamLayerSDKInsight: React.FC<StreamLayerSDKInsightProps>;

package/lib/app/notification.d.ts

@@ -1,5 +0,0 @@
-import { StreamLayerSDKNotification as StreamLayerSDKNotificationUI } from '@streamlayer/react-ui/notification';
-export { StreamLayerSDKNotificationUI };
-export declare const StreamLayerSDKNotification: React.FC<{
-    theme?: string;
-}>;

package/lib/app/points.d.ts

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

package/lib/app/provider.d.ts

@@ -1,43 +0,0 @@
-import { StreamLayerSDK, StreamLayerPlugin } from '@streamlayer/sdk-web-interfaces';
-import { DeepLinkCallback } from '@streamlayer/sdk-web-core';
-export type { DeepLinkCallback } from '@streamlayer/sdk-web-core';
-export type ContentActivateParams = {
-    stage: 'activate' | 'deactivate';
-    id: string;
-    isViewed?: boolean;
-    hasNotification?: boolean;
-    type: 'advertisement' | 'insight' | 'poll' | 'trivia' | 'prediction' | 'tweet' | 'question';
-};
-export type VideoPlayerData = {
-    muted: boolean;
-};
-export type VideoPlayerCallback = (videoPlayerData: VideoPlayerData) => void;
-export type OnContentActivateCallback = (renderData: ContentActivateParams) => void;
-export declare enum StreamLayerStatus {
-    UNSET = 0,
-    CONNECTED = 1,
-    READY = 2
-}
-export declare const StreamLayerContext: import('react').Context<{
-    status: StreamLayerStatus;
-    sdk: StreamLayerSDK | null;
-    event?: React.MutableRefObject<string>;
-}>;
-export 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;
-}>;

package/lib/app/useStreamLayerApp.d.ts

@@ -1,19 +0,0 @@
-import { StreamLayerSDK, StreamLayerPlugin } from '@streamlayer/sdk-web-interfaces';
-import { DeepLinkCallback, VideoPlayerCallback, OnContentActivateCallback } from '@streamlayer/sdk-web-core';
-declare global {
-    interface Window {
-        sl: unknown;
-    }
-}
-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;

package/lib/classic/app/advertisement.d.ts

@@ -1,18 +0,0 @@
-import { StreamLayerSDKAdvertisement as StreamLayerSDKAdvertisementUI } from '@streamlayer/react-ui/advertisement';
-export type StreamLayerSDKAdvertisementProps = {
-    /**
-     * @deprecated Pass event to StreamLayerProvider or StreamLayerSDKEvent component instead, see docs for more info
-     */
-    event?: string;
-    theme?: string;
-    sidebar?: 'left' | 'right';
-    banner?: 'top' | 'bottom';
-    isMobileScreen?: boolean;
-    persistent?: boolean;
-    notification?: boolean;
-    skipAutoClose?: boolean;
-    skipTypeCheck?: boolean;
-    externalAd?: boolean;
-};
-export { StreamLayerSDKAdvertisementUI };
-export declare const StreamLayerSDKAdvertisement: React.FC<StreamLayerSDKAdvertisementProps>;

package/lib/classic/app/app.d.ts

@@ -1,19 +0,0 @@
-import { StreamLayerOptions, StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-export declare const useStreamLayer: () => StreamLayerSDK | null;
-export declare const useStreamLayerEvent: () => import('react').MutableRefObject<string> | undefined;
-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 const StreamLayerSDKReact: React.FC<{
-    event?: string;
-    topNavigation?: boolean;
-    withSidebarNotification?: boolean;
-    theme?: string;
-}>;

package/lib/classic/app/event.d.ts

@@ -1,4 +0,0 @@
-export type StreamLayerSDKEventProps = {
-    event?: string;
-};
-export declare const StreamLayerSDKEvent: React.FC<StreamLayerSDKEventProps>;

package/lib/classic/app/insight.d.ts

@@ -1,13 +0,0 @@
-import { StreamLayerSDKInsight as StreamLayerSDKInsightUI } from '@streamlayer/react-ui/insight';
-export 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;
-};
-export { StreamLayerSDKInsightUI };
-export declare const StreamLayerSDKInsight: React.FC<StreamLayerSDKInsightProps>;

package/lib/classic/app/notification.d.ts

@@ -1,5 +0,0 @@
-import { StreamLayerSDKNotification as StreamLayerSDKNotificationUI } from '@streamlayer/react-ui/notification';
-export { StreamLayerSDKNotificationUI };
-export declare const StreamLayerSDKNotification: React.FC<{
-    theme?: string;
-}>;

package/lib/classic/app/points.d.ts

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

package/lib/classic/app/provider.d.ts

@@ -1,43 +0,0 @@
-import { StreamLayerSDK, StreamLayerPlugin } from '@streamlayer/sdk-web-interfaces';
-import { DeepLinkCallback } from '@streamlayer/sdk-web-core';
-export type { DeepLinkCallback } from '@streamlayer/sdk-web-core';
-export type ContentActivateParams = {
-    stage: 'activate' | 'deactivate';
-    id: string;
-    isViewed?: boolean;
-    hasNotification?: boolean;
-    type: 'advertisement' | 'insight' | 'poll' | 'trivia' | 'prediction' | 'tweet' | 'question';
-};
-export type VideoPlayerData = {
-    muted: boolean;
-};
-export type VideoPlayerCallback = (videoPlayerData: VideoPlayerData) => void;
-export type OnContentActivateCallback = (renderData: ContentActivateParams) => void;
-export declare enum StreamLayerStatus {
-    UNSET = 0,
-    CONNECTED = 1,
-    READY = 2
-}
-export declare const StreamLayerContext: import('react').Context<{
-    status: StreamLayerStatus;
-    sdk: StreamLayerSDK | null;
-    event?: React.MutableRefObject<string>;
-}>;
-export 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;
-}>;

package/lib/classic/app/useStreamLayerApp.d.ts

@@ -1,19 +0,0 @@
-import { StreamLayerSDK, StreamLayerPlugin } from '@streamlayer/sdk-web-interfaces';
-import { DeepLinkCallback, VideoPlayerCallback, OnContentActivateCallback } from '@streamlayer/sdk-web-core';
-declare global {
-    interface Window {
-        sl: unknown;
-    }
-}
-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;