@poolse/react-native 2.15.1 → 2.16.0

package/dist/index.d.cts

@@ -1275,6 +1275,18 @@ interface CallScreenProps {
     onTransportChange?: (transport: 'sfu' | 'mesh' | null) => void;
     /** Called when the call's video state changes. */
     onVideoChange?: (video: boolean) => void;
+    /**
+     * `react-native-incall-manager`, imported by your app.
+     *
+     * Only used here for the ring tones — the earpiece purr while an
+     * outbound call rings, and the ringtone for an inbound one. Without
+     * it a call is completely silent until somebody answers, which reads
+     * as the app having failed to place it at all.
+     *
+     * Injected rather than imported for the same reason every other
+     * native module is: Metro only bundles what it can see statically.
+     */
+    inCallManager?: RingToneModule | null;
     /**
      * Hide this screen while a call is merely ringing in.
      *
@@ -1286,6 +1298,18 @@ interface CallScreenProps {
      */
     nativeIncomingUi?: boolean;
 }
+/**
+ * The slice of `react-native-incall-manager` used for ring tones.
+ *
+ * Every method optional: older versions lack some, and a missing tone
+ * must never take a call down.
+ */
+interface RingToneModule {
+    startRingback?: (tone?: string) => void;
+    stopRingback?: () => void;
+    startRingtone?: (tone?: string, vibrate?: number[], category?: string, seconds?: number) => void;
+    stopRingtone?: () => void;
+}
 /**
  * WhatsApp-style call UI: a full-screen sheet that covers the app while
  * a call is ringing or connected, and renders nothing when idle.
@@ -1312,7 +1336,7 @@ interface CallScreenProps {
  * The fallback is automatic and silent by design. A deployment without
  * an SFU is a supported configuration, not a broken one.
  */
-declare function CallScreen({ userId, labelFor, calls: callsProp, webrtc, livekit, livekitReactNative, onStatusChange, onTransportChange, onVideoChange, nativeIncomingUi, }: CallScreenProps): react_jsx_runtime.JSX.Element;
+declare function CallScreen({ userId, labelFor, calls: callsProp, webrtc, livekit, livekitReactNative, onStatusChange, onTransportChange, onVideoChange, inCallManager, nativeIncomingUi, }: CallScreenProps): react_jsx_runtime.JSX.Element;
 
 interface CallVideoGridProps {
     participants: CallParticipant[];
@@ -1776,4 +1800,4 @@ declare function isStalePush(sentAt: number | undefined, now: number, staleAfter
  */
 declare function useVoipCalls({ voipPush, callKeep, calls, onAnswer, onDecline, appName, apnsEnvironment, staleAfterMs, }: UseVoipCallsOptions): void;
 
-export { AttachmentPicker, type AttachmentPickerProps, AttachmentPreview, type AttachmentPreviewProps, type AudioRoute, type AudioRouteKind, AudioRouteSheet, type AudioRouteSheetProps, Avatar, type AvatarProps, type CallAudio, CallAvatar, type CallAvatarProps, CallControlButton, type CallControlButtonProps, type CallKeepModule, CallParticipantTile, type CallParticipantTileProps, CallScreen, type CallScreenProps, CallVideoGrid, type CallVideoGridProps, ChatHeader, type ChatHeaderProps, ConversationList, type ConversationListProps, ConversationView, type ConversationViewProps, DaySeparator, type DaySeparatorProps, GroupDetailsSheet, type GroupDetailsSheetProps, type IconName, ImageMosaic, type ImageMosaicProps, type InboxUser, type LiveKitAudioSession, type LiveKitReactNativeModule, LocalVideoPip, type LocalVideoPipProps, MemberList, type MemberListProps, MentionInput, type MentionInputProps, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, MessageComposer, type MessageComposerProps, MessageList, type MessageListItem, type MessageListProps, MessageRow, type MessageRowProps, type NativeWebRtcModule, PoolseIcon, type PoolseIconProps, PoolseInbox, type PoolseInboxHandle, type PoolseInboxProps, PoolseLogo, type PoolseLogoProps, type PoolseLogoVariant, type PoolseRNTheme, type PoolseRNThemeOverrides, PoolseTheme, type PoolseThemeProps, primitives as Primitives, ReactionPicker, type ReactionPickerProps, ReactionStrip, type ReactionStripProps, type ThemeColors, type ThemeRadii, type ThemeShadows, type ThemeSpacing, type ThemeType, ThreadView, type ThreadViewProps, TypingIndicator, type TypingIndicatorProps, UploadQueueStrip, type UseCallAudioOptions, type UseVoipCallsOptions, UserName, type UserNameProps, VoiceRoomBar, type VoiceRoomBarProps, type VoipIncomingCall, type VoipPushModule, callColors, createNativeWebRtcAdapter, defaultDarkTheme, defaultLightTheme, describeRoute, isNativeWebRtcAvailable, isStalePush, useAppStateLifecycle, useCallAudio, useCallDuration, useDisplayName, usePoolseTheme, useVoipCalls };
+export { AttachmentPicker, type AttachmentPickerProps, AttachmentPreview, type AttachmentPreviewProps, type AudioRoute, type AudioRouteKind, AudioRouteSheet, type AudioRouteSheetProps, Avatar, type AvatarProps, type CallAudio, CallAvatar, type CallAvatarProps, CallControlButton, type CallControlButtonProps, type CallKeepModule, CallParticipantTile, type CallParticipantTileProps, CallScreen, type CallScreenProps, CallVideoGrid, type CallVideoGridProps, ChatHeader, type ChatHeaderProps, ConversationList, type ConversationListProps, ConversationView, type ConversationViewProps, DaySeparator, type DaySeparatorProps, GroupDetailsSheet, type GroupDetailsSheetProps, type IconName, ImageMosaic, type ImageMosaicProps, type InboxUser, type LiveKitAudioSession, type LiveKitReactNativeModule, LocalVideoPip, type LocalVideoPipProps, MemberList, type MemberListProps, MentionInput, type MentionInputProps, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, MessageComposer, type MessageComposerProps, MessageList, type MessageListItem, type MessageListProps, MessageRow, type MessageRowProps, type NativeWebRtcModule, PoolseIcon, type PoolseIconProps, PoolseInbox, type PoolseInboxHandle, type PoolseInboxProps, PoolseLogo, type PoolseLogoProps, type PoolseLogoVariant, type PoolseRNTheme, type PoolseRNThemeOverrides, PoolseTheme, type PoolseThemeProps, primitives as Primitives, ReactionPicker, type ReactionPickerProps, ReactionStrip, type ReactionStripProps, type RingToneModule, type ThemeColors, type ThemeRadii, type ThemeShadows, type ThemeSpacing, type ThemeType, ThreadView, type ThreadViewProps, TypingIndicator, type TypingIndicatorProps, UploadQueueStrip, type UseCallAudioOptions, type UseVoipCallsOptions, UserName, type UserNameProps, VoiceRoomBar, type VoiceRoomBarProps, type VoipIncomingCall, type VoipPushModule, callColors, createNativeWebRtcAdapter, defaultDarkTheme, defaultLightTheme, describeRoute, isNativeWebRtcAvailable, isStalePush, useAppStateLifecycle, useCallAudio, useCallDuration, useDisplayName, usePoolseTheme, useVoipCalls };

package/dist/index.d.ts

@@ -1275,6 +1275,18 @@ interface CallScreenProps {
     onTransportChange?: (transport: 'sfu' | 'mesh' | null) => void;
     /** Called when the call's video state changes. */
     onVideoChange?: (video: boolean) => void;
+    /**
+     * `react-native-incall-manager`, imported by your app.
+     *
+     * Only used here for the ring tones — the earpiece purr while an
+     * outbound call rings, and the ringtone for an inbound one. Without
+     * it a call is completely silent until somebody answers, which reads
+     * as the app having failed to place it at all.
+     *
+     * Injected rather than imported for the same reason every other
+     * native module is: Metro only bundles what it can see statically.
+     */
+    inCallManager?: RingToneModule | null;
     /**
      * Hide this screen while a call is merely ringing in.
      *
@@ -1286,6 +1298,18 @@ interface CallScreenProps {
      */
     nativeIncomingUi?: boolean;
 }
+/**
+ * The slice of `react-native-incall-manager` used for ring tones.
+ *
+ * Every method optional: older versions lack some, and a missing tone
+ * must never take a call down.
+ */
+interface RingToneModule {
+    startRingback?: (tone?: string) => void;
+    stopRingback?: () => void;
+    startRingtone?: (tone?: string, vibrate?: number[], category?: string, seconds?: number) => void;
+    stopRingtone?: () => void;
+}
 /**
  * WhatsApp-style call UI: a full-screen sheet that covers the app while
  * a call is ringing or connected, and renders nothing when idle.
@@ -1312,7 +1336,7 @@ interface CallScreenProps {
  * The fallback is automatic and silent by design. A deployment without
  * an SFU is a supported configuration, not a broken one.
  */
-declare function CallScreen({ userId, labelFor, calls: callsProp, webrtc, livekit, livekitReactNative, onStatusChange, onTransportChange, onVideoChange, nativeIncomingUi, }: CallScreenProps): react_jsx_runtime.JSX.Element;
+declare function CallScreen({ userId, labelFor, calls: callsProp, webrtc, livekit, livekitReactNative, onStatusChange, onTransportChange, onVideoChange, inCallManager, nativeIncomingUi, }: CallScreenProps): react_jsx_runtime.JSX.Element;
 
 interface CallVideoGridProps {
     participants: CallParticipant[];
@@ -1776,4 +1800,4 @@ declare function isStalePush(sentAt: number | undefined, now: number, staleAfter
  */
 declare function useVoipCalls({ voipPush, callKeep, calls, onAnswer, onDecline, appName, apnsEnvironment, staleAfterMs, }: UseVoipCallsOptions): void;
 
-export { AttachmentPicker, type AttachmentPickerProps, AttachmentPreview, type AttachmentPreviewProps, type AudioRoute, type AudioRouteKind, AudioRouteSheet, type AudioRouteSheetProps, Avatar, type AvatarProps, type CallAudio, CallAvatar, type CallAvatarProps, CallControlButton, type CallControlButtonProps, type CallKeepModule, CallParticipantTile, type CallParticipantTileProps, CallScreen, type CallScreenProps, CallVideoGrid, type CallVideoGridProps, ChatHeader, type ChatHeaderProps, ConversationList, type ConversationListProps, ConversationView, type ConversationViewProps, DaySeparator, type DaySeparatorProps, GroupDetailsSheet, type GroupDetailsSheetProps, type IconName, ImageMosaic, type ImageMosaicProps, type InboxUser, type LiveKitAudioSession, type LiveKitReactNativeModule, LocalVideoPip, type LocalVideoPipProps, MemberList, type MemberListProps, MentionInput, type MentionInputProps, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, MessageComposer, type MessageComposerProps, MessageList, type MessageListItem, type MessageListProps, MessageRow, type MessageRowProps, type NativeWebRtcModule, PoolseIcon, type PoolseIconProps, PoolseInbox, type PoolseInboxHandle, type PoolseInboxProps, PoolseLogo, type PoolseLogoProps, type PoolseLogoVariant, type PoolseRNTheme, type PoolseRNThemeOverrides, PoolseTheme, type PoolseThemeProps, primitives as Primitives, ReactionPicker, type ReactionPickerProps, ReactionStrip, type ReactionStripProps, type ThemeColors, type ThemeRadii, type ThemeShadows, type ThemeSpacing, type ThemeType, ThreadView, type ThreadViewProps, TypingIndicator, type TypingIndicatorProps, UploadQueueStrip, type UseCallAudioOptions, type UseVoipCallsOptions, UserName, type UserNameProps, VoiceRoomBar, type VoiceRoomBarProps, type VoipIncomingCall, type VoipPushModule, callColors, createNativeWebRtcAdapter, defaultDarkTheme, defaultLightTheme, describeRoute, isNativeWebRtcAvailable, isStalePush, useAppStateLifecycle, useCallAudio, useCallDuration, useDisplayName, usePoolseTheme, useVoipCalls };
+export { AttachmentPicker, type AttachmentPickerProps, AttachmentPreview, type AttachmentPreviewProps, type AudioRoute, type AudioRouteKind, AudioRouteSheet, type AudioRouteSheetProps, Avatar, type AvatarProps, type CallAudio, CallAvatar, type CallAvatarProps, CallControlButton, type CallControlButtonProps, type CallKeepModule, CallParticipantTile, type CallParticipantTileProps, CallScreen, type CallScreenProps, CallVideoGrid, type CallVideoGridProps, ChatHeader, type ChatHeaderProps, ConversationList, type ConversationListProps, ConversationView, type ConversationViewProps, DaySeparator, type DaySeparatorProps, GroupDetailsSheet, type GroupDetailsSheetProps, type IconName, ImageMosaic, type ImageMosaicProps, type InboxUser, type LiveKitAudioSession, type LiveKitReactNativeModule, LocalVideoPip, type LocalVideoPipProps, MemberList, type MemberListProps, MentionInput, type MentionInputProps, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, MessageComposer, type MessageComposerProps, MessageList, type MessageListItem, type MessageListProps, MessageRow, type MessageRowProps, type NativeWebRtcModule, PoolseIcon, type PoolseIconProps, PoolseInbox, type PoolseInboxHandle, type PoolseInboxProps, PoolseLogo, type PoolseLogoProps, type PoolseLogoVariant, type PoolseRNTheme, type PoolseRNThemeOverrides, PoolseTheme, type PoolseThemeProps, primitives as Primitives, ReactionPicker, type ReactionPickerProps, ReactionStrip, type ReactionStripProps, type RingToneModule, type ThemeColors, type ThemeRadii, type ThemeShadows, type ThemeSpacing, type ThemeType, ThreadView, type ThreadViewProps, TypingIndicator, type TypingIndicatorProps, UploadQueueStrip, type UseCallAudioOptions, type UseVoipCallsOptions, UserName, type UserNameProps, VoiceRoomBar, type VoiceRoomBarProps, type VoipIncomingCall, type VoipPushModule, callColors, createNativeWebRtcAdapter, defaultDarkTheme, defaultLightTheme, describeRoute, isNativeWebRtcAvailable, isStalePush, useAppStateLifecycle, useCallAudio, useCallDuration, useDisplayName, usePoolseTheme, useVoipCalls };

package/dist/index.js

@@ -5517,6 +5517,7 @@ function LocalVideoPip({
               label,
               avatarSize: 48,
               hideName: true,
+              bleed: true,
               style: styles28.fill
             }
           ) })
@@ -5532,7 +5533,10 @@ var styles28 = StyleSheet.create({
     left: 0,
     width: PIP_WIDTH,
     height: PIP_HEIGHT,
-    borderRadius: 16,
+    // Generous enough to read as a bubble rather than a cropped
+    // rectangle. The video is clipped to it, so this is the only
+    // rounding in play.
+    borderRadius: 22,
     overflow: "hidden",
     // Lifted off the video so it reads as floating rather than inset.
     shadowColor: "#000",
@@ -5815,6 +5819,7 @@ function CallScreen({
   onStatusChange,
   onTransportChange,
   onVideoChange,
+  inCallManager,
   nativeIncomingUi
 }) {
   const insets = useSafeAreaInsets();
@@ -5825,7 +5830,7 @@ function CallScreen({
     () => meshAvailable && webrtc ? { webrtc: createNativeWebRtcAdapter(webrtc) } : {},
     [meshAvailable, webrtc]
   );
-  const conversationId = calls.phase === "active" ? calls.activeConversationId : null;
+  const conversationId = calls.phase === "active" ? calls.activeConversationId : calls.phase === "ringing-out" ? calls.outgoing?.conversationId ?? null : null;
   const isVideoCall = calls.media === "video";
   const sfu = useCallRoom(livekit ? conversationId : null, {
     livekit,
@@ -5836,7 +5841,8 @@ function CallScreen({
   const status = usingSfu ? toVoiceStatus(sfu.status) : mesh.status;
   const connected = calls.phase === "active" && status === "connected";
   useEffect(() => {
-    if (calls.phase !== "active" || !conversationId) return;
+    const wants = calls.phase === "active" || calls.phase === "ringing-out";
+    if (!wants || !conversationId) return;
     let cancelled = false;
     void (async () => {
       const joined = livekit ? await sfu.join() : false;
@@ -5864,6 +5870,23 @@ function CallScreen({
     livekitReactNative
   });
   const [routesOpen, setRoutesOpen] = useState(false);
+  const showingIncoming = calls.phase === "ringing-in" && !nativeIncomingUi;
+  useEffect(() => {
+    const ringing = calls.phase === "ringing-out";
+    if (!ringing && !showingIncoming) return;
+    try {
+      if (ringing) inCallManager?.startRingback?.("_DEFAULT_");
+      else inCallManager?.startRingtone?.("_DEFAULT_");
+    } catch {
+    }
+    return () => {
+      try {
+        inCallManager?.stopRingback?.();
+        inCallManager?.stopRingtone?.();
+      } catch {
+      }
+    };
+  }, [calls.phase, showingIncoming, inCallManager]);
   const [chromeVisible, setChromeVisible] = useState(true);
   const [lastWake, setLastWake] = useState(0);
   const chromeHides = connected && isVideoCall;
@@ -5874,6 +5897,13 @@ function CallScreen({
     return () => clearTimeout(timer);
   }, [chromeHides, lastWake]);
   const wakeChrome = useCallback(() => setLastWake(Date.now()), []);
+  const toggleChrome = useCallback(() => {
+    setChromeVisible((visible2) => {
+      if (visible2) return false;
+      setLastWake(Date.now());
+      return true;
+    });
+  }, []);
   const withWake = useCallback(
     (fn) => () => {
       wakeChrome();
@@ -5932,7 +5962,7 @@ function CallScreen({
       onRequestClose: hangUp,
       children: [
         /* @__PURE__ */ jsx(StatusBar, { barStyle: "light-content" }),
-        /* @__PURE__ */ jsxs(Pressable, { style: styles30.screen, onPress: wakeChrome, accessible: false, children: [
+        /* @__PURE__ */ jsxs(Pressable, { style: styles30.screen, onPress: toggleChrome, accessible: false, children: [
           showStage ? /* @__PURE__ */ jsx(
             CallVideoGrid,
             {