@poolse/react-native 2.15.0 → 2.15.2

package/CHANGELOG.md

@@ -4,6 +4,33 @@ All notable changes to `@poolse/react-native` are documented here.
 Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/);
 versions follow [semver](https://semver.org).
 
+## [2.15.2] — 2026-08-23
+
+### Fixed
+
+- **The floating self-preview had a visible seam around its edge.** The
+  bubble clips to its own rounding, but the tile inside rounded itself
+  as well and carried a 2px border — transparent or not, that inset the
+  video from the edge it should meet, and the two radii disagreeing left
+  a hairline along the curve. The inner tile is borderless now, and the
+  bubble is rounder.
+
+## [2.15.1] — 2026-08-23
+
+### Changed
+
+- **The floating self-preview now sits in the screen's corners.** It was
+  bounded by the call chrome, which left it parked well inside the
+  screen rather than tucked into a corner — and on a connected video
+  call the chrome is hidden most of the time anyway, so it was reserving
+  room for something that was not there. `CallVideoGrid` takes a new
+  `safeArea` prop for this; `chromeInsets` still governs the scrolling
+  group grid's clearance under the control bar.
+
+### Fixed
+
+- Picks up the camera-on-answer fix from `@poolse/react@2.15.1`.
+
 ## [2.15.0] — 2026-08-23
 
 Republished for the call-lifecycle fixes in `@poolse/sdk` and

package/dist/index.cjs

@@ -5447,7 +5447,7 @@ var styles27 = reactNative.StyleSheet.create({
 });
 var PIP_WIDTH = 108;
 var PIP_HEIGHT = 152;
-var MARGIN = 14;
+var MARGIN = 12;
 function LocalVideoPip({
   participant,
   VideoTrack,
@@ -5544,6 +5544,7 @@ function LocalVideoPip({
               label,
               avatarSize: 48,
               hideName: true,
+              bleed: true,
               style: styles28.fill
             }
           ) })
@@ -5559,7 +5560,10 @@ var styles28 = reactNative.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",
@@ -5577,7 +5581,8 @@ function CallVideoGrid({
   livekitReactNative,
   labelFor,
   onLocalPress,
-  chromeInsets
+  chromeInsets,
+  safeArea
 }) {
   const label = labelFor ?? ((id) => `User ${id.slice(0, 6)}`);
   const VideoTrack = livekitReactNative?.VideoTrack;
@@ -5618,7 +5623,7 @@ function CallVideoGrid({
           VideoTrack,
           label,
           bounds: size,
-          insets: chromeInsets ?? { top: 0, bottom: 0 },
+          insets: safeArea ?? { top: 0, bottom: 0 },
           onPress: onLocalPress
         }
       )
@@ -5966,7 +5971,8 @@ function CallScreen({
               livekitReactNative,
               labelFor: label,
               onLocalPress: () => void sfu.switchCamera(),
-              chromeInsets
+              chromeInsets,
+              safeArea: { top: insets.top, bottom: insets.bottom }
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles30.identity, children: /* @__PURE__ */ jsxRuntime.jsx(
             CallAvatar,