@stream-io/video-react-sdk 0.0.75 → 0.0.77

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.77](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.76...@stream-io/video-react-sdk-0.0.77) (2023-07-10)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `0.0.1`
+* `@stream-io/video-react-bindings` updated to version `0.0.43`
+
+### Documentation
+
+* **react-sdk:** add token snippet to audio rooms tutorial ([#739](https://github.com/GetStream/stream-video-js/issues/739)) ([bf0b46c](https://github.com/GetStream/stream-video-js/commit/bf0b46ce40329458ad545c82b70a4099c4afc8f2))
+
+### [0.0.76](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.75...@stream-io/video-react-sdk-0.0.76) (2023-07-10)
+
+
+### Bug Fixes
+
+* **react:** missing dependency for video publishing ([#771](https://github.com/GetStream/stream-video-js/issues/771)) ([71144b2](https://github.com/GetStream/stream-video-js/commit/71144b2b4ebf1c719acd384b2f13befcf6bde213))
+
 ### [0.0.75](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.74...@stream-io/video-react-sdk-0.0.75) (2023-07-07)
 
 ### Dependency Updates

package/dist/src/components/Avatar/Avatar.d.ts

@@ -5,11 +5,11 @@ export type AvatarData = {
     style?: CSSProperties & Record<string, string | number>;
 };
 export type AvatarProps = AvatarData & ComponentProps<'img'>;
-export declare const Avatar: ({ imageSrc, name, style, className, ...rest }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ imageSrc, name, style, className, ...rest }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 type AvatarFallbackProps = {
     names: string[];
     className?: string;
     style?: CSSProperties & Record<string, string | number>;
 };
-export declare const AvatarFallback: ({ className, names, style, }: AvatarFallbackProps) => JSX.Element;
+export declare const AvatarFallback: ({ className, names, style, }: AvatarFallbackProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/Button/CopyToClipboardButton.d.ts

@@ -23,5 +23,5 @@ type CopyToClipboardButtonWithPopupProps = Exclude<CopyToClipboardButtonProps, '
     popupClassName?: string;
     popupPlacement?: Placement;
 };
-export declare const CopyToClipboardButtonWithPopup: ({ dismissAfterMs, onErrorMessage, onSuccessMessage, popupClassName, popupPlacement, ...restProps }: CopyToClipboardButtonWithPopupProps) => JSX.Element;
+export declare const CopyToClipboardButtonWithPopup: ({ dismissAfterMs, onErrorMessage, onSuccessMessage, popupClassName, popupPlacement, ...restProps }: CopyToClipboardButtonWithPopupProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/Button/TextButton.d.ts

@@ -1,2 +1,2 @@
 import { ComponentProps } from 'react';
-export declare const TextButton: ({ children, ...rest }: Omit<ComponentProps<'button'>, 'ref' | 'className'>) => JSX.Element;
+export declare const TextButton: ({ children, ...rest }: Omit<ComponentProps<'button'>, 'ref' | 'className'>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/AcceptCallButton.d.ts

@@ -4,4 +4,4 @@ export type AcceptCallButtonProps = {
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onAccept?: () => void;
 };
-export declare const AcceptCallButton: ({ disabled, onAccept, onClick, }: AcceptCallButtonProps) => JSX.Element;
+export declare const AcceptCallButton: ({ disabled, onAccept, onClick, }: AcceptCallButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/CallControls.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export type CallControlsProps = {
     onLeave?: () => void;
 };
-export declare const CallControls: ({ onLeave }: CallControlsProps) => JSX.Element;
+export declare const CallControls: ({ onLeave }: CallControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/CallStatsButton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const CallStatsButton: () => JSX.Element;
+export declare const CallStatsButton: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/CancelCallButton.d.ts

@@ -4,4 +4,4 @@ export type CancelCallButtonProps = {
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onLeave?: () => void;
 };
-export declare const CancelCallButton: ({ disabled, onClick, onLeave, }: CancelCallButtonProps) => JSX.Element;
+export declare const CancelCallButton: ({ disabled, onClick, onLeave, }: CancelCallButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/ReactionsButton.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { StreamReaction } from '@stream-io/video-client';
 export declare const defaultReactions: StreamReaction[];
 export interface ReactionsButtonProps {
     reactions?: StreamReaction[];
 }
-export declare const ReactionsButton: ({ reactions, }: ReactionsButtonProps) => JSX.Element;
+export declare const ReactionsButton: ({ reactions, }: ReactionsButtonProps) => import("react/jsx-runtime").JSX.Element;
 export interface DefaultReactionsMenuProps {
     reactions: StreamReaction[];
 }
-export declare const DefaultReactionsMenu: ({ reactions, }: DefaultReactionsMenuProps) => JSX.Element;
+export declare const DefaultReactionsMenu: ({ reactions, }: DefaultReactionsMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/RecordCallButton.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export type RecordCallButtonProps = {
     caption?: string;
 };
-export declare const RecordCallButton: ({ caption, }: RecordCallButtonProps) => JSX.Element;
+export declare const RecordCallButton: ({ caption, }: RecordCallButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/ScreenShareButton.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export type ScreenShareButtonProps = {
     caption?: string;
 };
-export declare const ScreenShareButton: ({ caption, }: ScreenShareButtonProps) => JSX.Element;
+export declare const ScreenShareButton: ({ caption, }: ScreenShareButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/ToggleAudioButton.d.ts

@@ -3,9 +3,9 @@ export type ToggleAudioPreviewButtonProps = {
     caption?: string;
     Menu?: ComponentType;
 };
-export declare const ToggleAudioPreviewButton: (props: ToggleAudioPreviewButtonProps) => JSX.Element;
+export declare const ToggleAudioPreviewButton: (props: ToggleAudioPreviewButtonProps) => import("react/jsx-runtime").JSX.Element;
 export type ToggleAudioPublishingButtonProps = {
     caption?: string;
     Menu?: ComponentType;
 };
-export declare const ToggleAudioPublishingButton: (props: ToggleAudioPublishingButtonProps) => JSX.Element;
+export declare const ToggleAudioPublishingButton: (props: ToggleAudioPublishingButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/ToggleAudioOutputButton.d.ts

@@ -3,4 +3,4 @@ export type ToggleAudioOutputButtonProps = {
     caption?: string;
     Menu?: ComponentType;
 };
-export declare const ToggleAudioOutputButton: (props: ToggleAudioOutputButtonProps) => JSX.Element;
+export declare const ToggleAudioOutputButton: (props: ToggleAudioOutputButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/ToggleVideoButton.d.ts

@@ -3,10 +3,10 @@ export type ToggleVideoPreviewButtonProps = {
     caption?: string;
     Menu?: ComponentType;
 };
-export declare const ToggleVideoPreviewButton: (props: ToggleVideoPreviewButtonProps) => JSX.Element;
+export declare const ToggleVideoPreviewButton: (props: ToggleVideoPreviewButtonProps) => import("react/jsx-runtime").JSX.Element;
 type ToggleVideoPublishingButtonProps = {
     caption?: string;
     Menu?: ComponentType;
 };
-export declare const ToggleVideoPublishingButton: (props: ToggleVideoPublishingButtonProps) => JSX.Element;
+export declare const ToggleVideoPublishingButton: (props: ToggleVideoPublishingButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/CallParticipantsList/BlockedUserListing.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const BlockedUserListing: ({ data }: {
     data: string[];
-}) => JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/CallParticipantsList/CallParticipantListHeader.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export type CallParticipantListHeaderProps = {
     /** Click event listener function to be invoked in order to dismiss / hide the CallParticipantsList from the UI */
     onClose: () => void;
 };
-export declare const CallParticipantListHeader: ({ onClose, }: CallParticipantListHeaderProps) => JSX.Element;
+export declare const CallParticipantListHeader: ({ onClose, }: CallParticipantListHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallParticipantsList/CallParticipantListing.d.ts

@@ -5,4 +5,4 @@ export type CallParticipantListingProps = {
     data: StreamVideoParticipant[];
     Header?: ComponentType;
 };
-export declare const CallParticipantListing: ({ data, }: CallParticipantListingProps) => JSX.Element;
+export declare const CallParticipantListing: ({ data, }: CallParticipantListingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallParticipantsList/CallParticipantListingItem.d.ts

@@ -8,10 +8,10 @@ type CallParticipantListingItemProps = {
         participant: StreamVideoParticipant;
     }>;
 };
-export declare const CallParticipantListingItem: ({ participant, DisplayName, }: CallParticipantListingItemProps) => JSX.Element;
+export declare const CallParticipantListingItem: ({ participant, DisplayName, }: CallParticipantListingItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ParticipantActionsContextMenu: ({ participant, participantViewElement, videoElement, }: {
     participant: StreamVideoParticipant;
     participantViewElement?: HTMLDivElement | null | undefined;
     videoElement?: HTMLVideoElement | null | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/CallParticipantsList/CallParticipantsList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StreamVideoParticipant } from '@stream-io/video-client';
 import { UseSearchParams } from '../Search/hooks';
 type CallParticipantListProps = {
@@ -11,5 +10,5 @@ type CallParticipantListProps = {
     /** Interval in ms, during which the participant search calls will be debounced. The default value is 200ms. */
     debounceSearchInterval?: number;
 };
-export declare const CallParticipantsList: ({ onClose, activeUsersSearchFn, blockedUsersSearchFn, debounceSearchInterval, }: CallParticipantListProps) => JSX.Element;
+export declare const CallParticipantsList: ({ onClose, activeUsersSearchFn, blockedUsersSearchFn, debounceSearchInterval, }: CallParticipantListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/CallParticipantsList/EmptyParticipantSearchList.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const EmptyParticipantSearchList: () => JSX.Element;
+export declare const EmptyParticipantSearchList: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallRecordingList/CallRecordingList.d.ts

@@ -17,4 +17,4 @@ export type CallRecordingListProps = {
     /** Custom component to be rendered when loading is true */
     LoadingCallRecordingList?: ComponentType<LoadingCallRecordingListProps>;
 };
-export declare const CallRecordingList: ({ callRecordings, CallRecordingListHeader, CallRecordingListItem, EmptyCallRecordingList, loading, LoadingCallRecordingList, }: CallRecordingListProps) => JSX.Element;
+export declare const CallRecordingList: ({ callRecordings, CallRecordingListHeader, CallRecordingListItem, EmptyCallRecordingList, loading, LoadingCallRecordingList, }: CallRecordingListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallRecordingList/CallRecordingListHeader.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { CallRecording } from '@stream-io/video-client';
 export type CallRecordingListHeaderProps = {
     /** Array of CallRecording objects */
     callRecordings: CallRecording[];
 };
-export declare const CallRecordingListHeader: ({ callRecordings, }: CallRecordingListHeaderProps) => JSX.Element;
+export declare const CallRecordingListHeader: ({ callRecordings, }: CallRecordingListHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallRecordingList/CallRecordingListItem.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { CallRecording } from '@stream-io/video-client';
 export type CallRecordingListItemProps = {
     /** CallRecording object to represent */
     recording: CallRecording;
 };
-export declare const CallRecordingListItem: ({ recording, }: CallRecordingListItemProps) => JSX.Element;
+export declare const CallRecordingListItem: ({ recording, }: CallRecordingListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallRecordingList/EmptyCallRecordingListing.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const EmptyCallRecordingListing: () => JSX.Element;
+export declare const EmptyCallRecordingListing: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallRecordingList/LoadingCallRecordingListing.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { CallRecording } from '@stream-io/video-client';
 export type LoadingCallRecordingListProps = {
     /** Array of CallRecording objects */
     callRecordings: CallRecording[];
 };
-export declare const LoadingCallRecordingListing: ({ callRecordings, }: LoadingCallRecordingListProps) => JSX.Element;
+export declare const LoadingCallRecordingListing: ({ callRecordings, }: LoadingCallRecordingListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallStats/CallStats.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-export declare const CallStats: () => JSX.Element;
+export declare const CallStats: () => import("react/jsx-runtime").JSX.Element;
 export declare const StatCard: (props: {
     label: string;
     value: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallStats/CallStatsLatencyChart.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const CallStatsLatencyChart: (props: {
     values: Array<{
         x: number;
         y: number;
     }>;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Debug/DebugParticipantPublishQuality.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { Call, StreamVideoParticipant } from '@stream-io/video-client';
 export declare const DebugParticipantPublishQuality: (props: {
     participant: StreamVideoParticipant;
     call: Call;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Debug/DebugStatsView.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { Call } from '@stream-io/video-client';
 export declare const DebugStatsView: (props: {
     call: Call;
     mediaStream?: MediaStream;
     sessionId: string;
     userId: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/DeviceSettings/DeviceSelector.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const DeviceSelector: (props: {
     devices: MediaDeviceInfo[];
     selectedDeviceId?: string | undefined;
     title: string;
     onChange?: ((deviceId: string) => void) | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/DeviceSettings/DeviceSelectorAudio.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export type DeviceSelectorAudioInputProps = {
     title?: string;
 };
-export declare const DeviceSelectorAudioInput: ({ title, }: DeviceSelectorAudioInputProps) => JSX.Element;
+export declare const DeviceSelectorAudioInput: ({ title, }: DeviceSelectorAudioInputProps) => import("react/jsx-runtime").JSX.Element;
 export type DeviceSelectorAudioOutputProps = {
     title?: string;
 };
-export declare const DeviceSelectorAudioOutput: ({ title, }: DeviceSelectorAudioOutputProps) => JSX.Element | null;
+export declare const DeviceSelectorAudioOutput: ({ title, }: DeviceSelectorAudioOutputProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/DeviceSettings/DeviceSelectorVideo.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export type DeviceSelectorVideoProps = {
     title?: string;
 };
-export declare const DeviceSelectorVideo: ({ title }: DeviceSelectorVideoProps) => JSX.Element;
+export declare const DeviceSelectorVideo: ({ title }: DeviceSelectorVideoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/DeviceSettings/DeviceSettings.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const DeviceSettings: () => JSX.Element;
+export declare const DeviceSettings: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Icon/Icon.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export type IconProps = {
     icon: string;
 };
-export declare const Icon: ({ icon }: IconProps) => JSX.Element;
+export declare const Icon: ({ icon }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type LoadingIndicatorProps = {
     className?: string;
     /** String will be injected into class and later used to apply as a CSS mask-image to an element as data URL */
@@ -8,4 +7,4 @@ export type LoadingIndicatorProps = {
     /** Tooltip to be displayed on hover */
     tooltip?: string;
 };
-export declare const LoadingIndicator: ({ className, type, text, tooltip, }: LoadingIndicatorProps) => JSX.Element;
+export declare const LoadingIndicator: ({ className, type, text, tooltip, }: LoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Menu/GenericMenu.d.ts

@@ -1,3 +1,3 @@
 import { ComponentProps, PropsWithChildren } from 'react';
-export declare const GenericMenu: ({ children }: PropsWithChildren) => JSX.Element;
-export declare const GenericMenuButtonItem: ({ children, ...rest }: Omit<ComponentProps<'button'>, 'ref'>) => JSX.Element;
+export declare const GenericMenu: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const GenericMenuButtonItem: ({ children, ...rest }: Omit<ComponentProps<'button'>, 'ref'>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Menu/MenuToggle.d.ts

@@ -9,4 +9,4 @@ export type MenuToggleProps<E extends HTMLElement> = PropsWithChildren<{
     placement?: Placement;
     strategy?: Strategy;
 }>;
-export declare const MenuToggle: <E extends HTMLElement>({ ToggleButton, placement, strategy, children, }: MenuToggleProps<E>) => JSX.Element;
+export declare const MenuToggle: <E extends HTMLElement>({ ToggleButton, placement, strategy, children, }: MenuToggleProps<E>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Notification/Notification.d.ts

@@ -8,4 +8,4 @@ export type NotificationProps = {
     placement?: Placement;
     iconClassName?: string | null;
 };
-export declare const Notification: (props: PropsWithChildren<NotificationProps>) => JSX.Element;
+export declare const Notification: (props: PropsWithChildren<NotificationProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Notification/PermissionNotification.d.ts

@@ -30,4 +30,4 @@ export type PermissionNotificationProps = PropsWithChildren<{
      */
     visibilityTimeout?: number;
 }>;
-export declare const PermissionNotification: (props: PermissionNotificationProps) => JSX.Element;
+export declare const PermissionNotification: (props: PermissionNotificationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Notification/SpeakingWhileMutedNotification.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 export type SpeakingWhileMutedNotificationProps = {
     text?: string;
 };
-export declare const SpeakingWhileMutedNotification: ({ children, text, }: PropsWithChildren<SpeakingWhileMutedNotificationProps>) => JSX.Element;
+export declare const SpeakingWhileMutedNotification: ({ children, text, }: PropsWithChildren<SpeakingWhileMutedNotificationProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Permissions/PermissionRequests.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from 'react';
 import { PermissionRequestEvent } from '@stream-io/video-client';
-export declare const PermissionRequests: () => JSX.Element | null;
+export declare const PermissionRequests: () => import("react/jsx-runtime").JSX.Element | null;
 export type PermissionRequestListProps = ComponentProps<'div'> & {
     permissionRequests: PermissionRequestEvent[];
     handleUpdatePermission: (request: PermissionRequestEvent, allow: boolean) => () => Promise<void>;

package/dist/src/components/Reaction/Reaction.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StreamVideoParticipant } from '@stream-io/video-client';
 export type ReactionProps = {
     participant: StreamVideoParticipant;
@@ -6,4 +5,4 @@ export type ReactionProps = {
     emojiReactionMap?: Record<string, string>;
 };
 export declare const defaultEmojiReactionMap: Record<string, string>;
-export declare const Reaction: ({ participant: { reaction, sessionId }, hideAfterTimeoutInMs, emojiReactionMap, }: ReactionProps) => JSX.Element | null;
+export declare const Reaction: ({ participant: { reaction, sessionId }, hideAfterTimeoutInMs, emojiReactionMap, }: ReactionProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/RingingCall/RingingCall.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type RingingCallProps = {
     /**
      * Whether to include the current user in the list of members to show.
@@ -11,4 +10,4 @@ export type RingingCallProps = {
      */
     totalMembersToShow?: number;
 };
-export declare const RingingCall: (props: RingingCallProps) => JSX.Element | null;
+export declare const RingingCall: (props: RingingCallProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/RingingCall/RingingCallControls.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const RingingCallControls: () => JSX.Element | null;
+export declare const RingingCallControls: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Search/SearchInput.d.ts

@@ -10,5 +10,5 @@ type SearchInputProps = ComponentProps<'input'> & {
      */
     isActive: boolean;
 };
-export declare const SearchInput: ({ exitSearch, isActive, ...rest }: SearchInputProps) => JSX.Element;
+export declare const SearchInput: ({ exitSearch, isActive, ...rest }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/Search/SearchResults.d.ts

@@ -11,4 +11,4 @@ export type SearchResultsProps<T> = Pick<SearchController<T>, 'searchResults' |
     /** Component to be displayed while the search query request is in progress */
     LoadingIndicator?: ComponentType;
 };
-export declare const SearchResults: <T extends unknown>({ EmptySearchResultComponent, LoadingIndicator, searchQueryInProgress, searchResults, SearchResultList, }: SearchResultsProps<T>) => JSX.Element;
+export declare const SearchResults: <T extends unknown>({ EmptySearchResultComponent, LoadingIndicator, searchQueryInProgress, searchResults, SearchResultList, }: SearchResultsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/StreamTheme/StreamTheme.d.ts

@@ -2,4 +2,4 @@ import { ElementType, HTMLProps, PropsWithChildren } from 'react';
 export type StreamThemeProps = HTMLProps<HTMLElement> & {
     as?: ElementType;
 };
-export declare const StreamTheme: ({ as: Component, className, children, ...props }: PropsWithChildren<StreamThemeProps>) => JSX.Element;
+export declare const StreamTheme: ({ as: Component, className, children, ...props }: PropsWithChildren<StreamThemeProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Tooltip/Tooltip.d.ts

@@ -12,4 +12,4 @@ export type TooltipProps<T extends HTMLElement> = PropsWithChildren<{
     /** Tells component whether to render its contents */
     visible?: boolean;
 }>;
-export declare const Tooltip: <T extends HTMLElement>({ children, referenceElement, tooltipClassName, tooltipPlacement, visible, }: TooltipProps<T>) => JSX.Element | null;
+export declare const Tooltip: <T extends HTMLElement>({ children, referenceElement, tooltipClassName, tooltipPlacement, visible, }: TooltipProps<T>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Tooltip/WithTooltip.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
 import { TooltipProps } from './Tooltip';
 type WithPopupProps = ComponentProps<'div'> & Omit<TooltipProps<HTMLDivElement>, 'referenceElement'>;
-export declare const WithTooltip: ({ title, tooltipClassName, tooltipPlacement, ...props }: WithPopupProps) => JSX.Element;
+export declare const WithTooltip: ({ title, tooltipClassName, tooltipPlacement, ...props }: WithPopupProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -24,5 +24,5 @@ export type VideoPreviewProps = {
      */
     VideoErrorPreview?: ComponentType<VideoErrorPreviewProps>;
 };
-export declare const VideoPreview: ({ mirror, DisabledVideoPreview, NoCameraPreview, StartingCameraPreview, VideoErrorPreview, }: VideoPreviewProps) => JSX.Element;
+export declare const VideoPreview: ({ mirror, DisabledVideoPreview, NoCameraPreview, StartingCameraPreview, VideoErrorPreview, }: VideoPreviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,4 +3,4 @@ import { StreamVideoParticipant } from '@stream-io/video-client';
 export type AudioProps = DetailedHTMLProps<AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement> & Pick<StreamVideoParticipant, 'audioStream'> & {
     sinkId?: string;
 };
-export declare const Audio: ({ audioStream, sinkId, ...rest }: AudioProps) => JSX.Element;
+export declare const Audio: ({ audioStream, sinkId, ...rest }: AudioProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ParticipantViewProps } from '../ParticipantView';
 export type PaginatedGridLayoutProps = {
     /**
@@ -14,4 +13,4 @@ export type PaginatedGridLayoutProps = {
      */
     pageArrowsVisible?: boolean;
 } & Pick<ParticipantViewProps, 'ParticipantViewUI' | 'VideoPlaceholder'>;
-export declare const PaginatedGridLayout: ({ groupSize, excludeLocalParticipant, pageArrowsVisible, VideoPlaceholder, ParticipantViewUI, }: PaginatedGridLayoutProps) => JSX.Element | null;
+export declare const PaginatedGridLayout: ({ groupSize, excludeLocalParticipant, pageArrowsVisible, VideoPlaceholder, ParticipantViewUI, }: PaginatedGridLayoutProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ParticipantViewProps } from '../ParticipantView';
 export type SpeakerLayoutProps = {
     ParticipantViewUISpotlight?: ParticipantViewProps['ParticipantViewUI'];
@@ -9,4 +8,4 @@ export type SpeakerLayoutProps = {
      */
     participantsBarPosition?: 'top' | 'bottom' | 'left' | 'right' | null;
 } & Pick<ParticipantViewProps, 'VideoPlaceholder'>;
-export declare const SpeakerLayout: ({ ParticipantViewUIBar, ParticipantViewUISpotlight, VideoPlaceholder, participantsBarPosition, }: SpeakerLayoutProps) => JSX.Element | null;
+export declare const SpeakerLayout: ({ ParticipantViewUIBar, ParticipantViewUISpotlight, VideoPlaceholder, participantsBarPosition, }: SpeakerLayoutProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/core/components/ParticipantView/DefaultParticipantViewUI.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Placement } from '@floating-ui/react';
 export type DefaultParticipantViewUIProps = {
     /**
@@ -14,6 +13,6 @@ export type DefaultParticipantViewUIProps = {
      */
     showMenuButton?: boolean;
 };
-export declare const DefaultScreenShareOverlay: () => JSX.Element;
-export declare const DefaultParticipantViewUI: ({ indicatorsVisible, menuPlacement, showMenuButton, }: DefaultParticipantViewUIProps) => JSX.Element;
-export declare const ParticipantDetails: ({ indicatorsVisible, }: Pick<DefaultParticipantViewUIProps, 'indicatorsVisible'>) => JSX.Element;
+export declare const DefaultScreenShareOverlay: () => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultParticipantViewUI: ({ indicatorsVisible, menuPlacement, showMenuButton, }: DefaultParticipantViewUIProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ParticipantDetails: ({ indicatorsVisible, }: Pick<DefaultParticipantViewUIProps, 'indicatorsVisible'>) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,4 +8,4 @@ export type StreamCallProps = {
      */
     mediaDevicesProviderProps?: MediaDevicesProviderProps;
 };
-export declare const StreamCall: ({ children, call, mediaDevicesProviderProps, }: PropsWithChildren<StreamCallProps>) => JSX.Element;
+export declare const StreamCall: ({ children, call, mediaDevicesProviderProps, }: PropsWithChildren<StreamCallProps>) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/src/core/contexts/MediaDevicesContext.d.ts

@@ -169,7 +169,7 @@ export type MediaDevicesProviderProps = {
  *
  * @category Device Management
  */
-export declare const MediaDevicesProvider: ({ children, initialAudioEnabled, initialVideoEnabled, initialVideoInputDeviceId, initialAudioOutputDeviceId, initialAudioInputDeviceId, }: PropsWithChildren<MediaDevicesProviderProps>) => JSX.Element;
+export declare const MediaDevicesProvider: ({ children, initialAudioEnabled, initialVideoEnabled, initialVideoInputDeviceId, initialAudioOutputDeviceId, initialAudioInputDeviceId, }: PropsWithChildren<MediaDevicesProviderProps>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Context consumer retrieving MediaDevicesContextAPI.
  * @returns

package/dist/src/core/hooks/useVideoPublisher.js

@@ -64,7 +64,7 @@ export const useVideoPublisher = ({ initialVideoMuted, videoDeviceId, }) => {
                 console.error('Failed to publish video stream', e);
             });
         }
-    }, [publishVideoStream, videoDeviceId]);
+    }, [publishVideoStream, videoDeviceId, callingState]);
     const initialPublishRun = useRef(false);
     useEffect(() => {
         if (callingState === CallingState.JOINED &&

package/dist/src/core/hooks/useVideoPublisher.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVideoPublisher.js","sourceRoot":"","sources":["../../../../src/core/hooks/useVideoPublisher.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useVideoPublisher.js","sourceRoot":"","sources":["../../../../src/core/hooks/useVideoPublisher.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -30,8 +30,8 @@
     "@nivo/core": "^0.80.0",
     "@nivo/line": "^0.80.0",
     "@stream-io/i18n": "^0.0.8",
-    "@stream-io/video-client": "^0.0.40",
-    "@stream-io/video-react-bindings": "^0.0.42",
+    "@stream-io/video-client": "^0.0.41",
+    "@stream-io/video-react-bindings": "^0.0.43",
     "clsx": "^1.2.1",
     "rxjs": "~7.8.1"
   },
@@ -50,5 +50,5 @@
     "rimraf": "^3.0.2",
     "typescript": "^4.9.5"
   },
-  "version": "0.0.75"
+  "version": "0.0.77"
 }

package/src/core/hooks/useVideoPublisher.ts

@@ -88,7 +88,7 @@ export const useVideoPublisher = ({
         console.error('Failed to publish video stream', e);
       });
     }
-  }, [publishVideoStream, videoDeviceId]);
+  }, [publishVideoStream, videoDeviceId, callingState]);
 
   const initialPublishRun = useRef(false);
   useEffect(() => {