@getuserfeedback/react-native 3.0.40 → 3.0.41

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>>;
@@ -25,11 +25,13 @@ export declare function toProviderWidgetHostStyle({ isVisible, webViewStyle, }:
     webViewStyle: unknown;
 }): unknown;
 export declare function toProviderWidgetSheetStyle(input: {
+    frameAppearance?: WidgetFrameAppearance;
     isVisible: boolean;
     sheetHostLayoutUpdate: WidgetLayoutComparableSizeUpdate | undefined;
 }): unknown;
-export declare function ProviderWidgetHostOverlay({ children, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, }: {
+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,15 +24,17 @@ const WIDGET_SHEET_BACKDROP_STYLE = {
     right: 0,
     top: 0,
 };
-const WIDGET_SHEET_STYLE = {
+const WIDGET_SHEET_BASE_STYLE = {
     backgroundColor: "#ffffff",
-    borderTopLeftRadius: 24,
-    borderTopRightRadius: 24,
     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,
@@ -191,10 +193,12 @@ export function toProviderWidgetHostStyle({ isVisible, webViewStyle, }) {
         : VISIBLE_WIDGET_HOST_STYLE;
 }
 export function toProviderWidgetSheetStyle(input) {
-    var _a;
+    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;
+        ? 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;
 }
 function useProviderWidgetSheetPresentation(input) {
     var _a, _b, _c, _d;
@@ -206,6 +210,7 @@ function useProviderWidgetSheetPresentation(input) {
         ? animationRuntime.Animated.createAnimatedComponent(input.nativeView)
         : input.nativeView, [animationRuntime, input.nativeView]);
     const staticStyle = toProviderWidgetSheetStyle({
+        frameAppearance: input.frameAppearance,
         isVisible: input.isVisible,
         sheetHostLayoutUpdate: input.sheetHostLayoutUpdate,
     });
@@ -277,7 +282,7 @@ function useProviderWidgetSheetPresentation(input) {
         style: Object.assign(Object.assign({}, 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);
@@ -332,6 +337,7 @@ export function ProviderWidgetHostOverlay({ children, isVisible, nativeView, onR
     const isSheetVisible = isVisible && sheetHostViewport !== undefined;
     const pointerEvents = isSheetVisible ? "auto" : "none";
     const sheetPresentation = useProviderWidgetSheetPresentation({
+        frameAppearance,
         isVisible,
         nativeView,
         sheetHostLayoutUpdate,

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.41";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getuserfeedback/react-native",
-  "version": "3.0.40",
+  "version": "3.0.41",
   "description": "getuserfeedback React Native SDK",
   "keywords": [
     "getuserfeedback",