@stream-io/video-react-native-sdk 1.10.3 → 1.10.5

package/dist/typescript/{utils → src/utils}/push/libs/notifee/index.d.ts

@@ -1,4 +1,4 @@
-import { Type } from './lib';
+import { type Type } from './lib';
 export type NotifeeLib = Type;
 declare enum AndroidForegroundServiceType {
     FOREGROUND_SERVICE_TYPE_CAMERA = 64,

package/dist/typescript/src/utils/push/libs/notifee/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/utils/push/libs/notifee/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,EAAO,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAE9B,aAAK,4BAA4B;IAC/B,8BAA8B,KAAK;IACnC,wCAAwC,KAAK;IAC7C,iCAAiC,IAAI;IACrC,8BAA8B,MAAM;IACpC,gCAAgC,IAAI;IACpC,sCAAsC,IAAI;IAC1C,wCAAwC,KAAK;IAC7C,wCAAwC,OAAO;IAC/C,kCAAkC,MAAM;IACxC,kCAAkC,IAAI;IACtC,wCAAwC,MAAM;IAC9C,qCAAqC,OAAO;IAC5C,mCAAmC,aAAa;IAChD,uCAAuC,OAAO;IAC9C,gCAAgC,KAAK;CACtC;AAKD,wBAAgB,uCAAuC,2CAQtD;AAED,wBAAgB,oCAAoC,uDASnD;AAED,wBAAsB,sCAAsC,4CA0B3D;AAED,wBAAgB,qCAAqC,mCAKpD"}

package/dist/typescript/src/utils/push/libs/notifee/lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../../../../../../../src/utils/push/libs/notifee/lib.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG,cAAc,uBAAuB,CAAC,CAAC;AAE1D,QAAA,IAAI,GAAG,EAAE,IAAI,GAAG,SAAS,CAAC;AAM1B,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/typescript/src/utils/push/libs/voipPushNotification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"voipPushNotification.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/push/libs/voipPushNotification.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAClC,cAAc,qCAAqC,EAAE,OAAO,CAAC;AAQ/D,wBAAgB,0BAA0B,iEAOzC"}

package/dist/typescript/{utils → src/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/src/utils/push/utils.d.ts.map

@@ -0,0 +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,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/src/utils/setClientDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setClientDetails.d.ts","sourceRoot":"","sources":["../../../../src/utils/setClientDetails.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,gBAAgB,YAmD5B,CAAC"}

package/dist/typescript/src/version.d.ts

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

package/dist/typescript/src/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,WAAW,CAAC"}

package/expo-config-plugin/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ConfigProps } from './common/types';
+import { type ConfigPlugin } from '@expo/config-plugins';
+import { type ConfigProps } from './common/types';
 declare const _default: ConfigPlugin<ConfigProps>;
 export default _default;

package/expo-config-plugin/dist/withAndroidManifest.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ConfigProps } from './common/types';
+import { type ConfigPlugin } from '@expo/config-plugins';
+import { type ConfigProps } from './common/types';
 declare const withStreamVideoReactNativeSDKManifest: ConfigPlugin<ConfigProps>;
 export default withStreamVideoReactNativeSDKManifest;

package/expo-config-plugin/dist/withAndroidPermissions.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ConfigProps } from './common/types';
+import { type ConfigPlugin } from '@expo/config-plugins';
+import type { ConfigProps } from './common/types';
 declare const withStreamVideoReactNativeSDKAndroidPermissions: ConfigPlugin<ConfigProps>;
 export default withStreamVideoReactNativeSDKAndroidPermissions;

package/expo-config-plugin/dist/withAppBuildGradle.d.ts

@@ -1,3 +1,3 @@
-import { ConfigPlugin } from '@expo/config-plugins';
+import { type ConfigPlugin } from '@expo/config-plugins';
 declare const withStreamVideoReactNativeBuildGradle: ConfigPlugin;
 export default withStreamVideoReactNativeBuildGradle;

package/expo-config-plugin/dist/withAppDelegate.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ConfigProps } from './common/types';
+import { type ConfigPlugin } from '@expo/config-plugins';
+import { type ConfigProps } from './common/types';
 declare const withAppDelegate: ConfigPlugin<ConfigProps>;
 export default withAppDelegate;

package/expo-config-plugin/dist/withBuildProperties.d.ts

@@ -1,3 +1,3 @@
-import { ConfigPlugin } from '@expo/config-plugins';
+import { type ConfigPlugin } from '@expo/config-plugins';
 declare const withStreamVideoReactNativeBuildProperties: ConfigPlugin;
 export default withStreamVideoReactNativeBuildProperties;

package/expo-config-plugin/dist/withIosScreenCapture/index.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ConfigProps } from '../common/types';
+import { type ConfigPlugin } from '@expo/config-plugins';
+import type { ConfigProps } from '../common/types';
 declare const withIosScreenCapture: ConfigPlugin<ConfigProps>;
 export default withIosScreenCapture;

package/expo-config-plugin/dist/withIosScreenCapture/withFilesMod.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ConfigProps } from '../common/types';
+import { type ConfigPlugin } from '@expo/config-plugins';
+import type { ConfigProps } from '../common/types';
 declare const withFilesMod: ConfigPlugin<ConfigProps>;
 export default withFilesMod;

package/expo-config-plugin/dist/withIosScreenCapture/withPlistUpdates.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ConfigProps } from '../common/types';
+import { type ConfigPlugin } from '@expo/config-plugins';
+import type { ConfigProps } from '../common/types';
 declare const withPlistUpdates: ConfigPlugin<ConfigProps>;
 export default withPlistUpdates;

package/expo-config-plugin/dist/withIosScreenCapture/withTarget.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ConfigProps } from '../common/types';
+import { type ConfigPlugin } from '@expo/config-plugins';
+import type { ConfigProps } from '../common/types';
 declare const withTarget: ConfigPlugin<ConfigProps>;
 export default withTarget;

package/expo-config-plugin/dist/withMainActivity.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ConfigProps } from './common/types';
+import { type ConfigPlugin } from '@expo/config-plugins';
+import { type ConfigProps } from './common/types';
 declare const withStreamVideoReactNativeSDKMainActivity: ConfigPlugin<ConfigProps>;
 export default withStreamVideoReactNativeSDKMainActivity;

package/expo-config-plugin/dist/withiOSInfoPlist.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ConfigProps } from './common/types';
+import { type ConfigPlugin } from '@expo/config-plugins';
+import type { ConfigProps } from './common/types';
 declare const withStreamVideoReactNativeSDKiOSInfoPList: ConfigPlugin<ConfigProps>;
 export default withStreamVideoReactNativeSDKiOSInfoPList;

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.3",
+  "version": "1.10.5",
   "packageManager": "yarn@3.2.4",
-  "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",
+  "homepage": "https://getstream.io/video/docs/react-native/",
   "license": "See license in LICENSE",
+  "source": "src/index.ts",
+  "main": "dist/commonjs/index.js",
+  "module": "dist/module/index.js",
+  "types": "dist/typescript/src/index.d.ts",
   "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"
   },
@@ -113,8 +113,7 @@
     }
   },
   "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",
@@ -132,8 +131,9 @@
     "@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",
@@ -158,9 +158,24 @@
     "source": "src",
     "output": "dist",
     "targets": [
-      "commonjs",
-      "module",
-      "typescript"
+      [
+        "commonjs",
+        {
+          "esm": false
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": false
+        }
+      ],
+      [
+        "typescript",
+        {
+          "esm": false
+        }
+      ]
     ]
   }
 }

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 {