@stream-io/video-react-native-sdk 1.10.4 → 1.10.6

package/dist/typescript/utils/push/utils.d.ts

@@ -1,8 +1,8 @@
 import type { Event } from '@notifee/react-native';
-import { FirebaseMessagingTypes } from './libs/firebaseMessaging';
-import { ExpoNotification } from './libs/expoNotifications';
-import { NonRingingPushEvent } from '../StreamVideoRN/types';
-import { PushNotificationiOSType } from './libs/iosPushNotification';
+import type { FirebaseMessagingTypes } from './libs/firebaseMessaging';
+import type { ExpoNotification } from './libs/expoNotifications';
+import type { NonRingingPushEvent } from '../StreamVideoRN/types';
+import type { PushNotificationiOSType } from './libs/iosPushNotification';
 export type StreamPushPayload = {
     call_cid: string;
     type: 'call.ring' | NonRingingPushEvent;

package/dist/typescript/utils/push/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/push/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,MAAM,iBAAiB,GACzB;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,WAAW,GAAG,mBAAmB,CAAC;IACxC,MAAM,EAAE,MAAM,CAAC;CAChB,GACD,SAAS,CAAC;AAEd,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,sBAAsB,CAAC,aAAa,WAG9C;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,KAAK,WAIrD;AAED,wBAAgB,kCAAkC,CAAC,KAAK,EAAE,gBAAgB,WAkBzE;AAED,wBAAgB,qCAAqC,CACnD,YAAY,EAAE,uBAAuB,WAKtC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/push/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAE1E,MAAM,MAAM,iBAAiB,GACzB;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,WAAW,GAAG,mBAAmB,CAAC;IACxC,MAAM,EAAE,MAAM,CAAC;CAChB,GACD,SAAS,CAAC;AAEd,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,sBAAsB,CAAC,aAAa,WAG9C;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,KAAK,WAIrD;AAED,wBAAgB,kCAAkC,CAAC,KAAK,EAAE,gBAAgB,WAkBzE;AAED,wBAAgB,qCAAqC,CACnD,YAAY,EAAE,uBAAuB,WAKtC"}

package/dist/typescript/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "1.10.4";
+export declare const version = "1.10.6";
 //# sourceMappingURL=version.d.ts.map

package/expo-config-plugin/dist/withIosScreenCapture/addBroadcastExtensionXcodeTarget.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = addBroadcastExtensionXcodeTarget;
 const util = __importStar(require("util"));

package/expo-config-plugin/dist/withIosScreenCapture/withFilesMod.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/expo-config-plugin/dist/withIosScreenCapture/withTarget.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/ios/RTCViewPipManager.swift

@@ -7,7 +7,7 @@
 
 import Foundation
 
-@objc (RTCViewPipManager)
+@objc(RTCViewPipManager)
 class RTCViewPipManager: RCTViewManager {
     
     override func view() -> UIView! {

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "1.10.4",
+  "version": "1.10.6",
   "packageManager": "yarn@3.2.4",
+  "description": "Stream Video SDK for React Native",
+  "author": "https://getstream.io",
+  "homepage": "https://getstream.io/video/docs/react-native/",
+  "license": "See license in LICENSE",
   "main": "dist/commonjs/index.js",
   "module": "dist/module/index.js",
   "react-native": "src/index.ts",
   "types": "dist/typescript/index.d.ts",
-  "description": "Stream Video SDK for React Native",
-  "author": "https://getstream.io",
-  "homepage": "https://github.com/GetStream/stream-video-js/tree/main/packages/react-native-sdk#readme",
-  "license": "See license in LICENSE",
   "scripts": {
     "clean": "rimraf dist && rimraf expo-config-plugin/dist",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "start": "yarn copy-version && tsc --project tsconfig.json --watch",
     "build:expo-plugin": "rimraf expo-config-plugin/dist && tsc --project expo-config-plugin/tsconfig.json",
-    "build": "yarn clean && yarn copy-version && bob build && yarn build:expo-plugin",
-    "test:expo-plugin": "jest expo-config-plugin --coverage",
+    "build": "yarn copy-version && bob build && yarn build:expo-plugin",
+    "test:expo-plugin": "jest --config=expo-config-plugin/jest.config.js --coverage",
     "test": "yarn copy-version && jest --coverage && yarn test:expo-plugin",
     "copy-version": "echo \"export const version = '$npm_package_version';\" > ./src/version.ts"
   },
@@ -46,8 +46,8 @@
     "!**/.*"
   ],
   "dependencies": {
-    "@stream-io/video-client": "1.17.1",
-    "@stream-io/video-react-bindings": "1.5.1",
+    "@stream-io/video-client": "1.18.0",
+    "@stream-io/video-react-bindings": "1.5.2",
     "intl-pluralrules": "2.0.1",
     "lodash.merge": "^4.6.2",
     "react-native-url-polyfill": "1.3.0",
@@ -113,13 +113,13 @@
     }
   },
   "devDependencies": {
-    "@babel/preset-typescript": "^7.26.0",
-    "@expo/config-plugins": "~7.8.4",
+    "@expo/config-plugins": "~9.0.15",
     "@notifee/react-native": "9.1.2",
     "@react-native-community/netinfo": "9.3.9",
     "@react-native-community/push-notification-ios": "1.11.0",
     "@react-native-firebase/app": "19.2.2",
     "@react-native-firebase/messaging": "19.2.2",
+    "@react-native/babel-preset": "^0.73",
     "@react-native/eslint-config": "^0.74.84",
     "@stream-io/react-native-webrtc": "^125.0.7",
     "@stream-io/video-filters-react-native": "^0.2.8",
@@ -132,13 +132,14 @@
     "@types/react-native": "^0.70.4",
     "@types/react-native-incall-manager": "^3.2.1",
     "@types/react-test-renderer": "^18",
-    "expo": "50.0.19",
-    "expo-build-properties": "^0.12.3",
+    "expo": "52.0.37",
+    "expo-build-properties": "^0.13.2",
+    "expo-module-scripts": "^4.0.4",
     "expo-modules-core": "1.12.16",
     "expo-notifications": "~0.29.11",
     "jest": "^29.7.0",
-    "react-native": "0.71.8",
-    "react-native-builder-bob": "^0.37.0",
+    "react-native": "^0.73",
+    "react-native-builder-bob": "~0.23",
     "react-native-callkeep": "4.3.11",
     "react-native-gesture-handler": "2.16.2",
     "react-native-incall-manager": "^4.0.0",

package/src/components/Call/CallContent/CallContent.tsx

@@ -1,36 +1,36 @@
 import React, { useEffect, useState, useMemo } from 'react';
-import { StyleSheet, View, ViewStyle } from 'react-native';
+import { StyleSheet, View, type ViewStyle } from 'react-native';
 import InCallManager from 'react-native-incall-manager';
 import {
   CallParticipantsGrid,
-  CallParticipantsGridProps,
+  type CallParticipantsGridProps,
   CallParticipantsSpotlight,
-  CallParticipantsSpotlightProps,
+  type CallParticipantsSpotlightProps,
 } from '../CallLayout';
 import {
-  CallControlProps,
+  type CallControlProps,
   CallControls as DefaultCallControls,
-  HangUpCallButtonProps,
+  type HangUpCallButtonProps,
 } from '../CallControls';
 import { useCallStateHooks } from '@stream-io/video-react-bindings';
-import { StreamReaction } from '@stream-io/video-client';
+import { type StreamReaction } from '@stream-io/video-client';
 
 import { Z_INDEX } from '../../../constants';
 import { useDebouncedValue } from '../../../utils/hooks';
 import {
   FloatingParticipantView as DefaultFloatingParticipantView,
-  FloatingParticipantViewProps,
-  ParticipantViewComponentProps,
+  type FloatingParticipantViewProps,
+  type ParticipantViewComponentProps,
 } from '../../Participant';
 import { useTheme } from '../../../contexts';
 import {
-  CallParticipantsListComponentProps,
-  CallParticipantsListProps,
+  type CallParticipantsListComponentProps,
+  type CallParticipantsListProps,
 } from '../CallParticipantsList';
 import { useIsInPiPMode, useAutoEnterPiPEffect } from '../../../hooks';
 import {
   ScreenShareOverlay as DefaultScreenShareOverlay,
-  ScreenShareOverlayProps,
+  type ScreenShareOverlayProps,
 } from '../../utility/ScreenShareOverlay';
 import RTCViewPipIOS from './RTCViewPipIOS';
 

package/src/components/Call/CallContent/RTCViewPipIOS.tsx

@@ -8,7 +8,7 @@ import type { MediaStream } from '@stream-io/react-native-webrtc';
 import React, { useEffect, useMemo } from 'react';
 import {
   findNodeHandle,
-  HostComponent,
+  type HostComponent,
   Platform,
   requireNativeComponent,
   UIManager,

package/src/components/Call/CallControls/CallControls.tsx

@@ -1,10 +1,13 @@
 import React from 'react';
-import { StyleSheet, View, ViewProps, ViewStyle } from 'react-native';
+import { StyleSheet, View, type ViewProps, type ViewStyle } from 'react-native';
 import { ToggleAudioPublishingButton } from './ToggleAudioPublishingButton';
 import { ToggleVideoPublishingButton } from './ToggleVideoPublishingButton';
 import { ToggleCameraFaceButton } from './ToggleCameraFaceButton';
 import { Z_INDEX } from '../../../constants';
-import { HangUpCallButton, HangUpCallButtonProps } from './HangupCallButton';
+import {
+  HangUpCallButton,
+  type HangUpCallButtonProps,
+} from './HangupCallButton';
 import { useTheme } from '../../../contexts/ThemeContext';
 
 /**
@@ -32,7 +35,7 @@ export const CallControls = ({
     theme: { colors, callControls },
   } = useTheme();
   const landscapeStyles: ViewStyle = {
-    flexDirection: landscape ? 'column-reverse' : 'row',
+    flexDirection: 'row',
     paddingHorizontal: landscape ? 12 : 0,
     paddingVertical: landscape ? 0 : 12,
   };

package/src/components/Call/CallControls/CallControlsButton.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import {
-  ColorValue,
+  type ColorValue,
   Pressable,
-  PressableProps,
+  type PressableProps,
   StyleSheet,
   View,
 } from 'react-native';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { Theme } from '../../../theme/theme';
+import type { Theme } from '../../../theme/theme';
 
 interface CallControlsButtonProps {
   /**

package/src/components/Call/CallControls/ReactionsButton.tsx

@@ -5,9 +5,9 @@ import { OwnCapability } from '@stream-io/video-client';
 import { ButtonTestIds } from '../../../constants/TestIds';
 import { IconWrapper, Reaction } from '../../../icons';
 import { ReactionsPicker } from './internal/ReactionsPicker';
-import { LayoutChangeEvent, LayoutRectangle } from 'react-native';
+import { type LayoutChangeEvent, type LayoutRectangle } from 'react-native';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { StreamReactionType } from '../CallContent';
+import { type StreamReactionType } from '../CallContent';
 
 /**
  * Props for the Reaction button

package/src/components/Call/CallControls/ToggleCameraFaceButton.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import { CallControlsButton } from './CallControlsButton';
 import { CameraSwitch, IconWrapper } from '../../../icons';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { ColorValue } from 'react-native';
+import { type ColorValue } from 'react-native';
 
 /**
  * Props for the Toggle Camera face button.

package/src/components/Call/CallControls/internal/ReactionsPicker.tsx

@@ -1,16 +1,16 @@
 import React, { useEffect, useMemo, useRef } from 'react';
 import {
-  LayoutRectangle,
+  type LayoutRectangle,
   Pressable,
   StyleSheet,
   Animated,
   Easing,
 } from 'react-native';
 import { useCall } from '@stream-io/video-react-bindings';
-import { SendReactionRequest, getLogger } from '@stream-io/video-client';
+import { type SendReactionRequest, getLogger } from '@stream-io/video-client';
 import { ComponentTestIds } from '../../../../constants/TestIds';
 import { useTheme } from '../../../../contexts/ThemeContext';
-import { ReactionsButtonProps } from '../ReactionsButton';
+import type { ReactionsButtonProps } from '../ReactionsButton';
 import { defaultEmojiReactions } from '../../../../constants';
 
 type ReactionPickerProps = Pick<ReactionsButtonProps, 'supportedReactions'> & {

package/src/components/Call/CallLayout/CallParticipantsGrid.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
-import { StyleSheet, View, ViewStyle } from 'react-native';
+import { StyleSheet, View, type ViewStyle } from 'react-native';
 import { useCallStateHooks } from '@stream-io/video-react-bindings';
 import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
 import {
   CallParticipantsList as DefaultCallParticipantsList,
-  CallParticipantsListComponentProps,
+  type CallParticipantsListComponentProps,
 } from '../CallParticipantsList/CallParticipantsList';
 import { ComponentTestIds } from '../../../constants/TestIds';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { CallContentProps } from '../CallContent';
-import { ParticipantViewComponentProps } from '../../Participant';
+import type { CallContentProps } from '../CallContent';
+import type { ParticipantViewComponentProps } from '../../Participant';
 import { useIsInPiPMode } from '../../../hooks/useIsInPiPMode';
 
 /**

package/src/components/Call/CallLayout/CallParticipantsSpotlight.tsx

@@ -4,19 +4,19 @@ import {
   speakerLayoutSortPreset,
 } from '@stream-io/video-client';
 import { useCallStateHooks } from '@stream-io/video-react-bindings';
-import { StyleSheet, View, ViewStyle } from 'react-native';
+import { StyleSheet, View, type ViewStyle } from 'react-native';
 import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
 import { ComponentTestIds } from '../../../constants/TestIds';
 import {
   CallParticipantsList as DefaultCallParticipantsList,
-  CallParticipantsListComponentProps,
+  type CallParticipantsListComponentProps,
 } from '../CallParticipantsList/CallParticipantsList';
 import {
   ParticipantView as DefaultParticipantView,
-  ParticipantViewComponentProps,
+  type ParticipantViewComponentProps,
 } from '../../Participant';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { CallContentProps } from '../CallContent';
+import { type CallContentProps } from '../CallContent';
 import { useIsInPiPMode } from '../../../hooks/useIsInPiPMode';
 
 /**

package/src/components/Call/CallParticipantsList/CallParticipantsList.tsx

@@ -5,11 +5,16 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import { FlatList, StyleProp, StyleSheet, ViewStyle } from 'react-native';
+import {
+  FlatList,
+  type StyleProp,
+  StyleSheet,
+  type ViewStyle,
+} from 'react-native';
 
 import {
-  StreamVideoParticipant,
-  StreamVideoParticipantPatches,
+  type StreamVideoParticipant,
+  type StreamVideoParticipantPatches,
   VisibilityState,
 } from '@stream-io/video-client';
 import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
@@ -17,10 +22,10 @@ import { useCall } from '@stream-io/video-react-bindings';
 import { ComponentTestIds } from '../../../constants/TestIds';
 import {
   ParticipantView as DefaultParticipantView,
-  ParticipantViewComponentProps,
-  ParticipantViewProps,
+  type ParticipantViewComponentProps,
+  type ParticipantViewProps,
 } from '../../Participant/ParticipantView';
-import { CallContentProps } from '../CallContent';
+import type { CallContentProps } from '../CallContent';
 import { useTheme } from '../../../contexts';
 
 type FlatListProps = React.ComponentProps<

package/src/components/Call/Lobby/JoinCallButton.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo, useState } from 'react';
-import { LobbyProps } from './Lobby';
+import { type LobbyProps } from './Lobby';
 import { Pressable, StyleSheet, Text } from 'react-native';
 import { useCall, useI18n } from '@stream-io/video-react-bindings';
 import { useTheme } from '../../../contexts/ThemeContext';

package/src/components/Call/Lobby/Lobby.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentType, useMemo } from 'react';
+import React, { type ComponentType, useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import {
   useCallStateHooks,
@@ -6,19 +6,19 @@ import {
   useI18n,
 } from '@stream-io/video-react-bindings';
 import { Avatar } from '../../utility/Avatar';
-import { StreamVideoParticipant } from '@stream-io/video-client';
+import type { StreamVideoParticipant } from '@stream-io/video-client';
 import { RTCView } from '@stream-io/react-native-webrtc';
 import { LobbyControls as DefaultLobbyControls } from '../CallControls/LobbyControls';
 import {
   JoinCallButton as DefaultJoinCallButton,
-  JoinCallButtonProps,
+  type JoinCallButtonProps,
 } from './JoinCallButton';
 import { useTheme } from '../../../contexts/ThemeContext';
 import { useCallMediaStreamCleanup } from '../../../hooks/internal/useCallMediaStreamCleanup';
 import type { MediaStream } from '@stream-io/react-native-webrtc';
 import {
   LobbyFooter as DefaultLobbyFooter,
-  LobbyFooterProps,
+  type LobbyFooterProps,
 } from './LobbyFooter';
 import { useApplyDefaultMediaStreamSettings } from '../../../hooks/useApplyDefaultMediaStreamSettings';
 

package/src/components/Call/Lobby/LobbyFooter.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { LobbyProps } from './Lobby';
+import { type LobbyProps } from './Lobby';
 import { View, StyleSheet, Text } from 'react-native';
 import { useTheme } from '../../../contexts/ThemeContext';
 import { useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';

package/src/components/Call/RingingCallContent/CallLeftIndicator.tsx

@@ -2,7 +2,7 @@ import { useI18n } from '@stream-io/video-react-bindings';
 import React from 'react';
 import {
   TextBasedIndicator,
-  TextBasedIndicatorProps,
+  type TextBasedIndicatorProps,
 } from './TextBasedIndicator';
 
 export type CallLeftIndicatorProps = Pick<

package/src/components/Call/RingingCallContent/CallPreparingIndicator.tsx

@@ -2,7 +2,7 @@ import { useI18n } from '@stream-io/video-react-bindings';
 import React from 'react';
 import {
   TextBasedIndicator,
-  TextBasedIndicatorProps,
+  type TextBasedIndicatorProps,
 } from './TextBasedIndicator';
 
 export type CallPreparingIndicatorProps = Pick<

package/src/components/Call/RingingCallContent/IncomingCall.tsx

@@ -4,7 +4,7 @@ import {
   StyleSheet,
   Text,
   View,
-  ViewStyle,
+  type ViewStyle,
 } from 'react-native';
 import {
   useCallStateHooks,
@@ -14,7 +14,7 @@ import {
 import { UserInfo } from './UserInfo';
 import {
   IncomingCallControls as DefaultIncomingCallControls,
-  IncomingCallControlsProps,
+  type IncomingCallControlsProps,
 } from '../CallControls';
 import { useTheme } from '../../../contexts';
 
@@ -109,7 +109,6 @@ const Background: React.FunctionComponent<{
   if (avatarsToShow.length) {
     return (
       <ImageBackground
-        blurRadius={10}
         source={{
           uri: avatarsToShow[0],
         }}

package/src/components/Call/RingingCallContent/OutgoingCall.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleSheet, Text, View, ViewStyle } from 'react-native';
+import { StyleSheet, Text, View, type ViewStyle } from 'react-native';
 import { UserInfo } from './UserInfo';
 import { Z_INDEX } from '../../../constants';
 import { useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';
@@ -7,7 +7,7 @@ import { MediaStream, RTCView } from '@stream-io/react-native-webrtc';
 import { useTheme } from '../../../contexts/ThemeContext';
 import {
   OutgoingCallControls as DefaultOutgoingCallControls,
-  OutgoingCallControlsProps,
+  type OutgoingCallControlsProps,
 } from '../CallControls';
 import { useCallMediaStreamCleanup } from '../../../hooks/internal/useCallMediaStreamCleanup';
 import { useApplyDefaultMediaStreamSettings } from '../../../hooks/useApplyDefaultMediaStreamSettings';

package/src/components/Call/RingingCallContent/RingingCallContent.tsx

@@ -4,23 +4,23 @@ import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import {
   CallContent as DefaultCallContent,
-  CallContentProps,
+  type CallContentProps,
 } from '../CallContent';
 import {
   IncomingCall as DefaultIncomingCall,
-  IncomingCallProps,
+  type IncomingCallProps,
 } from './IncomingCall';
 import {
   OutgoingCall as DefaultOutgoingCall,
-  OutgoingCallProps,
+  type OutgoingCallProps,
 } from './OutgoingCall';
 import {
   CallLeftIndicator as DefaultCallLeftIndicator,
-  CallLeftIndicatorProps,
+  type CallLeftIndicatorProps,
 } from './CallLeftIndicator';
 import {
   CallPreparingIndicator as DefaultCallPreparingIndicator,
-  CallPreparingIndicatorProps,
+  type CallPreparingIndicatorProps,
 } from './CallPreparingIndicator';
 import { useTheme } from '../../../contexts';
 

package/src/components/Call/RingingCallContent/UserInfo.tsx

@@ -5,7 +5,7 @@ import {
   useCallStateHooks,
   useConnectedUser,
 } from '@stream-io/video-react-bindings';
-import { UserResponse } from '@stream-io/video-client';
+import { type UserResponse } from '@stream-io/video-client';
 import { useTheme } from '../../../contexts/ThemeContext';
 
 enum AvatarModes {

package/src/components/Livestream/HostLivestream/HostLivestream.tsx

@@ -5,26 +5,26 @@ import InCallManager from 'react-native-incall-manager';
 import { useTheme } from '../../../contexts';
 import {
   HostLivestreamTopView as DefaultHostLivestreamTopView,
-  HostLivestreamTopViewProps,
+  type HostLivestreamTopViewProps,
 } from '../LivestreamTopView/HostLivestreamTopView';
 import {
   HostLivestreamControls as DefaultHostLivestreamControls,
-  HostLivestreamControlsProps,
+  type HostLivestreamControlsProps,
 } from '../LivestreamControls/HostLivestreamControls';
 import {
   LivestreamLayout as DefaultLivestreamLayout,
-  LivestreamLayoutProps,
+  type LivestreamLayoutProps,
 } from '../LivestreamLayout';
 import { Z_INDEX } from '../../../constants';
 import {
   FloatingParticipantView as DefaultFloatingParticipantView,
-  FloatingParticipantViewProps,
+  type FloatingParticipantViewProps,
 } from '../../Participant/FloatingParticipantView';
 import { useCallStateHooks } from '@stream-io/video-react-bindings';
 import { hasVideo } from '@stream-io/video-client';
 import {
   ScreenShareOverlay as DefaultScreenShaerOverlay,
-  ScreenShareOverlayProps,
+  type ScreenShareOverlayProps,
 } from '../../utility/ScreenShareOverlay';
 
 /**

package/src/components/Livestream/LivestreamControls/HostLivestreamControls.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
-import { StyleSheet, View, ViewProps } from 'react-native';
+import { StyleSheet, View, type ViewProps } from 'react-native';
 import {
   HostStartStreamButton as DefaultHostStartStreamButton,
-  HostStartStreamButtonProps,
+  type HostStartStreamButtonProps,
 } from './HostStartStreamButton';
 import {
   LivestreamMediaControls as DefaultLivestreamMediaControls,
-  LivestreamMediaControlsProps,
+  type LivestreamMediaControlsProps,
 } from './LivestreamMediaControls';
 import { useTheme } from '../../../contexts';
 import { Z_INDEX } from '../../../constants';