@stream-io/video-react-sdk 1.24.0 → 1.24.2

package/dist/src/core/components/CallLayout/hooks.d.ts

@@ -4,9 +4,10 @@ export type FilterableParticipant = Pick<StreamVideoParticipant, 'userId' | 'isS
     isPinned: boolean;
     hasVideo: boolean;
     hasAudio: boolean;
+    hasScreenShare: boolean;
 };
 export type ParticipantFilter = Filter<FilterableParticipant>;
-export type ParticipantPredicate = (paritcipant: StreamVideoParticipant) => boolean;
+export type ParticipantPredicate = (participant: StreamVideoParticipant) => boolean;
 export declare const useFilteredParticipants: ({ excludeLocalParticipant, filterParticipants, }: {
     excludeLocalParticipant?: boolean;
     filterParticipants?: ParticipantFilter | ParticipantPredicate;

package/dist/src/wrappers/LivestreamPlayer/LivestreamPlayer.d.ts

@@ -1,3 +1,4 @@
+import { PropsWithChildren } from 'react';
 import { BackstageLayoutProps, LivestreamLayoutProps } from '../../core';
 export type LivestreamPlayerProps = {
     /**
@@ -13,7 +14,7 @@ export type LivestreamPlayerProps = {
      *
      * `"asap"` behavior means joining the call as soon as it is possible
      * (either the `join_ahead_time_seconds` setting allows it, or the user
-     * has a the capability to join backstage).
+     * has the capability to join backstage).
      *
      * `"live"` behavior means joining the call when it goes live.
      *
@@ -33,4 +34,4 @@ export type LivestreamPlayerProps = {
      */
     onError?: (error: any) => void;
 };
-export declare const LivestreamPlayer: (props: LivestreamPlayerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const LivestreamPlayer: (props: PropsWithChildren<LivestreamPlayerProps>) => import("react/jsx-runtime").JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.24.0",
+  "version": "1.24.2",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -30,9 +30,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.6",
-    "@stream-io/video-client": "1.34.0",
+    "@stream-io/video-client": "1.35.0",
     "@stream-io/video-filters-web": "0.3.0",
-    "@stream-io/video-react-bindings": "1.10.0",
+    "@stream-io/video-react-bindings": "1.10.2",
     "chart.js": "^4.4.4",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.3.0"

package/src/core/components/CallLayout/hooks.ts

@@ -6,6 +6,7 @@ import {
   Comparator,
   defaultSortPreset,
   hasAudio,
+  hasScreenShare,
   hasVideo,
   isPinned,
   paginatedLayoutSortPreset,
@@ -23,11 +24,12 @@ export type FilterableParticipant = Pick<
   isPinned: boolean;
   hasVideo: boolean;
   hasAudio: boolean;
+  hasScreenShare: boolean;
 };
 
 export type ParticipantFilter = Filter<FilterableParticipant>;
 export type ParticipantPredicate = (
-  paritcipant: StreamVideoParticipant,
+  participant: StreamVideoParticipant,
 ) => boolean;
 
 export const useFilteredParticipants = ({
@@ -74,6 +76,7 @@ export const applyParticipantsFilter = (
               isPinned: isPinned(participant),
               hasVideo: hasVideo(participant),
               hasAudio: hasAudio(participant),
+              hasScreenShare: hasScreenShare(participant),
             },
             filter,
           );
@@ -111,10 +114,10 @@ export const useSpeakerLayoutSortPreset = (
 
 export const useRawRemoteParticipants = () => {
   const { useRawParticipants } = useCallStateHooks();
-  const rawParicipants = useRawParticipants();
+  const rawParticipants = useRawParticipants();
   return useMemo(
-    () => rawParicipants.filter((p) => !p.isLocalParticipant),
-    [rawParicipants],
+    () => rawParticipants.filter((p) => !p.isLocalParticipant),
+    [rawParticipants],
   );
 };
 

package/src/wrappers/LivestreamPlayer/LivestreamPlayer.tsx

@@ -1,8 +1,9 @@
-import { useEffect, useState } from 'react';
+import { PropsWithChildren, useEffect, useState } from 'react';
 import { Call, CallingState } from '@stream-io/video-client';
 import {
   useCall,
   useCallStateHooks,
+  useEffectEvent,
   useStreamVideoClient,
 } from '@stream-io/video-react-bindings';
 import {
@@ -12,7 +13,6 @@ import {
   LivestreamLayoutProps,
   StreamCall,
 } from '../../core';
-import { useEffectEvent } from '@stream-io/video-react-bindings';
 
 export type LivestreamPlayerProps = {
   /**
@@ -28,7 +28,7 @@ export type LivestreamPlayerProps = {
    *
    * `"asap"` behavior means joining the call as soon as it is possible
    * (either the `join_ahead_time_seconds` setting allows it, or the user
-   * has a the capability to join backstage).
+   * has the capability to join backstage).
    *
    * `"live"` behavior means joining the call when it goes live.
    *
@@ -49,8 +49,10 @@ export type LivestreamPlayerProps = {
   onError?: (error: any) => void;
 };
 
-export const LivestreamPlayer = (props: LivestreamPlayerProps) => {
-  const { callType, callId, ...restProps } = props;
+export const LivestreamPlayer = (
+  props: PropsWithChildren<LivestreamPlayerProps>,
+) => {
+  const { callType, callId, children, ...restProps } = props;
   const client = useStreamVideoClient();
   const [call, setCall] = useState<Call>();
   const onError = useEffectEvent(props.onError ?? (() => {}));
@@ -78,6 +80,7 @@ export const LivestreamPlayer = (props: LivestreamPlayerProps) => {
   return (
     <StreamCall call={call}>
       <LivestreamCall {...restProps} />
+      {children}
     </StreamCall>
   );
 };