@streamlayer/react 1.11.3-rc.5 → 1.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "1.11.3-rc.5",
+  "version": "1.12.0",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -52,6 +52,11 @@
       "require": "./lib/cjs/index.js",
       "types": "./lib/index.d.ts"
     },
+    "./masters": {
+      "module": "./lib/dist/es/index.js",
+      "require": "./lib/dist/cjs/index.js",
+      "types": "./lib/dist/index.d.ts"
+    },
     "./auth": {
       "module": "./lib/es/auth.js",
       "require": "./lib/cjs/auth.js",
@@ -117,6 +122,20 @@
       "limit": "300 kB"
     }
   ],
+  "dependencies": {
+    "@streamlayer/feature-gamification": "^1.14.0",
+    "@streamlayer/sdk-web": "^1.8.0",
+    "@streamlayer/sdk-web-analytics": "^1.6.0",
+    "@streamlayer/sdk-web-api": "^1.7.0",
+    "@streamlayer/sdk-web-core": "^1.10.0",
+    "@streamlayer/sdk-web-features": "^1.0.43",
+    "@streamlayer/sdk-web-interfaces": "^1.4.9",
+    "@streamlayer/sdk-web-logger": "^1.0.43",
+    "@streamlayer/sdk-web-notifications": "^1.3.5",
+    "@streamlayer/sdk-web-storage": "^1.0.43",
+    "@streamlayer/react-polyfills": "^0.1.3",
+    "@streamlayer/sdk-web-types": "^1.10.0"
+  },
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.10.0",
     "@connectrpc/connect": "^1.6.1",
@@ -130,14 +149,49 @@
     "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.2.3",
+    "@streamlayer/react-ui": "^1.18.0"
+  },
   "scripts": {
     "size-limit": "size-limit"
   }

package/lib/advertisement.d.ts

@@ -1,146 +0,0 @@
-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 StreamLayerSDKAdvertisement: React.FC<StreamLayerSDKAdvertisementProps>;
-
-export declare 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;
-};
-
-declare type StreamLayerSDKAdvertisementProps_2 = {
-    isMobileScreen?: boolean;
-    persistent?: boolean;
-    skipTypeCheck?: boolean;
-    notification?: boolean;
-    sidebar?: 'left' | 'right';
-    banner?: 'top' | 'bottom';
-    layoutMode?: 'cover' | 'side-by-side';
-    skipAutoClose?: boolean;
-    externalAd?: boolean;
-};
-
-export declare const StreamLayerSDKAdvertisementUI: React.FC<StreamLayerSDKAdvertisementProps_2 & {
-    sdk: StreamLayerSDK;
-}>;
-
-export { }
-
-
-declare global {
-    interface Window {
-        sl: unknown;
-    }
-}

package/lib/classic/advertisement.d.ts

@@ -1,146 +0,0 @@
-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 StreamLayerSDKAdvertisement: React.FC<StreamLayerSDKAdvertisementProps>;
-
-export declare 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;
-};
-
-declare type StreamLayerSDKAdvertisementProps_2 = {
-    isMobileScreen?: boolean;
-    persistent?: boolean;
-    skipTypeCheck?: boolean;
-    notification?: boolean;
-    sidebar?: 'left' | 'right';
-    banner?: 'top' | 'bottom';
-    layoutMode?: 'cover' | 'side-by-side';
-    skipAutoClose?: boolean;
-    externalAd?: boolean;
-};
-
-export declare const StreamLayerSDKAdvertisementUI: React.FC<StreamLayerSDKAdvertisementProps_2 & {
-    sdk: StreamLayerSDK;
-}>;
-
-export { }
-
-
-declare global {
-    interface Window {
-        sl: unknown;
-    }
-}

package/lib/classic/insight.d.ts

@@ -1,136 +0,0 @@
-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

@@ -1,120 +0,0 @@
-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

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