@bbearai/react-native 0.9.2 → 0.9.3

package/dist/index.js

@@ -19215,6 +19215,10 @@ var import_react_native22 = require("react-native");
 var screenWidth = import_react_native22.Dimensions.get("window").width;
 var screenHeight = import_react_native22.Dimensions.get("window").height;
 var RUNNER_WIDTH = 280;
+var RUNNER_MARGIN = 16;
+var MIN_Y = 80;
+var BOTTOM_SAFE_PADDING = import_react_native22.Platform.OS === "ios" ? 34 : 24;
+var SAFE_MAX_Y = screenHeight - 200 - BOTTOM_SAFE_PADDING;
 function MiniTestRunner({ assignmentId, onExpand, onComplete, onAdvance, onNavigateToReport }) {
   const { client, assignments, refreshAssignments } = useBugBear();
   const assignment = assignments.find((a) => a.id === assignmentId);
@@ -19229,8 +19233,8 @@ function MiniTestRunner({ assignmentId, onExpand, onComplete, onAdvance, onNavig
     setCurrentStepIndex(0);
   }, [assignmentId]);
   const pan = (0, import_react23.useRef)(new import_react_native22.Animated.ValueXY({
-    x: screenWidth - RUNNER_WIDTH - 16,
-    y: screenHeight - 220
+    x: screenWidth - RUNNER_WIDTH - RUNNER_MARGIN,
+    y: SAFE_MAX_Y
   })).current;
   const panResponder = (0, import_react23.useRef)(
     import_react_native22.PanResponder.create({
@@ -19238,8 +19242,8 @@ function MiniTestRunner({ assignmentId, onExpand, onComplete, onAdvance, onNavig
       onMoveShouldSetPanResponder: (_, gs) => Math.abs(gs.dx) > 5 || Math.abs(gs.dy) > 5,
       onPanResponderGrant: () => {
         pan.setOffset({
-          x: getAnimatedValue(pan.x),
-          y: getAnimatedValue(pan.y)
+          x: Math.max(RUNNER_MARGIN, Math.min(getAnimatedValue(pan.x), screenWidth - RUNNER_WIDTH - RUNNER_MARGIN)),
+          y: Math.max(MIN_Y, Math.min(getAnimatedValue(pan.y), SAFE_MAX_Y))
         });
         pan.setValue({ x: 0, y: 0 });
       },
@@ -19251,8 +19255,8 @@ function MiniTestRunner({ assignmentId, onExpand, onComplete, onAdvance, onNavig
         pan.flattenOffset();
         const currentX = getAnimatedValue(pan.x);
         const currentY = getAnimatedValue(pan.y);
-        const snapX = currentX < screenWidth / 2 ? 16 : screenWidth - RUNNER_WIDTH - 16;
-        const snapY = Math.max(80, Math.min(currentY, screenHeight - 200));
+        const snapX = currentX < screenWidth / 2 ? RUNNER_MARGIN : screenWidth - RUNNER_WIDTH - RUNNER_MARGIN;
+        const snapY = Math.max(MIN_Y, Math.min(currentY, SAFE_MAX_Y));
         import_react_native22.Animated.spring(pan, {
           toValue: { x: snapX, y: snapY },
           useNativeDriver: false,
@@ -19481,6 +19485,7 @@ var styles4 = import_react_native22.StyleSheet.create({
 // src/BugBearButton.tsx
 var screenWidth2 = import_react_native23.Dimensions.get("window").width;
 var screenHeight2 = import_react_native23.Dimensions.get("window").height;
+var BOTTOM_SAFE_PADDING2 = import_react_native23.Platform.OS === "ios" ? 34 : 24;
 function BugBearButton({
   position = "bottom-right",
   buttonStyle,
@@ -19520,14 +19525,15 @@ function BugBearButton({
       setViewMode("closed");
     });
   };
+  const buttonSize = 56;
+  const margin = 16;
+  const safeMaxY = screenHeight2 - maxYOffset - BOTTOM_SAFE_PADDING2;
   const getInitialPosition = () => {
-    const buttonSize = 56;
-    const margin = 16;
     if (initialX !== void 0 && initialY !== void 0) {
       return { x: initialX, y: initialY };
     }
     const x = position === "bottom-right" ? screenWidth2 - buttonSize - margin : margin;
-    const y = screenHeight2 - 160;
+    const y = screenHeight2 - maxYOffset - BOTTOM_SAFE_PADDING2;
     return { x, y };
   };
   const initialPos = getInitialPosition();
@@ -19540,8 +19546,8 @@ function BugBearButton({
       onPanResponderGrant: () => {
         isDragging.current = false;
         pan.setOffset({
-          x: getAnimatedValue(pan.x),
-          y: getAnimatedValue(pan.y)
+          x: Math.max(margin, Math.min(getAnimatedValue(pan.x), screenWidth2 - buttonSize - margin)),
+          y: Math.max(minY, Math.min(getAnimatedValue(pan.y), safeMaxY))
         });
         pan.setValue({ x: 0, y: 0 });
       },
@@ -19558,10 +19564,8 @@ function BugBearButton({
         pan.flattenOffset();
         const currentX = getAnimatedValue(pan.x);
         const currentY = getAnimatedValue(pan.y);
-        const buttonSize = 56;
-        const margin = 16;
         const snapX = currentX < screenWidth2 / 2 ? margin : screenWidth2 - buttonSize - margin;
-        const snapY = Math.max(minY, Math.min(currentY, screenHeight2 - maxYOffset));
+        const snapY = Math.max(minY, Math.min(currentY, safeMaxY));
         import_react_native23.Animated.spring(pan, {
           toValue: { x: snapX, y: snapY },
           useNativeDriver: false,

package/dist/index.mjs

@@ -15172,7 +15172,7 @@ import {
   StyleSheet as StyleSheet22,
   Dimensions as Dimensions3,
   KeyboardAvoidingView,
-  Platform as Platform5,
+  Platform as Platform6,
   PanResponder as PanResponder2,
   Animated as Animated4,
   ActivityIndicator as ActivityIndicator3,
@@ -19193,10 +19193,14 @@ function createStyles15() {
 
 // src/widget/MiniTestRunner.tsx
 import React21, { useState as useState18, useEffect as useEffect12, useCallback as useCallback6, useRef as useRef7 } from "react";
-import { View as View21, Text as Text19, TouchableOpacity as TouchableOpacity18, StyleSheet as StyleSheet21, Animated as Animated3, PanResponder, Dimensions as Dimensions2 } from "react-native";
+import { View as View21, Text as Text19, TouchableOpacity as TouchableOpacity18, StyleSheet as StyleSheet21, Animated as Animated3, PanResponder, Dimensions as Dimensions2, Platform as Platform5 } from "react-native";
 var screenWidth = Dimensions2.get("window").width;
 var screenHeight = Dimensions2.get("window").height;
 var RUNNER_WIDTH = 280;
+var RUNNER_MARGIN = 16;
+var MIN_Y = 80;
+var BOTTOM_SAFE_PADDING = Platform5.OS === "ios" ? 34 : 24;
+var SAFE_MAX_Y = screenHeight - 200 - BOTTOM_SAFE_PADDING;
 function MiniTestRunner({ assignmentId, onExpand, onComplete, onAdvance, onNavigateToReport }) {
   const { client, assignments, refreshAssignments } = useBugBear();
   const assignment = assignments.find((a) => a.id === assignmentId);
@@ -19211,8 +19215,8 @@ function MiniTestRunner({ assignmentId, onExpand, onComplete, onAdvance, onNavig
     setCurrentStepIndex(0);
   }, [assignmentId]);
   const pan = useRef7(new Animated3.ValueXY({
-    x: screenWidth - RUNNER_WIDTH - 16,
-    y: screenHeight - 220
+    x: screenWidth - RUNNER_WIDTH - RUNNER_MARGIN,
+    y: SAFE_MAX_Y
   })).current;
   const panResponder = useRef7(
     PanResponder.create({
@@ -19220,8 +19224,8 @@ function MiniTestRunner({ assignmentId, onExpand, onComplete, onAdvance, onNavig
       onMoveShouldSetPanResponder: (_, gs) => Math.abs(gs.dx) > 5 || Math.abs(gs.dy) > 5,
       onPanResponderGrant: () => {
         pan.setOffset({
-          x: getAnimatedValue(pan.x),
-          y: getAnimatedValue(pan.y)
+          x: Math.max(RUNNER_MARGIN, Math.min(getAnimatedValue(pan.x), screenWidth - RUNNER_WIDTH - RUNNER_MARGIN)),
+          y: Math.max(MIN_Y, Math.min(getAnimatedValue(pan.y), SAFE_MAX_Y))
         });
         pan.setValue({ x: 0, y: 0 });
       },
@@ -19233,8 +19237,8 @@ function MiniTestRunner({ assignmentId, onExpand, onComplete, onAdvance, onNavig
         pan.flattenOffset();
         const currentX = getAnimatedValue(pan.x);
         const currentY = getAnimatedValue(pan.y);
-        const snapX = currentX < screenWidth / 2 ? 16 : screenWidth - RUNNER_WIDTH - 16;
-        const snapY = Math.max(80, Math.min(currentY, screenHeight - 200));
+        const snapX = currentX < screenWidth / 2 ? RUNNER_MARGIN : screenWidth - RUNNER_WIDTH - RUNNER_MARGIN;
+        const snapY = Math.max(MIN_Y, Math.min(currentY, SAFE_MAX_Y));
         Animated3.spring(pan, {
           toValue: { x: snapX, y: snapY },
           useNativeDriver: false,
@@ -19463,6 +19467,7 @@ var styles4 = StyleSheet21.create({
 // src/BugBearButton.tsx
 var screenWidth2 = Dimensions3.get("window").width;
 var screenHeight2 = Dimensions3.get("window").height;
+var BOTTOM_SAFE_PADDING2 = Platform6.OS === "ios" ? 34 : 24;
 function BugBearButton({
   position = "bottom-right",
   buttonStyle,
@@ -19502,14 +19507,15 @@ function BugBearButton({
       setViewMode("closed");
     });
   };
+  const buttonSize = 56;
+  const margin = 16;
+  const safeMaxY = screenHeight2 - maxYOffset - BOTTOM_SAFE_PADDING2;
   const getInitialPosition = () => {
-    const buttonSize = 56;
-    const margin = 16;
     if (initialX !== void 0 && initialY !== void 0) {
       return { x: initialX, y: initialY };
     }
     const x = position === "bottom-right" ? screenWidth2 - buttonSize - margin : margin;
-    const y = screenHeight2 - 160;
+    const y = screenHeight2 - maxYOffset - BOTTOM_SAFE_PADDING2;
     return { x, y };
   };
   const initialPos = getInitialPosition();
@@ -19522,8 +19528,8 @@ function BugBearButton({
       onPanResponderGrant: () => {
         isDragging.current = false;
         pan.setOffset({
-          x: getAnimatedValue(pan.x),
-          y: getAnimatedValue(pan.y)
+          x: Math.max(margin, Math.min(getAnimatedValue(pan.x), screenWidth2 - buttonSize - margin)),
+          y: Math.max(minY, Math.min(getAnimatedValue(pan.y), safeMaxY))
         });
         pan.setValue({ x: 0, y: 0 });
       },
@@ -19540,10 +19546,8 @@ function BugBearButton({
         pan.flattenOffset();
         const currentX = getAnimatedValue(pan.x);
         const currentY = getAnimatedValue(pan.y);
-        const buttonSize = 56;
-        const margin = 16;
         const snapX = currentX < screenWidth2 / 2 ? margin : screenWidth2 - buttonSize - margin;
-        const snapY = Math.max(minY, Math.min(currentY, screenHeight2 - maxYOffset));
+        const snapY = Math.max(minY, Math.min(currentY, safeMaxY));
         Animated4.spring(pan, {
           toValue: { x: snapX, y: snapY },
           useNativeDriver: false,
@@ -19560,7 +19564,7 @@ function BugBearButton({
   const pendingTests = widgetMode === "qa" ? assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length : 0;
   const badgeCount = pendingTests + unreadCount;
   useEffect13(() => {
-    if (!panelVisible || Platform5.OS !== "android") return;
+    if (!panelVisible || Platform6.OS !== "android") return;
     const handler = BackHandler.addEventListener("hardwareBackPress", () => {
       if (canGoBack) {
         Keyboard4.dismiss();
@@ -19756,7 +19760,7 @@ function BugBearButton({
   ), viewMode === "panel" && /* @__PURE__ */ React22.createElement(View22, { style: styles6.panelWrapper, pointerEvents: "box-none" }, /* @__PURE__ */ React22.createElement(
     KeyboardAvoidingView,
     {
-      behavior: Platform5.OS === "ios" ? "padding" : "height",
+      behavior: Platform6.OS === "ios" ? "padding" : "height",
       style: styles6.panelKeyboardAvoid,
       pointerEvents: "box-none"
     },
@@ -19950,7 +19954,7 @@ function createStyles16() {
     },
     contentContainer: {
       padding: 16,
-      paddingBottom: Platform5.OS === "ios" ? 50 : 28
+      paddingBottom: Platform6.OS === "ios" ? 50 : 28
     },
     // Loading
     loadingContainer: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/react-native",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",