@getuserfeedback/react-native 3.0.40 → 3.0.42

package/dist/index.js

@@ -694,6 +694,7 @@ export function GetUserFeedbackProvider({ autoInit = true, children, commandTime
     return createElement(GetUserFeedbackNativeContext.Provider, {
         value: contextValue,
     }, children, createElement(ProviderWidgetHostOverlay, {
+        frameAppearance: widgetHostVisibility.frameAppearance,
         isVisible: isWidgetHostVisible,
         nativeView: NativeView,
         onRequestDismiss: handleWidgetHostDismiss,

package/dist/native-view-host-projection.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentType, type ReactElement } from "react";
+import type { NativeViewRecordController } from "./native-view-record-controller.js";
+export type NativeViewHostProjectionProps = {
+    controller: NativeViewRecordController;
+    onInvalidMessage?: (error: Error, value: unknown) => void;
+    webViewComponent?: ComponentType<Record<string, unknown>>;
+    webViewProps?: Record<string, unknown>;
+};
+export declare function NativeViewHostProjection({ controller, onInvalidMessage, webViewComponent, webViewProps, }: NativeViewHostProjectionProps): ReactElement;

package/dist/native-view-host-projection.js

@@ -0,0 +1,42 @@
+import { createElement, Fragment, useCallback, useEffect, useRef, useSyncExternalStore, } from "react";
+import { ViewWebViewHost } from "./view-webview-host.js";
+function NativeViewHostProjectionEntry({ controller, onInvalidMessage, record, webViewComponent, webViewProps, }) {
+    const detachConnectionRef = useRef(null);
+    const detachConnection = useCallback(() => {
+        const detach = detachConnectionRef.current;
+        detachConnectionRef.current = null;
+        detach === null || detach === void 0 ? void 0 : detach();
+    }, []);
+    const handleConnected = useCallback((connection) => {
+        detachConnection();
+        const controllerDetach = controller.attachViewReadinessConnection({
+            allocationId: record.allocationId,
+            connection,
+        });
+        detachConnectionRef.current = controllerDetach;
+    }, [controller, detachConnection, record.allocationId]);
+    useEffect(() => detachConnection, [detachConnection]);
+    return createElement(ViewWebViewHost, {
+        generation: record.generation,
+        onConnected: handleConnected,
+        onDisconnected: detachConnection,
+        onInvalidMessage,
+        srcdoc: record.srcdoc,
+        viewId: record.viewId,
+        webViewComponent,
+        webViewProps,
+    });
+}
+export function NativeViewHostProjection({ controller, onInvalidMessage, webViewComponent, webViewProps, }) {
+    const records = useSyncExternalStore(controller.subscribe, controller.getSnapshot, controller.getSnapshot);
+    return createElement(Fragment, null, records.map((record) => createElement(NativeViewHostProjectionEntry, {
+        controller,
+        onInvalidMessage,
+        record,
+        webViewComponent,
+        webViewProps,
+        key: record.allocationId,
+    })));
+}
+// TODO(migration): Compose CoreWebViewHost, a mount-stable NativeViewRecordController, and this projection behind one private native runtime root while the provider runtime remains active.
+// [from=private-native-view-rendering-proof] [to=private-native-runtime-composition] [scope=slice] [priority=high] [impact=high] [risk=high] [epic=runtime-neutral-view-host-orchestration] [epic_order=50]

package/dist/native-view-record-controller.d.ts

@@ -3,7 +3,7 @@ import type { CoreWebViewHostConnection } from "./core-webview-host-controller.j
 import type { ViewWebViewHostConnection } from "./view-webview-host-controller.js";
 type NativeViewActivationState = "idle" | "prerendering" | "activation-requested" | "prerendering-activation-requested" | "prerendered" | "active";
 type NativeViewSizeReport = Omit<EventViewSize, "gen" | "t" | "viewId">;
-type NativeViewRecord = Readonly<{
+export type NativeViewRecord = Readonly<{
     allocationId: number;
     activationState: NativeViewActivationState;
     generation: number;

package/dist/native-view-record-controller.js

@@ -348,5 +348,3 @@ function toViewSizeReport(event) {
         layoutTransactionId: event.layoutTransactionId,
     };
 }
-// TODO(migration): Render the controller's identity-safe records through ViewWebViewHost and attach each connected view transport. Keep the provider runtime active during this proof.
-// [from=private-native-view-readiness-routing] [to=private-native-view-rendering-proof] [scope=slice] [priority=high] [impact=high] [risk=high] [epic=runtime-neutral-view-host-orchestration] [epic_order=40]

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

@@ -1,10 +1,11 @@
-import { type InstanceViewHostSnapshotsChangedDetail, type ViewHostSnapshot, type WidgetLayoutTransitionPolicy } from "@getuserfeedback/protocol/host";
+import { type InstanceViewHostSnapshotsChangedDetail, type ViewHostSnapshot, type WidgetFrameAppearance, type WidgetLayoutTransitionPolicy } from "@getuserfeedback/protocol/host";
 type ProviderWidgetHostReadyState = {
     hostEpoch: number;
     readySequence: number;
     sourceKey: string;
 };
 export type ProviderWidgetHostVisibility = {
+    frameAppearance?: WidgetFrameAppearance;
     flowHeight?: number;
     flowHandleId?: string;
     hostSourceVersion: number | null;

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

@@ -24,6 +24,7 @@ export function createProviderWidgetHostLifecycleController(initialHostSourceKey
             nextTransitionPolicySequence = transitionPolicySequence;
         }
         return {
+            frameAppearance: snapshot.frameAppearance,
             flowHeight: snapshot.height,
             flowHandleId: snapshot.flowHandleId,
             hostSourceVersion,

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

@@ -1,4 +1,4 @@
-import { type WidgetLayoutComparableSizeUpdate, type WidgetLayoutSizeUpdate, type WidgetLayoutTimedCapableTransitionPlan, type WidgetLayoutTransitionPolicy } from "@getuserfeedback/protocol/host";
+import { type WidgetFrameAppearance, type WidgetLayoutComparableSizeUpdate, type WidgetLayoutSizeUpdate, type WidgetLayoutTimedCapableTransitionPlan, type WidgetLayoutTransitionPolicy } from "@getuserfeedback/protocol/host";
 import { type ComponentType, type ReactElement, type ReactNode } from "react";
 import type { WidgetHostProps } from "./widget-host.js";
 type NativeViewComponent = ComponentType<Record<string, unknown>>;
@@ -24,12 +24,17 @@ 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;
-export declare function ProviderWidgetHostOverlay({ children, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, }: {
+}): {
+    contentStyle: unknown;
+    sheetStyle: unknown;
+};
+export declare function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, }: {
     children?: ReactNode;
+    frameAppearance?: WidgetFrameAppearance;
     isVisible: boolean;
     nativeView: NativeViewComponent;
     onRequestDismiss: () => void;

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

@@ -24,21 +24,29 @@ const WIDGET_SHEET_BACKDROP_STYLE = {
     right: 0,
     top: 0,
 };
-const WIDGET_SHEET_STYLE = {
+const WIDGET_SHEET_LAYOUT_STYLE = {
     backgroundColor: "#ffffff",
-    borderTopLeftRadius: 24,
-    borderTopRightRadius: 24,
     bottom: 0,
     left: 0,
-    overflow: "hidden",
     position: "absolute",
     right: 0,
+};
+const WIDGET_SHEET_FRAME_STYLE = {
     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,
@@ -190,11 +198,16 @@ export function toProviderWidgetHostStyle({ isVisible, webViewStyle, }) {
         ? [visiblePresentationStyle, VISIBLE_WIDGET_HOST_STYLE]
         : VISIBLE_WIDGET_HOST_STYLE;
 }
-export function toProviderWidgetSheetStyle(input) {
-    var _a;
+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({}, WIDGET_SHEET_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;
@@ -205,10 +218,6 @@ function useProviderWidgetSheetPresentation(input) {
     const animatedSheetView = useMemo(() => animationRuntime
         ? animationRuntime.Animated.createAnimatedComponent(input.nativeView)
         : input.nativeView, [animationRuntime, input.nativeView]);
-    const staticStyle = toProviderWidgetSheetStyle({
-        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 &&
@@ -269,15 +278,15 @@ 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, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, }) {
+export function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, }) {
     const dragStartYRef = useRef(undefined);
     const handleDragGrant = useCallback((event) => {
         dragStartYRef.current = toResponderPageY(event);
@@ -331,10 +340,16 @@ export function ProviderWidgetHostOverlay({ children, isVisible, nativeView, onR
     const sheetHostViewport = sheetHostLayoutUpdate === null || sheetHostLayoutUpdate === void 0 ? void 0 : sheetHostLayoutUpdate.size;
     const isSheetVisible = isVisible && sheetHostViewport !== undefined;
     const pointerEvents = isSheetVisible ? "auto" : "none";
+    const surfaceStyles = toProviderWidgetSheetSurfaceStyles({
+        frameAppearance,
+        isVisible,
+        sheetHostLayoutUpdate,
+    });
     const sheetPresentation = useProviderWidgetSheetPresentation({
         isVisible,
         nativeView,
         sheetHostLayoutUpdate,
+        staticStyle: surfaceStyles.sheetStyle,
     });
     return createElement(nativeView, {
         pointerEvents,
@@ -352,10 +367,14 @@ export function ProviderWidgetHostOverlay({ children, isVisible, nativeView, onR
         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.40";
+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.40",
+  "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": {