@getuserfeedback/react-native 3.0.41 → 3.0.42

package/dist/provider-widget-host-overlay.d.ts

@@ -24,11 +24,14 @@ export declare function toProviderWidgetHostStyle({ isVisible, webViewStyle, }:
     isVisible: boolean;
     webViewStyle: unknown;
 }): unknown;
-export declare function toProviderWidgetSheetStyle(input: {
+export declare function toProviderWidgetSheetSurfaceStyles(input: {
     frameAppearance?: WidgetFrameAppearance;
     isVisible: boolean;
     sheetHostLayoutUpdate: WidgetLayoutComparableSizeUpdate | undefined;
-}): unknown;
+}): {
+    contentStyle: unknown;
+    sheetStyle: unknown;
+};
 export declare function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, }: {
     children?: ReactNode;
     frameAppearance?: WidgetFrameAppearance;

package/dist/provider-widget-host-overlay.js

@@ -24,23 +24,29 @@ const WIDGET_SHEET_BACKDROP_STYLE = {
     right: 0,
     top: 0,
 };
-const WIDGET_SHEET_BASE_STYLE = {
+const WIDGET_SHEET_LAYOUT_STYLE = {
     backgroundColor: "#ffffff",
     bottom: 0,
     left: 0,
-    overflow: "hidden",
     position: "absolute",
     right: 0,
 };
 const WIDGET_SHEET_FRAME_STYLE = {
-    borderTopLeftRadius: 24,
-    borderTopRightRadius: 24,
     shadowColor: "#000000",
     shadowOffset: { height: -4, width: 0 },
     shadowOpacity: 0.16,
     shadowRadius: 18,
     elevation: 18,
 };
+const WIDGET_SHEET_CONTENT_BASE_STYLE = {
+    backgroundColor: "#ffffff",
+    flex: 1,
+    overflow: "hidden",
+};
+const WIDGET_SHEET_RADIUS_STYLE = {
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+};
 const WIDGET_SHEET_DRAG_HANDLE_TOUCH_STYLE = {
     alignItems: "center",
     elevation: 19,
@@ -192,13 +198,16 @@ export function toProviderWidgetHostStyle({ isVisible, webViewStyle, }) {
         ? [visiblePresentationStyle, VISIBLE_WIDGET_HOST_STYLE]
         : VISIBLE_WIDGET_HOST_STYLE;
 }
-export function toProviderWidgetSheetStyle(input) {
+export function toProviderWidgetSheetSurfaceStyles(input) {
     var _a, _b;
     const sheetHostViewport = (_a = input.sheetHostLayoutUpdate) === null || _a === void 0 ? void 0 : _a.size;
-    return input.isVisible && sheetHostViewport !== undefined
-        ? Object.assign(Object.assign(Object.assign({}, WIDGET_SHEET_BASE_STYLE), (((_b = input.frameAppearance) === null || _b === void 0 ? void 0 : _b.kind) === "none"
-            ? {}
-            : WIDGET_SHEET_FRAME_STYLE)), { height: sheetHostViewport.height }) : HIDDEN_WIDGET_HOST_STYLE;
+    const hasFrame = ((_b = input.frameAppearance) === null || _b === void 0 ? void 0 : _b.kind) !== "none";
+    return {
+        contentStyle: Object.assign(Object.assign({}, WIDGET_SHEET_CONTENT_BASE_STYLE), (hasFrame ? WIDGET_SHEET_RADIUS_STYLE : {})),
+        sheetStyle: input.isVisible && sheetHostViewport !== undefined
+            ? Object.assign(Object.assign(Object.assign({}, WIDGET_SHEET_LAYOUT_STYLE), (hasFrame
+                ? Object.assign(Object.assign({}, WIDGET_SHEET_RADIUS_STYLE), WIDGET_SHEET_FRAME_STYLE) : {})), { height: sheetHostViewport.height }) : HIDDEN_WIDGET_HOST_STYLE,
+    };
 }
 function useProviderWidgetSheetPresentation(input) {
     var _a, _b, _c, _d;
@@ -209,11 +218,6 @@ function useProviderWidgetSheetPresentation(input) {
     const animatedSheetView = useMemo(() => animationRuntime
         ? animationRuntime.Animated.createAnimatedComponent(input.nativeView)
         : input.nativeView, [animationRuntime, input.nativeView]);
-    const staticStyle = toProviderWidgetSheetStyle({
-        frameAppearance: input.frameAppearance,
-        isVisible: input.isVisible,
-        sheetHostLayoutUpdate: input.sheetHostLayoutUpdate,
-    });
     const sheetHostViewport = (_a = input.sheetHostLayoutUpdate) === null || _a === void 0 ? void 0 : _a.size;
     const height = sheetHostViewport === null || sheetHostViewport === void 0 ? void 0 : sheetHostViewport.height;
     const shouldUseAnimatedStyle = animationRuntime !== null &&
@@ -274,12 +278,12 @@ function useProviderWidgetSheetPresentation(input) {
     if (!shouldUseAnimatedStyle) {
         return {
             sheetView,
-            style: staticStyle,
+            style: input.staticStyle,
         };
     }
     return {
         sheetView,
-        style: Object.assign(Object.assign({}, staticStyle), { height: (_d = animatedHeightRef.current) !== null && _d !== void 0 ? _d : height }),
+        style: Object.assign(Object.assign({}, input.staticStyle), { height: (_d = animatedHeightRef.current) !== null && _d !== void 0 ? _d : height }),
     };
 }
 export function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, }) {
@@ -336,11 +340,16 @@ export function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible
     const sheetHostViewport = sheetHostLayoutUpdate === null || sheetHostLayoutUpdate === void 0 ? void 0 : sheetHostLayoutUpdate.size;
     const isSheetVisible = isVisible && sheetHostViewport !== undefined;
     const pointerEvents = isSheetVisible ? "auto" : "none";
-    const sheetPresentation = useProviderWidgetSheetPresentation({
+    const surfaceStyles = toProviderWidgetSheetSurfaceStyles({
         frameAppearance,
+        isVisible,
+        sheetHostLayoutUpdate,
+    });
+    const sheetPresentation = useProviderWidgetSheetPresentation({
         isVisible,
         nativeView,
         sheetHostLayoutUpdate,
+        staticStyle: surfaceStyles.sheetStyle,
     });
     return createElement(nativeView, {
         pointerEvents,
@@ -358,10 +367,14 @@ export function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible
         pointerEvents,
         style: sheetPresentation.style,
         testID: "gx-widget-host-sheet",
+    }, createElement(nativeView, {
+        pointerEvents,
+        style: surfaceStyles.contentStyle,
+        testID: "gx-widget-host-sheet-content",
     }, children, isSheetVisible
         ? createElement(nativeView, Object.assign(Object.assign({}, dragHandleGestureProps), { style: WIDGET_SHEET_DRAG_HANDLE_TOUCH_STYLE, testID: "gx-widget-host-drag-handle" }), createElement(nativeView, {
             style: WIDGET_SHEET_DRAG_HANDLE_INDICATOR_STYLE,
             testID: "gx-widget-host-drag-handle-indicator",
         }))
-        : null));
+        : null)));
 }

package/dist/version.js

@@ -3,4 +3,4 @@ const reactNativeSdkVersion = typeof __GX_REACT_NATIVE_SDK_VERSION__ === "string
     : "";
 // Build scripts patch this fallback to the package version for published artifacts.
 // Source-linked workspace usage keeps the local fallback.
-export const REACT_NATIVE_SDK_VERSION = reactNativeSdkVersion.length > 0 ? reactNativeSdkVersion : "3.0.41";
+export const REACT_NATIVE_SDK_VERSION = reactNativeSdkVersion.length > 0 ? reactNativeSdkVersion : "3.0.42";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getuserfeedback/react-native",
-  "version": "3.0.41",
+  "version": "3.0.42",
   "description": "getuserfeedback React Native SDK",
   "keywords": [
     "getuserfeedback",
@@ -44,8 +44,8 @@
     "lint": "biome check ."
   },
   "dependencies": {
-    "@getuserfeedback/protocol": "^3.11.1",
-    "@getuserfeedback/sdk": "^0.10.9",
+    "@getuserfeedback/protocol": "^3.12.0",
+    "@getuserfeedback/sdk": "^0.10.10",
     "robot3": "^1.2.0"
   },
   "peerDependencies": {