@stream-io/video-react-sdk 1.2.8 → 1.2.10

package/dist/src/core/components/Audio/Audio.d.ts

@@ -11,4 +11,7 @@ export type AudioProps = ComponentPropsWithoutRef<'audio'> & {
      */
     trackType?: AudioTrackType;
 };
-export declare const Audio: ({ participant, trackType, ...rest }: AudioProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Audio: {
+    ({ participant, trackType, ...rest }: AudioProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/core/components/Audio/ParticipantsAudio.d.ts

@@ -11,4 +11,7 @@ export type ParticipantsAudioProps = {
      */
     audioProps?: ComponentProps<typeof Audio>;
 };
-export declare const ParticipantsAudio: (props: ParticipantsAudioProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ParticipantsAudio: {
+    (props: ParticipantsAudioProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -36,4 +36,7 @@ export type LivestreamLayoutProps = {
         position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     };
 };
-export declare const LivestreamLayout: (props: LivestreamLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LivestreamLayout: {
+    (props: LivestreamLayoutProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -13,4 +13,7 @@ export type PaginatedGridLayoutProps = {
      */
     pageArrowsVisible?: boolean;
 } & Pick<ParticipantViewProps, 'ParticipantViewUI' | 'VideoPlaceholder'>;
-export declare const PaginatedGridLayout: (props: PaginatedGridLayoutProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PaginatedGridLayout: {
+    (props: PaginatedGridLayoutProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

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

@@ -13,4 +13,7 @@ export type SpeakerLayoutProps = {
      */
     participantsBarLimit?: 'dynamic' | number;
 } & Pick<ParticipantViewProps, 'VideoPlaceholder'>;
-export declare const SpeakerLayout: ({ ParticipantViewUIBar, ParticipantViewUISpotlight, VideoPlaceholder, participantsBarPosition, participantsBarLimit, }: SpeakerLayoutProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SpeakerLayout: {
+    ({ ParticipantViewUIBar, ParticipantViewUISpotlight, VideoPlaceholder, participantsBarPosition, participantsBarLimit, }: SpeakerLayoutProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/src/core/components/StreamCall/StreamCall.d.ts

@@ -1 +1,3 @@
-export declare const StreamCall: (props: import("react").PropsWithChildren<import("@stream-io/video-react-bindings").StreamCallProviderProps>) => import("react/jsx-runtime").JSX.Element;
+import { ComponentType, PropsWithChildren } from 'react';
+import { StreamCallProviderProps } from '@stream-io/video-react-bindings';
+export declare const StreamCall: ComponentType<PropsWithChildren<StreamCallProviderProps>>;

package/dist/src/core/components/StreamVideo/StreamVideo.d.ts

@@ -1,3 +1,6 @@
 import { StreamVideoProps } from '@stream-io/video-react-bindings';
 import { PropsWithChildren } from 'react';
-export declare const StreamVideo: (props: PropsWithChildren<StreamVideoProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const StreamVideo: {
+    (props: PropsWithChildren<StreamVideoProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/core/components/Video/Video.d.ts

@@ -34,4 +34,7 @@ export type VideoProps = ComponentPropsWithoutRef<'video'> & {
         setVideoPlaceholderElement?: (element: HTMLDivElement | null) => void;
     };
 };
-export declare const Video: ({ trackType, participant, className, VideoPlaceholder, refs, ...rest }: VideoProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Video: {
+    ({ trackType, participant, className, VideoPlaceholder, refs, ...rest }: VideoProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "packageManager": "yarn@3.2.4",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",

package/src/components/Menu/MenuToggle.tsx

@@ -110,6 +110,7 @@ export const MenuToggle = <E extends HTMLElement>({
 
     const handleKeyDown = (event: KeyboardEvent) => {
       if (
+        event.key && // key can be undefined in some browsers
         event.key.toLowerCase() === 'escape' &&
         !event.altKey &&
         !event.ctrlKey

package/src/core/components/Audio/Audio.tsx

@@ -48,3 +48,5 @@ export const Audio = ({
     />
   );
 };
+
+Audio.displayName = 'Audio';

package/src/core/components/Audio/ParticipantsAudio.tsx

@@ -55,3 +55,5 @@ export const ParticipantsAudio = (props: ParticipantsAudioProps) => {
     </>
   );
 };
+
+ParticipantsAudio.displayName = 'ParticipantsAudio';

package/src/core/components/CallLayout/LivestreamLayout.tsx

@@ -180,6 +180,8 @@ const ParticipantOverlay = (props: {
   );
 };
 
+LivestreamLayout.displayName = 'LivestreamLayout';
+
 const useUpdateCallDuration = () => {
   const { useIsCallLive, useCallSession } = useCallStateHooks();
   const isCallLive = useIsCallLive();

package/src/core/components/CallLayout/PaginatedGridLayout.tsx

@@ -159,3 +159,5 @@ export const PaginatedGridLayout = (props: PaginatedGridLayoutProps) => {
     </div>
   );
 };
+
+PaginatedGridLayout.displayName = 'PaginatedGridLayout';

package/src/core/components/CallLayout/SpeakerLayout.tsx

@@ -181,6 +181,8 @@ export const SpeakerLayout = ({
   );
 };
 
+SpeakerLayout.displayName = 'SpeakerLayout';
+
 type ScrollButtonsProps<T extends HTMLElement> = {
   scrollWrapper: T | null;
 };

package/src/core/components/ParticipantView/ParticipantView.tsx

@@ -179,3 +179,5 @@ export const ParticipantView = forwardRef<HTMLDivElement, ParticipantViewProps>(
     );
   },
 );
+
+ParticipantView.displayName = 'ParticipantView';

package/src/core/components/StreamCall/StreamCall.tsx

@@ -1,4 +1,12 @@
-import { StreamCallProvider } from '@stream-io/video-react-bindings';
+import { ComponentType, PropsWithChildren } from 'react';
+import {
+  StreamCallProvider,
+  StreamCallProviderProps,
+} from '@stream-io/video-react-bindings';
 
 // re-exporting the StreamCallProvider as StreamCall
-export const StreamCall = StreamCallProvider;
+export const StreamCall: ComponentType<
+  PropsWithChildren<StreamCallProviderProps>
+> = StreamCallProvider;
+
+StreamCall.displayName = 'StreamCall';

package/src/core/components/StreamVideo/StreamVideo.tsx

@@ -1,6 +1,6 @@
 import {
-  StreamVideoProvider,
   StreamVideoProps,
+  StreamVideoProvider,
 } from '@stream-io/video-react-bindings';
 import { PropsWithChildren } from 'react';
 import { translations } from '../../../translations';
@@ -10,3 +10,5 @@ export const StreamVideo = (props: PropsWithChildren<StreamVideoProps>) => {
     <StreamVideoProvider translationsOverrides={translations} {...props} />
   );
 };
+
+StreamVideo.displayName = 'StreamVideo';

package/src/core/components/Video/Video.tsx

@@ -172,3 +172,5 @@ export const Video = ({
     </>
   );
 };
+
+Video.displayName = 'Video';