@getuserfeedback/react-native 3.0.44 → 3.0.46

package/dist/native-runtime-root.d.ts

@@ -0,0 +1,13 @@
+import { type ReactElement } from "react";
+import { type CoreWebViewHostProps } from "./core-webview-host.js";
+import { type NativeViewHostProjectionProps } from "./native-view-host-projection.js";
+export type NativeRuntimeRootProps = {
+    coreUrl: string;
+    coreWebViewComponent?: CoreWebViewHostProps["webViewComponent"];
+    coreWebViewProps?: CoreWebViewHostProps["webViewProps"];
+    onError?: (error: Error) => void;
+    onInvalidMessage?: (error: Error, value: unknown) => void;
+    viewWebViewComponent?: NativeViewHostProjectionProps["webViewComponent"];
+    viewWebViewProps?: NativeViewHostProjectionProps["webViewProps"];
+};
+export declare function NativeRuntimeRoot({ coreUrl, coreWebViewComponent, coreWebViewProps, onError, onInvalidMessage, viewWebViewComponent, viewWebViewProps, }: NativeRuntimeRootProps): ReactElement;

package/dist/native-runtime-root.js

@@ -0,0 +1,56 @@
+import { createElement, Fragment, useCallback, useEffect, useRef, useState, } from "react";
+import { CoreWebViewHost, } from "./core-webview-host.js";
+import { NativeViewHostProjection, } from "./native-view-host-projection.js";
+import { createNativeViewRecordController, } from "./native-view-record-controller.js";
+export function NativeRuntimeRoot({ coreUrl, coreWebViewComponent, coreWebViewProps, onError, onInvalidMessage, viewWebViewComponent, viewWebViewProps, }) {
+    const [session, setSession] = useState(null);
+    const sessionRef = useRef(null);
+    const nextSessionKeyRef = useRef(0);
+    const onErrorRef = useRef(onError);
+    onErrorRef.current = onError;
+    const handleConnected = useCallback((coreConnection) => {
+        const previousSession = sessionRef.current;
+        previousSession === null || previousSession === void 0 ? void 0 : previousSession.controller.dispose();
+        const controller = createNativeViewRecordController({
+            coreConnection,
+            onError: (error) => { var _a; return (_a = onErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onErrorRef, error); },
+        });
+        const nextSession = {
+            controller,
+            key: nextSessionKeyRef.current + 1,
+        };
+        nextSessionKeyRef.current = nextSession.key;
+        sessionRef.current = nextSession;
+        setSession(nextSession);
+    }, []);
+    const handleDisconnected = useCallback(() => {
+        const currentSession = sessionRef.current;
+        if (!currentSession) {
+            return;
+        }
+        currentSession.controller.dispose();
+        sessionRef.current = null;
+        setSession(null);
+    }, []);
+    useEffect(() => () => {
+        const currentSession = sessionRef.current;
+        sessionRef.current = null;
+        currentSession === null || currentSession === void 0 ? void 0 : currentSession.controller.dispose();
+    }, []);
+    return createElement(Fragment, null, createElement(CoreWebViewHost, {
+        coreUrl,
+        onConnected: handleConnected,
+        onDisconnected: handleDisconnected,
+        onInvalidMessage,
+        webViewComponent: coreWebViewComponent,
+        webViewProps: coreWebViewProps,
+    }), session === null
+        ? null
+        : createElement(NativeViewHostProjection, {
+            controller: session.controller,
+            key: session.key,
+            onInvalidMessage,
+            webViewComponent: viewWebViewComponent,
+            webViewProps: viewWebViewProps,
+        }));
+}

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

@@ -38,5 +38,5 @@ export function NativeViewHostProjection({ controller, onInvalidMessage, webView
         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]
+// TODO(architecture): Prove command/bootstrap composition from the private native runtime root without switching provider ownership.
+// [from=private-native-runtime-composition] [to=private-native-command-bootstrap-composition] [scope=slice] [principle=preserve-provider-runtime] [priority=high] [impact=high] [risk=high] [epic=runtime-neutral-view-host-orchestration] [epic_order=60]

package/dist/provider-widget-frame-appearance.d.ts

@@ -0,0 +1,11 @@
+import type { WidgetFrameAppearance } from "@getuserfeedback/protocol/host";
+export type ProviderWidgetFrameAppearanceProjection = {
+    shadowPolicy: "clear" | "legacy";
+    topLeftRadius: number;
+    topRightRadius: number;
+};
+export declare function safeParseProviderWidgetCanonicalTopRadii(value: string): {
+    topLeft: number;
+    topRight: number;
+} | undefined;
+export declare function toProviderWidgetFrameAppearance(appearance?: WidgetFrameAppearance): ProviderWidgetFrameAppearanceProjection;

package/dist/provider-widget-frame-appearance.js

@@ -0,0 +1,47 @@
+const LEGACY_WIDGET_SHEET_RADIUS = 24;
+const CANONICAL_PX_PATTERN = /^(?:0|[1-9]\d*)(?:\.\d+)?px$/;
+const safeParseCanonicalPx = (value) => {
+    if (!CANONICAL_PX_PATTERN.test(value)) {
+        return undefined;
+    }
+    const parsed = Number.parseFloat(value);
+    return Number.isFinite(parsed) ? parsed : undefined;
+};
+export function safeParseProviderWidgetCanonicalTopRadii(value) {
+    if (value.includes("/")) {
+        return undefined;
+    }
+    const radii = value.split(/\s+/).map(safeParseCanonicalPx);
+    if (radii.length === 0 ||
+        radii.length > 4 ||
+        radii.some((radius) => radius === undefined)) {
+        return undefined;
+    }
+    const [topLeft, topRight = topLeft] = radii;
+    return topLeft === undefined || topRight === undefined
+        ? undefined
+        : { topLeft, topRight };
+}
+export function toProviderWidgetFrameAppearance(appearance) {
+    var _a, _b;
+    if (appearance === undefined) {
+        return {
+            shadowPolicy: "legacy",
+            topLeftRadius: LEGACY_WIDGET_SHEET_RADIUS,
+            topRightRadius: LEGACY_WIDGET_SHEET_RADIUS,
+        };
+    }
+    if (appearance.kind === "none") {
+        return {
+            shadowPolicy: "clear",
+            topLeftRadius: 0,
+            topRightRadius: 0,
+        };
+    }
+    const radius = safeParseProviderWidgetCanonicalTopRadii(appearance.borderRadius);
+    return {
+        shadowPolicy: "clear",
+        topLeftRadius: (_a = radius === null || radius === void 0 ? void 0 : radius.topLeft) !== null && _a !== void 0 ? _a : 0,
+        topRightRadius: (_b = radius === null || radius === void 0 ? void 0 : radius.topRight) !== null && _b !== void 0 ? _b : 0,
+    };
+}

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

@@ -1,5 +1,6 @@
 import { planWidgetLayoutTransition, toInstantWidgetLayoutSizeUpdate, } from "@getuserfeedback/protocol/host";
 import { createElement, useCallback, useEffect, useMemo, useRef, } from "react";
+import { toProviderWidgetFrameAppearance } from "./provider-widget-frame-appearance.js";
 const HIDDEN_WIDGET_HOST_STYLE = {
     bottom: 0,
     left: 0,
@@ -31,22 +32,25 @@ const WIDGET_SHEET_LAYOUT_STYLE = {
     position: "absolute",
     right: 0,
 };
-const WIDGET_SHEET_FRAME_STYLE = {
+const WIDGET_SHEET_LEGACY_FRAME_STYLE = {
     shadowColor: "#000000",
     shadowOffset: { height: -4, width: 0 },
     shadowOpacity: 0.16,
     shadowRadius: 18,
     elevation: 18,
 };
+const WIDGET_SHEET_CLEARED_FRAME_STYLE = {
+    shadowColor: "transparent",
+    shadowOffset: { height: 0, width: 0 },
+    shadowOpacity: 0,
+    shadowRadius: 0,
+    elevation: 0,
+};
 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,
@@ -199,14 +203,20 @@ export function toProviderWidgetHostStyle({ isVisible, webViewStyle, }) {
         : VISIBLE_WIDGET_HOST_STYLE;
 }
 export function toProviderWidgetSheetSurfaceStyles(input) {
-    var _a, _b;
+    var _a;
     const sheetHostViewport = (_a = input.sheetHostLayoutUpdate) === null || _a === void 0 ? void 0 : _a.size;
-    const hasFrame = ((_b = input.frameAppearance) === null || _b === void 0 ? void 0 : _b.kind) !== "none";
+    const appearance = toProviderWidgetFrameAppearance(input.frameAppearance);
+    const radiusStyle = {
+        borderTopLeftRadius: appearance.topLeftRadius,
+        borderTopRightRadius: appearance.topRightRadius,
+    };
+    const frameStyle = appearance.shadowPolicy === "legacy"
+        ? WIDGET_SHEET_LEGACY_FRAME_STYLE
+        : WIDGET_SHEET_CLEARED_FRAME_STYLE;
     return {
-        contentStyle: Object.assign(Object.assign({}, WIDGET_SHEET_CONTENT_BASE_STYLE), (hasFrame ? WIDGET_SHEET_RADIUS_STYLE : {})),
+        contentStyle: Object.assign(Object.assign({}, WIDGET_SHEET_CONTENT_BASE_STYLE), radiusStyle),
         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,
+            ? Object.assign(Object.assign(Object.assign(Object.assign({}, WIDGET_SHEET_LAYOUT_STYLE), radiusStyle), frameStyle), { height: sheetHostViewport.height }) : HIDDEN_WIDGET_HOST_STYLE,
     };
 }
 function useProviderWidgetSheetPresentation(input) {

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.44";
+export const REACT_NATIVE_SDK_VERSION = reactNativeSdkVersion.length > 0 ? reactNativeSdkVersion : "3.0.46";

package/package.json

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