@stream-io/video-react-native-sdk 0.0.10 → 0.0.12

package/dist/typescript/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReanimatedFloatingView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,OAAO,EAKL,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAKlB,QAAA,IAAI,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAIrD,CAAC;AAoLF,eAAe,sBAAsB,CAAC"}

package/dist/typescript/components/Participant/FloatingParticipantView/FloatingView/common.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { StyleProp, ViewStyle } from 'react-native';
+export declare enum FloatingViewAlignment {
+    topLeft = 0,
+    topRight = 1,
+    bottomLeft = 2,
+    bottomRight = 3
+}
+export type SnapAlignments = Record<FloatingViewAlignment, {
+    x: number;
+    y: number;
+}>;
+export declare function getSnapAlignments({ rootContainerDimensions, floatingViewDimensions, }: {
+    rootContainerDimensions: {
+        width: number;
+        height: number;
+    };
+    floatingViewDimensions: {
+        width: number;
+        height: number;
+    };
+}): SnapAlignments;
+export declare function getClosestSnapAlignment({ position, snapAlignments, }: {
+    position: {
+        x: number;
+        y: number;
+    };
+    snapAlignments: SnapAlignments;
+}): {
+    x: number;
+    y: number;
+};
+export type FloatingViewProps = React.PropsWithChildren<{
+    initialAlignment: FloatingViewAlignment;
+    containerWidth: number;
+    containerHeight: number;
+}>;
+export declare const floatingChildViewContainerStyle: StyleProp<ViewStyle>;
+//# sourceMappingURL=common.d.ts.map

package/dist/typescript/components/Participant/FloatingParticipantView/FloatingView/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Participant/FloatingParticipantView/FloatingView/common.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,oBAAY,qBAAqB;IAE/B,OAAO,IAAA;IAGP,QAAQ,IAAA;IAGR,UAAU,IAAA;IAGV,WAAW,IAAA;CACZ;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CACjC,qBAAqB,EACrB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CACzB,CAAC;AAGF,wBAAgB,iBAAiB,CAAC,EAChC,uBAAuB,EACvB,sBAAsB,GACvB,EAAE;IACD,uBAAuB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,sBAAsB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3D,GAAG,cAAc,CAsBjB;AAKD,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,cAAc,GACf,EAAE;IACD,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,cAAc,EAAE,cAAc,CAAC;CAChC;;;EAkBA;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtD,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC,CAAC;AAEH,eAAO,MAAM,+BAA+B,EAAE,SAAS,CAAC,SAAS,CAEhE,CAAC"}

package/dist/typescript/components/Participant/FloatingParticipantView/FloatingView/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FloatingViewProps } from './common';
+declare const FloatingView: React.FC<FloatingViewProps>;
+export default FloatingView;
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/Participant/FloatingParticipantView/FloatingView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Participant/FloatingParticipantView/FloatingView/index.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAGC,CAAC;AAEhD,eAAe,YAAY,CAAC"}

package/dist/typescript/components/Participant/FloatingParticipantView/index.d.ts

@@ -0,0 +1,32 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { CallParticipantsListProps } from '../../Call';
+import { ParticipantViewComponentProps } from '../ParticipantView';
+import { StreamVideoParticipant } from '@stream-io/video-client';
+export type FloatingParticipantViewAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * Props to be passed for the LocalVideoView component.
+ */
+export type FloatingParticipantViewProps = ParticipantViewComponentProps & Pick<CallParticipantsListProps, 'ParticipantView'> & {
+    /**
+     * Determines where the floating participant video will be placed.
+     */
+    alignment?: FloatingParticipantViewAlignment;
+    /**
+     * The participant to be rendered in the FloatingParticipantView
+     */
+    participant?: StreamVideoParticipant;
+    /**
+     * Custom style to be merged with the floating participant view.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Handler used to handle actions on click of the participant view in FloatingParticipantView.
+     * Eg: Can be used to handle participant switch on click.
+     */
+    onPressHandler?: () => void;
+};
+/**
+ * A component to render the floating participant's video.
+ */
+export declare const FloatingParticipantView: ({ alignment, onPressHandler, participant, style, ParticipantView, ParticipantNetworkQualityIndicator, ParticipantReaction, VideoRenderer, }: FloatingParticipantViewProps) => JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/Participant/FloatingParticipantView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/FloatingParticipantView/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAEL,6BAA6B,EAC9B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,MAAM,gCAAgC,GACxC,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,6BAA6B,GACtE,IAAI,CAAC,yBAAyB,EAAE,iBAAiB,CAAC,GAAG;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,gCAAgC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AA0BJ;;GAEG;AACH,eAAO,MAAM,uBAAuB,gJASjC,4BAA4B,uBAmF9B,CAAC"}

package/dist/typescript/components/Participant/ParticipantView/ParticipantLabel.d.ts

@@ -0,0 +1,10 @@
+import { ParticipantViewProps } from './ParticipantView';
+/**
+ * Props for the ParticipantLabel component.
+ */
+export type ParticipantLabelProps = Pick<ParticipantViewProps, 'trackType' | 'participant'>;
+/**
+ * This component is used to display the participant label that contains the participant name, video/audio mute/unmute status.
+ */
+export declare const ParticipantLabel: ({ participant, trackType, }: ParticipantLabelProps) => JSX.Element;
+//# sourceMappingURL=ParticipantLabel.d.ts.map

package/dist/typescript/components/Participant/ParticipantView/ParticipantLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantLabel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAKzD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,oBAAoB,EACpB,WAAW,GAAG,aAAa,CAC5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,gCAG1B,qBAAqB,gBAqIvB,CAAC"}

package/dist/typescript/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.d.ts

@@ -0,0 +1,7 @@
+import { ParticipantViewProps } from './ParticipantView';
+/**
+ * Props for the NetworkQualityIndicator component.
+ */
+export type ParticipantNetworkQualityIndicatorProps = Pick<ParticipantViewProps, 'participant'>;
+export declare const ParticipantNetworkQualityIndicator: ({ participant, }: ParticipantNetworkQualityIndicatorProps) => JSX.Element | null;
+//# sourceMappingURL=ParticipantNetworkQualityIndicator.d.ts.map

package/dist/typescript/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantNetworkQualityIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGzD;;GAEG;AACH,MAAM,MAAM,uCAAuC,GAAG,IAAI,CACxD,oBAAoB,EACpB,aAAa,CACd,CAAC;AAyBF,eAAO,MAAM,kCAAkC,qBAE5C,uCAAuC,uBAqDzC,CAAC"}

package/dist/typescript/components/Participant/ParticipantView/ParticipantReaction.d.ts

@@ -0,0 +1,17 @@
+import { ParticipantViewProps } from './ParticipantView';
+/**
+ * Props for the ParticipantReaction component.
+ */
+export type ParticipantReactionProps = Pick<ParticipantViewProps, 'participant'> & {
+    /**
+     * The duration after which the reaction should disappear.
+     *
+     * @default 5500
+     */
+    hideAfterTimeoutInMs?: number;
+};
+/**
+ * This component is used to display the current participant reaction.
+ */
+export declare const ParticipantReaction: ({ participant, hideAfterTimeoutInMs, }: ParticipantReactionProps) => JSX.Element;
+//# sourceMappingURL=ParticipantReaction.d.ts.map

package/dist/typescript/components/Participant/ParticipantView/ParticipantReaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantReaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantReaction.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGzD;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,oBAAoB,EACpB,aAAa,CACd,GAAG;IACF;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,2CAG7B,wBAAwB,gBA6D1B,CAAC"}

package/dist/typescript/components/Participant/ParticipantView/ParticipantVideoFallback.d.ts

@@ -0,0 +1,10 @@
+import { ParticipantViewProps } from './ParticipantView';
+/**
+ * Props for the ParticipantVideoFallback component.
+ */
+export type ParticipantVideoFallbackProps = Pick<ParticipantViewProps, 'participant'>;
+/**
+ * This component is used to customize the video fallback of the participant, when the video is disabled.
+ */
+export declare const ParticipantVideoFallback: ({ participant, }: ParticipantVideoFallbackProps) => JSX.Element;
+//# sourceMappingURL=ParticipantVideoFallback.d.ts.map

package/dist/typescript/components/Participant/ParticipantView/ParticipantVideoFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantVideoFallback.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantVideoFallback.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGzD;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC9C,oBAAoB,EACpB,aAAa,CACd,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,qBAElC,6BAA6B,gBA0C/B,CAAC"}

package/dist/typescript/components/Participant/ParticipantView/ParticipantView.d.ts

@@ -0,0 +1,70 @@
+import { ComponentType } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { StreamVideoParticipant, VideoTrackType } from '@stream-io/video-client';
+import { ParticipantNetworkQualityIndicatorProps } from './ParticipantNetworkQualityIndicator';
+import { ParticipantReactionProps } from './ParticipantReaction';
+import { ParticipantLabelProps } from './ParticipantLabel';
+import { ParticipantVideoFallbackProps } from './ParticipantVideoFallback';
+import { VideoRendererProps } from './VideoRenderer';
+export type ParticipantVideoType = VideoTrackType;
+export type ParticipantViewComponentProps = {
+    /**
+     * Component to customize the Label of the participant.
+     */
+    ParticipantLabel?: ComponentType<ParticipantLabelProps> | null;
+    /**
+     * Component to customize the reaction container of the participant.
+     */
+    ParticipantReaction?: ComponentType<ParticipantReactionProps> | null;
+    /**
+     * Component to customize the video fallback of the participant, when the video is disabled.
+     */
+    ParticipantVideoFallback?: ComponentType<ParticipantVideoFallbackProps> | null;
+    /**
+     * Component to customize the network quality indicator of the participant.
+     */
+    ParticipantNetworkQualityIndicator?: ComponentType<ParticipantNetworkQualityIndicatorProps> | null;
+    /**
+     * Component to customize the video component of the participant.
+     */
+    VideoRenderer?: ComponentType<VideoRendererProps> | null;
+};
+/**
+ * Props to be passed for the Participant component.
+ */
+export type ParticipantViewProps = ParticipantViewComponentProps & {
+    /**
+     * The participant that will be displayed.
+     */
+    participant: StreamVideoParticipant;
+    /**
+     * The zOrder for the video that will be displayed.
+     * For example, a video call
+     * application usually needs a maximum of two zOrder values: 0 for the
+     * remote video(s) which appear in the background, and 1 for the local
+     * video(s) which appear above the remote video(s).
+     * @default 0
+     */
+    videoZOrder?: number;
+    /**
+     * The video track that is to be displayed.
+     */
+    trackType?: ParticipantVideoType;
+    /**
+     * Custom style to be merged with the participant view.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * When set to false, the video stream will not be shown even if it is available.
+     *
+     * @default true
+     */
+    isVisible?: boolean;
+};
+/**
+ * A component that renders the participants' video track or screenShare track
+ * and additional info. By an absence of a video track or when isVisible is truthy,
+ * only an avatar and audio track will be rendered.
+ */
+export declare const ParticipantView: ({ participant, trackType, isVisible, style, ParticipantLabel, ParticipantReaction, VideoRenderer, ParticipantNetworkQualityIndicator, ParticipantVideoFallback, videoZOrder, }: ParticipantViewProps) => JSX.Element;
+//# sourceMappingURL=ParticipantView.d.ts.map

package/dist/typescript/components/Participant/ParticipantView/ParticipantView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantView.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EACL,sBAAsB,EACtB,cAAc,EACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,uCAAuC,EACxC,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAEL,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEL,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAElD,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;OAEG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC;IAC/D;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;IACrE;;OAEG;IACH,wBAAwB,CAAC,EAAE,aAAa,CAAC,6BAA6B,CAAC,GAAG,IAAI,CAAC;IAC/E;;OAEG;IACH,kCAAkC,CAAC,EAAE,aAAa,CAAC,uCAAuC,CAAC,GAAG,IAAI,CAAC;IACnG;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;CAC1D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,6BAA6B,GAAG;IACjE;;OAEG;IACH,WAAW,EAAE,sBAAsB,CAAC;IACpC;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,mLAWzB,oBAAoB,gBA4CtB,CAAC"}

package/dist/typescript/components/Participant/ParticipantView/VideoRenderer.d.ts

@@ -0,0 +1,12 @@
+import { ParticipantViewProps } from './ParticipantView';
+/**
+ * Props for the VideoRenderer component.
+ */
+export type VideoRendererProps = Pick<ParticipantViewProps, 'ParticipantVideoFallback' | 'trackType' | 'participant' | 'isVisible' | 'videoZOrder'>;
+/**
+ * This component is used to display the video of the participant and fallback when the video is muted.
+ *
+ * It internally used `RTCView` to render video stream.
+ */
+export declare const VideoRenderer: ({ trackType, participant, isVisible, ParticipantVideoFallback, videoZOrder, }: VideoRendererProps) => JSX.Element;
+//# sourceMappingURL=VideoRenderer.d.ts.map

package/dist/typescript/components/Participant/ParticipantView/VideoRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/VideoRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAoBzD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,EAClB,0BAA0B,GAC1B,WAAW,GACX,aAAa,GACb,WAAW,GACX,aAAa,CAChB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,kFAMvB,kBAAkB,gBA0KpB,CAAC"}

package/dist/typescript/components/Participant/ParticipantView/index.d.ts

@@ -0,0 +1,7 @@
+export * from './ParticipantLabel';
+export * from './ParticipantReaction';
+export * from './ParticipantVideoFallback';
+export * from './ParticipantView';
+export * from './ParticipantNetworkQualityIndicator';
+export * from './VideoRenderer';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/Participant/ParticipantView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sCAAsC,CAAC;AACrD,cAAc,iBAAiB,CAAC"}

package/dist/typescript/components/Participant/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FloatingParticipantView';
+export * from './ParticipantView';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/Participant/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Participant/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC"}

package/dist/typescript/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Call';
+export * from './utility';
+export * from './Participant';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/typescript/components/utility/Avatar.d.ts

@@ -0,0 +1,43 @@
+import type { StreamVideoParticipant } from '@stream-io/video-client';
+import { Theme } from '../../theme/theme';
+/**
+ * Props to be passed for the Avatar component.
+ */
+export interface AvatarProps {
+    /**
+     * The participant of which the avatar will be rendered
+     */
+    participant: StreamVideoParticipant;
+    /**
+     * The size of the avatar
+     * @defaultValue
+     * The default value is `100`
+     */
+    size?: number;
+    /**
+     * Custom style to be merged with the avatar.
+     * @example
+     * ```
+     * <Avatar
+     *  participant={participant}
+     *  style={{
+     *   container: {
+     *    backgroundColor: 'red',
+     *   },
+     *   image: {
+     *    borderRadius: 10,
+     *   },
+     *   text: {
+     *     color: 'white',
+     *   },
+     *   }}
+     * />
+     */
+    style?: Theme['avatar'];
+}
+/**
+ * Shows either user's image or initials based on the user state and existence of
+ * their image.
+ */
+export declare const Avatar: (props: AvatarProps) => JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/typescript/components/utility/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/utility/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAItE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,WAAW,EAAE,sBAAsB,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,UAAW,WAAW,gBAsDxC,CAAC"}

package/dist/typescript/components/utility/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/utility/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/utility/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/typescript/constants/TestIds.d.ts

@@ -0,0 +1,26 @@
+export declare enum IconTestIds {
+    MUTED_VIDEO = "muted-video-icon",
+    HANG_UP_CALL = "hang-up-call-icon",
+    SCREEN_SHARE = "screen-share-icon"
+}
+export declare enum ComponentTestIds {
+    PARTICIPANT_AVATAR = "participant-avatar",
+    CALL_PARTICIPANTS_LIST = "call-participants-list",
+    CALL_PARTICIPANTS_SPOTLIGHT = "call-participants-spotlight",
+    CALL_PARTICIPANTS_GRID = "call-participants-grid",
+    LOCAL_PARTICIPANT = "local-participant",
+    PARTICIPANT_MEDIA_STREAM = "participant-media-stream",
+    PARTICIPANTS_INFO = "participants-info",
+    PARTICIPANT_SCREEN_SHARING = "participant-screen-sharing",
+    REACTIONS_PICKER = "reactions-picker",
+    CHAT_UNREAD_BADGE_COUNT_INDICATOR = "chat-unread-badge-count-indicator"
+}
+export declare enum ButtonTestIds {
+    PARTICIPANTS_INFO = "participants-info-button",
+    HANG_UP_CALL = "hang-up-call",
+    REACTION = "call-controls-reaction"
+}
+export declare enum ImageTestIds {
+    AVATAR = "avatar-image"
+}
+//# sourceMappingURL=TestIds.d.ts.map

package/dist/typescript/constants/TestIds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestIds.d.ts","sourceRoot":"","sources":["../../../src/constants/TestIds.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,WAAW,qBAAqB;IAChC,YAAY,sBAAsB;IAClC,YAAY,sBAAsB;CACnC;AAED,oBAAY,gBAAgB;IAC1B,kBAAkB,uBAAuB;IACzC,sBAAsB,2BAA2B;IACjD,2BAA2B,gCAAgC;IAC3D,sBAAsB,2BAA2B;IACjD,iBAAiB,sBAAsB;IACvC,wBAAwB,6BAA6B;IACrD,iBAAiB,sBAAsB;IACvC,0BAA0B,+BAA+B;IACzD,gBAAgB,qBAAqB;IACrC,iCAAiC,sCAAsC;CACxE;AAED,oBAAY,aAAa;IACvB,iBAAiB,6BAA6B;IAC9C,YAAY,iBAAiB;IAC7B,QAAQ,2BAA2B;CACpC;AAED,oBAAY,YAAY;IACtB,MAAM,iBAAiB;CACxB"}

package/dist/typescript/constants/index.d.ts

@@ -0,0 +1,14 @@
+import { StreamVideoConfig } from '../utils/StreamVideoRN/types';
+export declare const FLOATING_VIDEO_VIEW_STYLE: {
+    height: number;
+    width: number;
+    borderRadius: number;
+};
+export declare const LOBBY_VIDEO_VIEW_HEIGHT = 280;
+export declare const defaultEmojiReactions: StreamVideoConfig['supportedReactions'];
+export declare const Z_INDEX: {
+    IN_BACK: number;
+    IN_MIDDLE: number;
+    IN_FRONT: number;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEjE,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,CAAC,oBAAoB,CAmBzE,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

package/dist/typescript/contexts/StreamVideoContext.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export type MediaDeviceInfo = {
+    deviceId: string;
+    facing?: 'environment' | 'front';
+    groupId: string;
+    kind: 'videoinput' | 'audioinput';
+    label: string;
+};
+/**
+ * Exclude types from documentation site, but we should still add doc comments
+ * @internal
+ */
+export interface SDKStreamVideoStore {
+    currentAudioDevice?: MediaDeviceInfo;
+    currentVideoDevice?: MediaDeviceInfo;
+    audioDevices: MediaDeviceInfo[];
+    videoDevices: MediaDeviceInfo[];
+}
+export declare const StreamVideoStoreProvider: (props: React.PropsWithChildren<{}>) => JSX.Element, useStreamVideoStoreValue: <SelectorOutput extends MediaDeviceInfo | MediaDeviceInfo[] | undefined>(selector: (store: SDKStreamVideoStore) => SelectorOutput) => SelectorOutput, useStreamVideoStoreSetState: () => (partialStateOrFunc: Partial<SDKStreamVideoStore> | ((prevState: SDKStreamVideoStore) => Partial<SDKStreamVideoStore>)) => void;
+//# sourceMappingURL=StreamVideoContext.d.ts.map

package/dist/typescript/contexts/StreamVideoContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamVideoContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/StreamVideoContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAgHf,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,YAAY,GAAG,YAAY,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,YAAY,EAAE,eAAe,EAAE,CAAC;IAChC,YAAY,EAAE,eAAe,EAAE,CAAC;CACjC;AAED,eAAO,MACK,wBAAwB,UAzET,MAAM,iBAAiB,CAAC,EAAE,CAAC,kBA0ErC,wBAAwB,wJACrB,2BAA2B,mIAxHxC,IA8HL,CAAC"}

package/dist/typescript/contexts/ThemeContext.d.ts

@@ -0,0 +1,23 @@
+import React, { PropsWithChildren } from 'react';
+import { Theme } from '../theme/theme';
+export type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>;
+};
+export type ThemeProviderInputValue = {
+    mergedStyle?: Theme;
+    style?: DeepPartial<Theme>;
+};
+export type MergedThemesParams = {
+    style?: DeepPartial<Theme>;
+    theme?: Theme;
+};
+export type ThemeContextValue = {
+    theme: Theme;
+};
+export declare const mergeThemes: (params: MergedThemesParams) => Theme;
+export declare const ThemeContext: React.Context<Theme>;
+export declare const ThemeProvider: React.FC<PropsWithChildren<ThemeProviderInputValue & Partial<ThemeContextValue>>>;
+export declare const useTheme: () => {
+    theme: Theme;
+};
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/typescript/contexts/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAgB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,kBAAkB,UAarD,CAAC;AAIF,eAAO,MAAM,YAAY,sBAExB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC,iBAAiB,CAAC,uBAAuB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAiBxE,CAAC;AAEF,eAAO,MAAM,QAAQ;;CASpB,CAAC"}

package/dist/typescript/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './StreamVideoContext';
+export * from './ThemeContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/contexts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/dist/typescript/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useIncallManager';
+export * from './usePermissionRequest';
+export * from './usePermissionNotification';
+export * from './push';
+export * from './useAndroidKeepCallAliveEffect';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,iCAAiC,CAAC"}

package/dist/typescript/hooks/internal/useCallMediaStreamCleanup.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This hook is meant to be used in Lobby view or equivalent.
+ * It will cleanup the media stream on unmount if call is not meant to be joined.
+ */
+export declare const useCallMediaStreamCleanup: () => void;
+//# sourceMappingURL=useCallMediaStreamCleanup.d.ts.map

package/dist/typescript/hooks/internal/useCallMediaStreamCleanup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallMediaStreamCleanup.d.ts","sourceRoot":"","sources":["../../../../src/hooks/internal/useCallMediaStreamCleanup.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,yBAAyB,YAwBrC,CAAC"}

package/dist/typescript/hooks/push/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This hook is used to do the initial setup for push notifications.
+ * It must be used in a component which is a child of StreamVideo from bindings
+ */
+export declare const usePushRegisterEffect: () => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/hooks/push/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/push/index.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,qBAAqB,YAKjC,CAAC"}

package/dist/typescript/hooks/push/useInitAndroidTokenAndRest.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This hook is used to initialize the push token for Android and ask notification permissions.
+ */
+export declare const useInitAndroidTokenAndRest: () => void;
+//# sourceMappingURL=useInitAndroidTokenAndRest.d.ts.map

package/dist/typescript/hooks/push/useInitAndroidTokenAndRest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitAndroidTokenAndRest.d.ts","sourceRoot":"","sources":["../../../../src/hooks/push/useInitAndroidTokenAndRest.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,0BAA0B,YAWtC,CAAC"}

package/dist/typescript/hooks/push/useIosCallKeepEventsSetupEffect.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This hook is used to listen to callkeep events and do the necessary actions
+ */
+export declare const useIosCallKeepEventsSetupEffect: () => void;
+//# sourceMappingURL=useIosCallKeepEventsSetupEffect.d.ts.map

package/dist/typescript/hooks/push/useIosCallKeepEventsSetupEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIosCallKeepEventsSetupEffect.d.ts","sourceRoot":"","sources":["../../../../src/hooks/push/useIosCallKeepEventsSetupEffect.ts"],"names":[],"mappings":"AAcA;;GAEG;AACH,eAAO,MAAM,+BAA+B,YA8C3C,CAAC"}

package/dist/typescript/hooks/push/useIosCallkeepWithCallingStateEffect.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This hook is used to inform the callkeep library that the call has been joined or ended.
+ */
+export declare const useIosCallkeepWithCallingStateEffect: () => void;
+//# sourceMappingURL=useIosCallkeepWithCallingStateEffect.d.ts.map

package/dist/typescript/hooks/push/useIosCallkeepWithCallingStateEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIosCallkeepWithCallingStateEffect.d.ts","sourceRoot":"","sources":["../../../../src/hooks/push/useIosCallkeepWithCallingStateEffect.ts"],"names":[],"mappings":"AA0BA;;GAEG;AACH,eAAO,MAAM,oCAAoC,YAoHhD,CAAC"}

package/dist/typescript/hooks/push/useIosVoipPushEventsSetupEffect.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This hook is used to do the initial setup of listeners
+ * for ios voip push notifications.
+ */
+export declare const useIosVoipPushEventsSetupEffect: () => void;
+//# sourceMappingURL=useIosVoipPushEventsSetupEffect.d.ts.map

package/dist/typescript/hooks/push/useIosVoipPushEventsSetupEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIosVoipPushEventsSetupEffect.d.ts","sourceRoot":"","sources":["../../../../src/hooks/push/useIosVoipPushEventsSetupEffect.ts"],"names":[],"mappings":"AAQA;;;GAGG;AACH,eAAO,MAAM,+BAA+B,YAuD3C,CAAC"}

package/dist/typescript/hooks/push/useProcessPushCallEffect.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This hook is used to process the incoming call data via push notifications using the relevant rxjs subjects
+ * It either joins or leaves the call based on the user's action.
+ * Note: this effect cannot work when push notifications are received when the app is in quit state or in other words when the client is not connected with a websocket.
+ * So we essentially run this effect only when the client is connected with a websocket.
+ */
+export declare const useProcessPushCallEffect: () => void;
+//# sourceMappingURL=useProcessPushCallEffect.d.ts.map

package/dist/typescript/hooks/push/useProcessPushCallEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProcessPushCallEffect.d.ts","sourceRoot":"","sources":["../../../../src/hooks/push/useProcessPushCallEffect.ts"],"names":[],"mappings":"AAiBA;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,YAwCpC,CAAC"}

package/dist/typescript/hooks/useAndroidKeepCallAliveEffect.d.ts

@@ -0,0 +1,7 @@
+/**
+ * This hook is used to keep the call alive in the background for Android.
+ * It starts a foreground service to keep the call alive as soon as the call is joined
+ * and stops the foreground Service when the call is left.
+ */
+export declare const useAndroidKeepCallAliveEffect: () => void;
+//# sourceMappingURL=useAndroidKeepCallAliveEffect.d.ts.map

package/dist/typescript/hooks/useAndroidKeepCallAliveEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAndroidKeepCallAliveEffect.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAndroidKeepCallAliveEffect.ts"],"names":[],"mappings":"AA6DA;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,YA8CzC,CAAC"}

package/dist/typescript/hooks/useIncallManager.d.ts

@@ -0,0 +1,14 @@
+export type IncallManagerProps = {
+    media: 'audio' | 'video';
+    auto: boolean;
+};
+/**
+ * A hook to handle IncallManager specs in the application.
+ *
+ * @param media
+ * @param auto
+ *
+ * @category Device Management
+ *  */
+export declare const useIncallManager: ({ auto, media }: IncallManagerProps) => void;
+//# sourceMappingURL=useIncallManager.d.ts.map

package/dist/typescript/hooks/useIncallManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIncallManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIncallManager.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF;;;;;;;MAOM;AACN,eAAO,MAAM,gBAAgB,oBAAqB,kBAAkB,SAMnE,CAAC"}

package/dist/typescript/hooks/usePermissionNotification.d.ts

@@ -0,0 +1,19 @@
+import { OwnCapability } from '@stream-io/video-client';
+export type PermissionNotificationProps = {
+    /**
+     * The permission to check for.
+     */
+    permission: OwnCapability;
+    /**
+     * The message to display in the notification once
+     * the requested permission is granted.
+     */
+    messageApproved: string;
+    /**
+     * The message to display in the notification once a permission
+     * is revoked.
+     */
+    messageRevoked: string;
+};
+export declare const usePermissionNotification: (props: PermissionNotificationProps) => void;
+//# sourceMappingURL=usePermissionNotification.d.ts.map

package/dist/typescript/hooks/usePermissionNotification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePermissionNotification.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePermissionNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAStE,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;IAE1B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC7B,2BAA2B,SAkCnC,CAAC"}

package/dist/typescript/hooks/usePermissionRequest.d.ts

@@ -0,0 +1,2 @@
+export declare const usePermissionRequest: () => void;
+//# sourceMappingURL=usePermissionRequest.d.ts.map